body {
    margin: 0;
    padding: 0;
    /*letter-spacing:0.5px;*/
}

*:focus,
*:active,
a:active,
a:focus,
input:focus,
input:active,
div {
    -moz-outline-style: none !important;
    outline: none !important;
    outline: 0 !important;
}
.Opacity1 li{
    opacity:1 !important;
}
.myCustomClassForWindowsBorder {
    border: 10px solid rgba(0,0,0,.7);
    border-radius: 8px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
}

.RstrengLoadingBlockDesign {
    width: 356px;
    height: auto;
    background-color: green;
    position: fixed;
    z-index: 10000;
    left: 36%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 2px;
    border-radius: 4px;
}

.k-scrollview .k-scrollview-nav > .k-link.k-primary {
    background: #00AFEF !important;
    box-shadow: 0 0 0 2px #00AFEF;
}

.k-scrollview .k-scrollview-nav > .k-link:hover {
    background: #00AFEF;
    box-shadow: 0 0 0 2px #00AFEF !important;
}

.k-scrollview .k-scrollview-nav > .k-link {
    background: #D9D9D9 !important;
    border: #D9D9D9 !important;
}

.skip-button {
    color: #08406F;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.skip-button:hover {
    text-decoration: underline;
}

.nextSlideButton {
    border-radius: 2px;
    background: #00AFEF;
    color: #FFFFFF !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 139px;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-color: #00AFEF;
    cursor: pointer;
}

.nextSlideButton:hover {
    background-color: #1065AC;
    border-color: #1065AC;
}

.WhiteDoneButton {
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #00AFEF !important;
    border: 2px solid #00AFEF;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 139px;
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    cursor: pointer;
}

.WhiteDoneButton:hover {
    background-color: #EEF2F6;
    border: 2px solid #0960A8;
    color: #0960A8 !important;
}

.k-scrollview-prev {
    visibility: hidden !important;
}

.k-scrollview-next {
    visibility: hidden !important;
}

textarea {
    resize: none !important;
}
/*.k-list-scroller {
        height: 500px !important;
        overflow-y: scroll!important;
    }*/

.navbar-default {
    /*background-color: #16549a !important;*/
}

    .navbar-default .nav > li > a, .navbar-default.affix .nav > li > a:focus {
        color: #fff !important;
    }

        .navbar-default .nav > li > a:hover {
            background-color: #0e3663 !important;
        }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #333 !important;
        background-color: #e7e7e7;
    }

.navbar-toggle {
    background-color: transparent;
    border: 1px solid silver;
}

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
    }

.mapMenuBox .dropdown:hover .dropdown-menu {
    display: block !important;
}

.dropdown.open > .dropdown-menu {
    display: block !important;
}

#ACSteadyCase-list {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px;
}

.MenuSelected {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

select, 
option {
    content: "\2716";
}

.CenterOutBlock {
    background-color: #e9e9e9;
}

.CenterDiv {
    width: 1000px;
    margin: 0 auto;
}

.WhiteBg {
    background-color: #fff;
}


.maxDepthRowStyle {
    background-color: orange !important;
}




.activewizardTitle {
    background-color: gray !important;
}



.FooterBlock {
    background-color: #333;
}



















/******************** Drag & Move ***********************/
.PanelTopBlock .PlusBtn {
    float: left;
    font-size: 18px;
    margin-right: 4px;
    line-height: normal;
}

.PanelTopBlock {
    padding: 10px 0 0px 15px;
    float: left;
}

    .PanelTopBlock .SelectBox {
        float: left;
        min-width: auto;
        margin: 0 6px;
        width: 148px !important;
    }

        .PanelTopBlock .SelectBox select option {
        }

.glyphicon-pencil, .glyphicon-move, .glyphicon-remove {
    /*display:none !important;*/
}

.lobipanel .panel-heading .dropdown .dropdown-menu > li > a {
    width: auto !important;
    padding: 0px 6px !important;
}

.lobipanel > .panel-heading > .panel-title {
    padding-left: 6px !important;
}

.lobipanel > .panel-body {
    /*padding: 15px;*/
    padding: 6px;
    position: relative;
    min-height: 10vw;
}
/*.panel {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;

}
.MultiPopupBlock .ResizeBlock {
    overflow: auto;
    resize: both;
    background-color: #fff;
        min-height: 12.7vw;
        margin-bottom: 26px;
        z-index:9999999999;
        position:relative;
}
*/
.MultiPopupBlock .ResizeBlock {
    /*overflow: hidden;
    resize: both;
    background-color: #fff;
    height: auto;
    margin-bottom: 8px;
    z-index: 9999999999;
    position: relative;*/
}

.panel-heading {
    /*background: rgba(51,78,175,1) !important;
    background: -moz-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,78,175,1)), color-stop(100%, rgba(73,155,234,1))) !important;
    background: -webkit-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: linear-gradient(to bottom, rgb(8 64 111) 0%, rgb(40 103 163) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334eaf', endColorstr='#499bea', GradientType=0 ) !important;*/
    background-color: #FFFFFF;
    color: #4F4F4F !important;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
}
/*.panel-heading {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 600;
    font-size: 14px !important;
    border: none !important;
    background: #fff !important;
}*/

.DashboardTab {
    color: #4F4F4F !important;
    font-weight: 600;
    font-family: 'Inter'
}

.MultiPopupBlock .ResizeBlock .panel-body {
    font-size: 11px;
}

.ui-resizable .panel-body, .panel-expanded .panel-body {
    overflow: auto;
    font-size: 12px;
    overflow-y: auto;
    padding-bottom: 0px !important;
    font-size: 11px;
    /*height: 10.7vw;*/
    /*height: 11.1vw;*/
    /*height: 31vh;*/
}

.DataInputDiv .panel-body {
    font-size: 12px !important;
}

.MultiPopupBlock .ResizeBlock .panel-body .row, .lobipanel .panel-body .row {
    margin-bottom: 4px;
}

.MultiPopupBlock .ResizeBlock .panel-body button, .MultiPopupBlock .ResizeBlock .panel-body input, .MultiPopupBlock .ResizeBlock .panel-body select, .MultiPopupBlock .ResizeBlock .panel-body textarea {
    float: left;
}

.MultiPopupBlock .ResizeBlock .panel-body .btn {
    padding: 2px 4px;
    float: left;
    font-size: 11px;
    text-transform: capitalize;
    margin: 0 6px;
}

.MultiPopupBlock .ResizeBlock .panel-body .CheckBoxDiv {
    float: left;
    margin: 0 6px;
}

    .MultiPopupBlock .ResizeBlock .panel-body .CheckBoxDiv input {
        float: none;
    }

.MultiPopupBlock .ResizeBlock .panel-body input[type="text"],
.ui-resizable .panel-body input[type="text"],
.panel-expanded .panel-body input[type="text"] {
    float: left;
    width: 150px;
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #334eaf;
    border-radius: 2px;
    box-sizing: border-box;
    outline: medium none;
    padding: 0 4px;
    transition: border-color 0.6s ease 0s;
    font-size: 12px;
}

.MultiPopupBlock .ResizeBlock .panel-body select, .ui-resizable .panel-body select, .panel-expanded .panel-body select {
    float: left;
    width: 150px;
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #334eaf;
    border-radius: 2px;
    box-sizing: border-box;
    outline: medium none;
    padding: 0 0px;
    transition: border-color 0.6s ease 0s;
    font-size: 11px;
}

.MultiPopupBlock .ResizeBlock .panel-body input[type="text"].WidthAuto {
    float: left;
    width: 100%;
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #334eaf;
    border-radius: 2px;
    box-sizing: border-box;
    outline: medium none;
    padding: 0 4px;
    transition: border-color 0.6s ease 0s;
    font-size: 12px;
}

.InputSelectBoth .WidthAuto {
    width: 50% !important;
}

.InputSelectBoth .WidthAutoSelect {
    width: 42% !important;
    padding: 0 !important;
}

.NoPadding .col-lg-2,
.NoPadding .col-lg-4,
.NoPadding .col-lg-5,
.NoPadding .col-lg-6,
.NoPadding .col-lg-7 {
    padding: 0 4px !important;
}







.MultiPopupBlock .ResizeBlock .panel-body .disabled {
    pointer-events: none;
    background-color: #cccccc !important;
    color: black;
}

.MultiPopupBlock .ResizeBlock .panel-body input[type="text"].Width80, .ui-resizable .panel-body input[type="text"].Width80, .panel-expanded .panel-body input[type="text"].Width80 {
    width: 46px;
}

.MultiPopupBlock .ResizeBlock .panel-body .HalfInputBlock, .ui-resizable .panel-body .HalfInputBlock, .panel-expanded .panel-body .HalfInputBlock {
    float: left;
    margin-right: 10px;
}

.MultiPopupBlock .ResizeBlock .panel-body .InputSelectBoth select,
.ui-resizable .panel-body .InputSelectBoth select,
.panel-expanded .panel-body .InputSelectBoth select {
    width: 52px;
    margin-left: 6px;
}

.MultiPopupBlock .ResizeBlock .panel-body .RadioBtn {
    float: left;
    margin-right: 12px;
}

    .MultiPopupBlock .ResizeBlock .panel-body .RadioBtn input[type="radio"] {
        margin-right: 2px;
        margin-top: 1px;
    }

.MultiPopupBlock .ResizeBlock .panel-body textarea {
    width: 50%;
}

.MultiPopupBlock .ResizeBlock .panel-body.SingleLineEverything div {
    padding: 0 1px;
}

.MultiPopupBlock .ResizeBlock .panel-body.SingleLineEverything input {
    float: none;
    width: 46px;
}

.MultiPopupBlock .ResizeBlock .CalculationBlock .col-lg-12 {
    margin: 0 1%;
}

.MultiPopupBlock .ResizeBlock .panel-body .BorderBox {
    border: 1px solid silver;
    float: left;
    width: 100%;
    margin: 1% 0;
    padding: 1%;
}

.MultiPopupBlock .ResizeBlock .panel-body .BorderBoxWithBg {
    border: 1px solid silver;
    background-color: #d2daf2;
    float: left;
    width: 100%;
    margin: 1% 0;
    padding: 1%;
}

.btnBack {
    background: #2faa05 !important;
}


.warning2 {
    pointer-events: none;
    background-color: #ffd300 !important;
    color: black;
}

.warning3 {
    pointer-events: none;
    background-color: red !important;
    color: black;
}


.MultiPopupBlock .ResizeBlock .CalculationBlock input[type="text"], .MultiPopupBlock .ResizeBlock .CalculationBlock select {
    float: right;
    width: 36% !important;
    margin-right: 0px;
}

.MultiPopupBlock .ResizeBlock .CalculationBlock .SingleInputSelectBlock input[type="text"], .MultiPopupBlock .ResizeBlock .CalculationBlock .SingleInputSelectBlock select {
    float: none;
    width: 17% !important;
    margin-right: 4px;
}

.MultiPopupBlock .ResizeBlock .CalculationBlock .FullRow {
    width: 100%;
    margin-bottom: 4px;
}

    .MultiPopupBlock .ResizeBlock .CalculationBlock .FullRow .col-lg-2 {
        padding: 4px !important;
    }

    .MultiPopupBlock .ResizeBlock .CalculationBlock .FullRow input[type="text"], .MultiPopupBlock .ResizeBlock .CalculationBlock .FullRow select {
        width: 100% !important;
    }

.CalculationBlock table {
    margin-bottom: 4px !important;
}

    .CalculationBlock table thead td {
        padding: 4px 8px !important;
    }





















/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    perspective: 1500px;
}


#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #7386D5;
    color: #fff;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
}

    #sidebar.active {
        margin-left: -250px;
        transform: rotateY(100deg);
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block;
    }

        #sidebar ul li a:hover {
            color: #7386D5;
            background: #fff;
        }

    #sidebar ul li.active > a, a[aria-expanded="true"] {
        color: #fff;
        background: #6d7fcc;
    }


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

/*ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: transparent;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    */
a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#lobipanel {
    float: left;
    width: 100%;
    margin-top: 6px;
    height: 92vh;
}

#lobipanel-examples {
    height: 97%;
}

.MainBlock.lobipanel-sortable {
    position: relative;
    margin-bottom: 0 !important;
    height: 100%;
}

#lobipanel .container-fluid, #lobipanel-nested-example, .lobipanel-parent-sortable, .lobipanel, .panel-body {
    height: 100%;
    overflow: hidden;
}

#content {
    width: 100%;
    padding: 20px;
    min-height: auto;
    transition: all 0.3s;
    min-height: 88vh;
}

#sidebarCollapse {
    width: 40px;
    height: 22px;
    background: none;
    cursor: pointer;
    margin-left: 6px;
    border: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #fff;
    float: left;
}

#sidebarCollapse {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    #sidebarCollapse span {
        width: 80%;
        height: 2px;
        margin: 0 auto;
        display: block;
        background: #fff;
        transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
        transition-delay: 0.2s;
    }

        #sidebarCollapse span:first-of-type {
            transform: rotate(45deg) translate(2px, 2px);
        }

        #sidebarCollapse span:nth-of-type(2) {
            opacity: 0;
        }

        #sidebarCollapse span:last-of-type {
            transform: rotate(-45deg) translate(1px, -1px);
        }


    #sidebarCollapse.active span {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }


.MultiPopupBlock .ResizeBlock .panel-body #dv_GraphUnit input[type="text"], .MultiPopupBlock .ResizeBlock .panel-body #dv_GraphUnit select {
    float: left;
    width: 100%;
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    background-color: rgb(255, 255, 255);
    border: 1px solid #334eaf;
    border-radius: 2px;
    box-sizing: border-box;
    outline: medium none;
    padding: 0 4px;
    transition: border-color 0.6s ease 0s;
    font-size: 12px;
}

#dv_GraphUnit .col-lg-3 {
    padding: 6px;
    text-align: center;
}

.SingleLineEverything table td {
    padding: 2px 4px !important;
}

.LinkAction {
    margin: 0;
    /*padding: 8px 0 0 0;*/
    float: right;
}

    .LinkAction li {
        list-style-type: none;
        float: left;
        margin: 0 4px;
    }

        .LinkAction li a {
            float: left;
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
        }


    .LinkAction .ImportBg {
        background-image: url("images/import_file_white.png");
        height: 22px;
        background-position: center !important;
    }

    .LinkAction .ExportBg {
        background-image: url("images/download_file_white.png");
        height: 22px;
        background-position: center !important;
    }

    .LinkAction .CalculateBg {
        background-image: url("images/calculator_white.png");
        height: 22px;
        background-position: center !important;
    }

    .LinkAction .AddBg {
        background-image: url("images/add_white.png");
        height: 22px;
        background-position: center !important;
    }

    .LinkAction .DeleteBg {
        background-image: url("images/icn_delete_white.png");
        height: 22px;
        background-position: center !important;
    }

    .LinkAction .HighlightBg {
        background-image: url("images/highlight_chart_white.png");
    }


    .LinkAction .ZeroBg {
        background-image: url("images/zero_white.png");
    }



    .LinkAction .ResetBg {
        background-image: url("images/reset_white.png");
    }

    .LinkAction .ChatBg {
        background-image: url("images/line_graph.png");
    }




.lightyellowColour {
    background-color: #ffff80;
    float: none;
    padding: 4px 10%;
    text-align: center;
    width: auto;
    color: black !important;
}

.lightRedColour {
    background-color: #f60c0c;
    float: none;
    padding: 4px 10%;
    text-align: center;
    width: auto;
    color: black !important;
}

.lightgreenColour {
    background-color: #90EE90;
    color: black !important;
    float: none;
    padding: 4px 10%;
    text-align: center;
    width: auto;
    border: 1px solid #808080;
}

.lightblueColour {
    background-color: #6C6EF6;
    color: black !important;
    float: none;
    padding: 4px 10%;
    text-align: center;
    width: auto;
    border: 1px solid #808080;
}

/************************ TopNavBlock ***************************/

.TopNavBlock {
    /* background: rgba(51,78,175,1) !important;
    background: -moz-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,78,175,1)), color-stop(100%, rgba(73,155,234,1))) !important;
    background: -webkit-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334eaf', endColorstr='#499bea', GradientType=0 ) !important;*/
    color: #fff !important;
    z-index: 99999999999999 !important;
    position: fixed;
    min-height: auto;
    height: 60px;
    width: 100%;
    background-color: #08406f !important;
}

.k-widget.k-window.zIndexSet {
    z-index: 9999999 !important;
}
/*Naval Sharma ==>> Why you add this z-Index static its whole effect in the Asset management Talk to me first before uncomment this.*/
.k-widget.k-window {
    z-index: 100000 !important;
}

    .k-widget.k-window.zIndexSet {
        z-index: 9999999 !important;
    }

.lobipanel {
    position: relative;
    margin-bottom: 15px;
    z-index: 0;
}

    .lobipanel > .panel-heading, .ResizeBlock .panel-heading {
        padding: 0px !important;
        position: relative;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        min-height: auto;
        height: auto;
    }

        .lobipanel > .panel-heading .panel-title h4, .ResizeBlock .panel-title h4 {
            font-size: 14px;
            font-weight: bold;
            line-height: 30px !important;
            margin: 0 0 0 6px;
        }

        .lobipanel > .panel-heading .dropdown-menu > li > a .panel-control-icon {
            top: 0;
            line-height: 24px;
        }


.MultiPopupBlock .col-lg-6 {
    padding: 0 10px;
    height: 100%;
}


.PanelTopBlock .form-control {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 2px 12px !important;
    font-size: 12px !important;
}

.PanelTopBlock .form-controlUnits {
    display: block;
    width: 100%;
    height: auto !important;
    padding: 2px 12px !important;
    font-size: 12px !important;
}

.btn.focus, .btn:focus, .btn:hover {
    color: none !important;
}

.PanelTopBlock .SelectBox .btn {
    display: inline-block;
    padding: 2px 12px !important;
    margin-bottom: 0;
    font-size: 12px !important;
    font-weight: bold;
    font-family: inherit;
}

.CalculationBlock table thead {
    background-color: #ddd;
}
/*.SingleLineEverything table tbody {
 display:block;
height: 70px;
overflow: auto;
}*/
.CalculationBlock table tbody tr td {
    padding: 2px 8px !important;
}

.CalculationBlock table thead, .CalculationBlock table tbody {
    font-size: 11px !important;
}

.SingleLineEverything button {
    padding: 0;
    border: none;
    background-color: transparent;
    margin-right: 8px;
    opacity: 0.7;
}

    .SingleLineEverything button:hover {
        opacity: 1;
    }

.TableViewAsGrid {
    border-collapse: collapse;
    border-color: #ccc;
    font-size: 11px;
    width: 100%;
    margin-bottom: 6px;
}


    .TableViewAsGrid td span {
        /*float: right;*/
        width: 24%;
        /*border: 1px solid #334eaf;*/
        border-radius: 2px;
        overflow: hidden;
        padding: 0px 2px;
    }

/***************************** TopNavBlock ************************/
/*.TopNavBlock .navbar-brand {
    color: #fff;
    padding: 10px 0 0 10px;
    min-height: auto;
    height: auto;
}*/
.TopNavBlock .navbar-brand {
    color: #fff;
    padding: 9px 9px;
    min-height: auto;
    height: auto;
    width: 160px;
}

    .TopNavBlock .navbar-brand img {
        width: 100%;
    }

.TopNavBlock .navbar {
    margin: 0;
    padding: 0;
    min-height: auto;
    height: auto;
}

    .TopNavBlock .navbar li {
        list-style-type: none;
        float: left;
        margin: 0 1px;
        background-color: transparent;
    }

.TopNavBlock .BorderLine li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-collapse: collapse;
}

/*.TopNavBlock .navbar li a {
    margin: 0;
    padding: 10px 4px;
    float: left;
    color: #fff !important;
    background-color: transparent;
}*/
/*.TopNavBlock .navbar li a {
    margin: 0;
    padding: 6px 8px;
    float: left;
    color: #fff !important;
    background-color: transparent;
    font-size: 12px;
}*/
.TopNavBlock .navbar li a {
    margin: 0;
    padding: 4px 4px;
    float: left;
    color: #fff;
    background-color: transparent;
    font-size: 12px;
    font-family: Inter !important;
    letter-spacing: 0.5px;
    opacity: 1;
}

.TopNavBlock .navbar li a.ModuleList {
    font-size: 14px;
    color: #FFF;
}

.FloatLeft ul li .caret {
    display: none;
}

.CanvasInsdie, .CanvasInsdie li {
    font-size: 11px !important;
}

.hyperlinkText {
    color: #08406F !important;
    font-family: Inter !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.hyperlinkText:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}

.ModuleList:hover,
.ModuleList:focus {
    color: #9EC2DB !important;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 700 !important;
    line-height: normal;
    text-decoration: solid underline 2px !important;
    text-underline-position: under;
    background-color: transparent !important;
    top: 1px;
}

.datatools {
    color: #FFF;
    font-family: 'Inter';
    font-size: 14px;
    line-height: normal;
    border-radius: 100px;
    border: 2px solid #FFF;
}

.datatools:hover,
.datatools:focus{
    color: #08406F !important;
    font-weight: 500 !important;
    line-height: normal !important;
    background-color: #9EC2DB !important;
    border-radius: 100px !important;
    border: 2px solid #9EC2DB !important;
}

.TopLeftNav li:hover .TopLeftNavDropdown:before, .TopLeftNav li:hover a, .TopLeftNav li.open a, .TopNavBlock .navbar li a:visited, .TopLeftNav li.open a {
    /* background-color: rgba(0, 0, 0, 0.5);
    color: #fff;*/
    /*text-decoration: none;
    background-color: #c1cfdb;
    border-radius: 40px;*/
    /*color: #000 !important;*/
}

.TopNavBlock .navbar li a:hover, .TopNavBlock .navbar li:active {
    /*text-decoration: none;
    background-color: #c1cfdb;
    border-radius: 40px;
    color: #000 !important;*/
}

.TopLeftNavDropdown li:active {
    text-decoration: none;
    background-color: #c1cfdb;
    border-radius: 0px;
    color: #000 !important;
}

.TopNavBlock .navbar .TopLeftNavDropdown li.open a {
    color: #000 !important;
    border-radius: 0px !important;
}

.TopNavBlock .navbar li:hover a.ModuleList {
    color: #9EC2DB !important;
    font-family: Inter;
    font-size: 14px;
    text-decoration: solid underline 2px !important;
    text-underline-position: under;
    font-weight: 700 !important;
}

.TopLeftNavDropdown li a {
    border-radius: 0px !important;
}

.TopNavBlock .navbar-toggler {
    float: right;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 4px;
    padding: 6px;
    margin: 5px 6px 0 0;
}

.TopNavBlock .navbar li a.disabled, .TopNavBlock .navbar li:hover .disabled {
    color: #A2A1A4 !important;
    pointer-events: none !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    margin-left: 0px !important;
}

.TopNavBlock .navbar .TopLeftNavDropdown li a.disabled, .TopNavBlock .navbar .TopLeftNavDropdown li:hover .disabled {
    color: #A2A1A4 !important;
    pointer-events: none !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    margin-left: 0px !important;
}

.pltbMenu .TopLeftNavDropdown li.disabled, .pltbMenu .TopLeftNavDropdown li a.disabled {
    color: #A2A1A4 !important;
    opacity: 1;
}

    .pltbMenu .TopLeftNavDropdown li.disabled a, .TopLeftNavDropdown .TopLeftSubList li a.disabled {
        color: #A2A1A4 !important;
    }

.TopNavBlock .navbar-toggler span {
    font-size: 20px;
    height: 1px;
    float: left;
    margin: 10px;
}

.TopNavBlock .navbar-collapse {
    float: right;
}

.TopNavBlock .FloatLeft {
    float: left !important;
}
/*.TopNavBlock .navbar .dropdown-menu {
    background-color: #375cba;
    left: -50px;
}*/
.TopNavBlock .navbar .dropdown-menu {
    background-color: #375cba;
    right: 4px;
    width: 160px !important;
    left: auto;
}

.TopNavBlock .dropdown-menu {
    font-size: 12px !important;
}

.TopNavBlock .navbar .dropdown-menu a {
    padding: 3px 8px;
    float: left;
    color: #fff;
    width: 100%;
}

    .TopNavBlock .navbar .dropdown-menu a + a {
        border-top: 1px solid #fff;
    }

.TopNavBlock .navbar li a:hover .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.5);
}




.TopLeftNav {
    float: left;
    margin: 0;
    /* padding-left: 5px;*/
    /*padding: 14px 0px;*/
    padding: 14px 0px 14px 17px;
}

    .TopLeftNav li:hover .TopLeftNavDropdown {
        display: block;
    }

/*    .TopLeftNav li.hoves:hover ul {
        display: none !important;
    }

.TopLeftNavDropdown li:hover div {
    display: block !important;
}*/

.navbarsmallFont li:hover .TopLeftNavDropdown {
    display: block;
    z-index: 4;
    position: fixed;
    top: 80px;
}

.TopLeftNav .open li {
    display: block;
}

.TopLeftNavDropdown {
    display: none;
    position: absolute;
    background-color: #375cba;
    float: left;
    top: 36px;
    width: 164px;
    padding: 0;
    margin: 0;
}

    .TopLeftNavDropdown li + li {
        /*border-top: 1px solid #e6e6e6;*/
        border-left: none !important;
        border-collapse: collapse;
    }
    /*.TopLeftNav li + li {
    border-top: 1px solid #fff;
    border-collapse: collapse;
}*/
    .TopLeftNavDropdown li {
        width: 100%;
    }

        .TopLeftNavDropdown li a {
            width: 100%;
        }

        .TopLeftNavDropdown li:hover .TopLeftSubList {
            display: block;
        }

            .TopLeftNavDropdown li:hover .TopLeftSubList:before, .TopLeftNavDropdown li:hover a {
                background-color: rgba(0, 0, 0, 0.5);
            }

.TopLeftSubList {
    display: none;
    position: absolute;
    background-color: #375cba;
    float: left;
    top: inherit;
    width: 164px;
    padding: 0;
    margin: 0;
    left: 164px;
}

.TopLeftNavDropdown .SubMenuHeight300 {
    height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.TopLeftNavDropdown .MarginTop10 {
    margin-top: -10vh !important;
}

.TopLeftNavDropdown .MarginTop15 {
    margin-top: -15vh !important;
}

.TopLeftNavDropdown li:hover, .TopLeftNavDropdown li:hover a {
    /*background-color: #c1cfdb !important;
    padding: 0;
    margin: 0;*/
    color: #000;
}

.TopLeftNavDropdown li.MenuListItem:hover, .TopLeftNavDropdown li.MenuListItem:hover a, .TopLeftNavDropdown li.MenuListItem:target,
.TopLeftNavDropdown li.MenuListItem:target a {
    background-color: #EEF2F6 !important;
    color: #08406F !important;
    border-radius: 5px !important;
    cursor: pointer;
    /*padding: 0;
    margin: 0;*/
}

.MenuListItem:hover svg circle,
.MenuListItem:target svg circle {
    fill: #08406F !important;
}

.MenuListItem:hover svg path,
.MenuListItem:target svg path {
    fill: #C1CFDB !important;
}

.MenuListItem {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.MenuListItem span.k-icon {
    display: none;
}

.MenuListItem:hover span.k-icon,
.MenuListItem:target span.k-icon {
    display: inline-block;
}

.ModuleTitle a {
    text-transform: initial !important;
}

.selectedSubMenu {
    background-color: #EEF2F6 !important;
    color: #08406F !important;
    border-radius: 5px !important;
}

.selectedSubMenu svg path {
    fill: #C1CFDB !important;
}

.selectedSubMenu svg circle {
    fill: #08406F !important;
}

.selectedSubMeu li a {
    background-color: #EEF2F6 !important;
    color: #08406F !important;
}

.TopLeftSubList li a {
}

.TopLeftSubList2 {
    display: none;
    position: absolute;
    background-color: #fff;
    float: left;
    top: inherit;
    width: 250px;
    padding: 0;
    margin: 0;
    left: 439px;
    box-shadow: 16px 0 22px 0 rgb(0 0 0 / 40%);
}

    .TopLeftSubList2 a {
        background-color: #fff !important;
    }

.TopLeftSubList3 {
    display: none;
    position: absolute;
    background-color: #fff;
    float: left;
    top: inherit;
    width: 250px;
    padding: 0;
    margin: 0;
    left: 250px;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 40%);
}

.TopLeftNav .Width260 ul {
    left: 260px;
}

.TopLeftNav .Width200 {
    width: 200px !important;
}

    .TopLeftNav .Width200 .TopLeftSubList2 {
        left: 200px !important;
    }


.TopLeftNavDropdown .Width230 {
    width: 230px !important;
}

    .TopLeftNavDropdown .Width230 .TopLeftSubList {
        left: 230px !important;
    }

/*.TopLeftNav .Width200 .TopLeftSubList3 {
        left: 200px !important;
    }*/
.TopLeftNav .Width250 {
    width: 250px !important;
}

    .TopLeftNav .Width250 .TopLeftSubList2 {
        left: 250px !important;
    }

.TopLeftNav .Width260 {
    width: 260px !important;
}

.TopLeftNav .Width400 {
    width: 400px !important;
}

.TopLeftNav .Width260 .TopLeftSubList2 {
    left: 260px !important;
}
/*.TopLeftNav .Width260 .TopLeftSubList3 {
        left: 200px !important;
    }*/
.TopLeftSubList li:hover .TopLeftSubList2 {
    display: block;
}

.TopLeftSubList2 li:hover .TopLeftSubList3 {
    display: block;
}

.pltbMenu .TopLeftNavDropdown {
    display: none;
    position: absolute;
    float: left;
    top: 21px;
    width: 200px;
    padding: 0;
    margin: 0;
    box-shadow: 2px 18px 17px -1px rgb(0 0 0 / 40%);
    border-radius: 4px;
    left: -26%;
    padding-top: 22px;
    background-color: transparent;
    /*width: 1220px;*/
}

.TopLeftNavDropdown .fa-caret-up {
    color: #fff;
    font-size: 36px;
    position: absolute;
    top: -3px;
    left: 20%;
    z-index: 1;
}

.TopLeftNavDropdown li a {
    width: 100%;
    padding: 6px 7px !important;
    background-color: #fff !important;
    color: #000 !important;
    text-transform: uppercase;
}

.TopLeftNavDropdown .TopLeftSubList li a {
    width: 100%;
    padding: 6px 7px !important;
    background-color: #fff !important;
    color: #000 !important;
}

.TopLeftNavDropdown .TopLeftSubList li:hover {
    background-color: #fff !important;
}

.TopLeftNavDropdown .TopLeftSubList li a:not(.TopLeftSubList3 li a):hover {
    text-decoration: none;
    background-color: #c1cfdb !important;
    color: #000 !important;
    border-radius: 0px;
}

.TopLeftSubListLinkSmall li:hover a:not(.TopLeftSubList2 li a) {
    background-color: #c1cfdb !important;
    padding: 0;
    margin: 0;
    color: #000;
}

.TopLeftSubList2 li:hover a:not(.TopLeftSubList3 li a):hover {
    background-color: #c1cfdb !important;
    padding: 0;
    margin: 0;
    color: #000;
}
.TopLeftSubList2 li:hover a:not(.TopLeftSubList3 li a) {
    background-color: #c1cfdb !important;
}
.TopLeftSubList3 li:hover a {
    background-color: #c1cfdb !important;
}
.RightMenu li a {
    color: #fff !important;
}

.pltbMenu .TopLeftNavDropdown li {
    background-color: #fff;
    color: #000;
}

.pltbMenu .TopLeftSubList {
    display: none;
    position: absolute;
    background-color: #fff;
    float: left;
    top: inherit;
    width: 439px;
    padding: 0;
    margin: 0;
    left: 200px;
    box-shadow: 16px 0px 22px 0 rgb(0 0 0 / 40%);
}
/*.ACMitigationMenu .TopLeftSubList {
    display: none;
    position: absolute;
    background-color: #375cba;
    float: left;
    top: inherit;
    width: 439px;
    padding: 0;
    margin: 0;
    left: 157px;
}*/

.powerTool .TopLeftNavDropdown {
    display: none;
    position: absolute;
    background-color: #625f5f;
    float: left;
    top: 36px;
    width: 175px;
    padding: 0;
    margin: 0;
}

.dashboardOptions {
    padding: 14px 0px;
    font-family: 'Inter';
    font-size: 12px;
    float: left;
    margin-right: -10px;
}


.Width100 {
    width: 100%;
}

.HotTapStyle .TabViewStyle fieldset.BorderDiv.PaddingBottom18 {
    padding-bottom: 18px !important;
}

.HotTapStyle .TabViewStyle fieldset.BorderDiv.PaddingBottom9 {
    padding-bottom: 9px !important;
}

.powerTool .TopLeftSubList {
    display: none;
    position: absolute;
    background-color: #625f5f;
    float: left;
    top: inherit;
    width: 439px;
    padding: 0;
    margin: 0;
    left: 175px;
}

.TopLeftSubListLinkSmall li a {
    padding: 5px 8px !important;
    font-size: 12px !important;
}

.TopLeftSubList li {
    background-color: #fff !important;
}

    .TopLeftSubList li:hover, .TopLeftSubList li:hover a {
        /*background-color: rgba(0, 0, 0, 0.5) !important;*/
    }

.TopLeftNav .fa-caret-right {
    float: right;
}
 
/*.pltbMenu .TopLeftNav .fa-caret-right {
    float: right;
    margin-right: -9px !important;
    margin-top: -12px !important;
}*/
.pltbMenu .TopLeftNav .fa-caret-right {
    float: right;
    margin-right: 2px !important;
    margin-top: 5px !important;
}

/*.CalculationBlock table tbody tr:hover, .CalculationBlock table tbody tr:hover td, #FDesignFactorWindow table tbody tr:hover, #FDesignFactorWindow table tbody tr:hover td {
    background-color: #428bca !important;
    color: #fff;
}*/
.OnlyTableTrHover tbody tr:hover, .OnlyTableTrHover tbody tr:hover td {
    background-color: #428bca !important;
    color: #fff;
}

#FDesignFactorWindow table thead {
    background-color: #e5e5e5;
}

.MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock {
    width: 100% !important;
}

    .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock input {
        width: 100% !important;
    }

    .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock select {
        width: 100% !important;
    }

    .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock textarea {
        width: 100% !important;
    }

    .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock tr td {
        min-width: 56px;
        padding: 3px;
        float: none;
    }

        .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock tr td.Width140 {
            width: 160px;
        }

        .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock tr td.Width130 {
            width: 139px;
            width: 80px !important;
            min-width: 80px;
        }

        .MultiPopupBlock .ResizeBlock .panel-body .DataInputTableBlock tr td.RadioBtn input[type="radio"] {
            width: auto !important;
        }








































/************** Side Bar Menu *****************/

.SideBarMenu {
    margin: 0;
    padding: 0;
}

    .SideBarMenu li {
        list-style-type: none;
        border-bottom: 1px solid #fafafa;
    }

        .SideBarMenu li a {
            text-decoration: none;
            color: #fff;
            padding-left: 8px;
        }

            .SideBarMenu li a:hover {
                text-decoration: none;
                color: #000 !important;
            }

.SideBarMenuSub {
    display: none;
}

.SideBarMenu li:hover .SideBarMenuSub {
    display: block;
}

.SideBarMenuSub ul {
    margin: 0;
    padding: 0;
}

.SideBarMenuSub li {
    border-top: 1px solid #000;
}

.form-control {
    margin-bottom: 0 !important;
}

.form-controlUnits {
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
        transform: rotateY(90deg);
    }

        #sidebar.active {
            margin-left: 0;
            transform: none;
        }

    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }

    #sidebarCollapse.active span {
        margin: 0 auto;
    }

        #sidebarCollapse.active span:first-of-type {
            transform: rotate(45deg) translate(2px, 2px);
        }

        #sidebarCollapse.active span:nth-of-type(2) {
            opacity: 0;
        }

        #sidebarCollapse.active span:last-of-type {
            transform: rotate(-45deg) translate(1px, -1px);
        }
}














/**********************/
@media only screen and (min-width:300px) and (max-width:1023px) {
}

@media only screen and (min-width:1024px) and (max-width:1919px) {
    .TopNavBlock .navbar-toggler {
        display: none;
    }
}

@media only screen and (min-width:1920px) and (max-width:333333333px) {
    #lobipanel .container-fluid, #lobipanel-examples, #lobipanel-nested-example, .lobipanel-parent-sortable, .lobipanel, .panel-body {
        height: 99%;
    }

    .MultiPopupBlock .ResizeBlock .panel-body, .ui-resizable .panel-body, .panel-expanded .panel-body {
        overflow: auto;
        font-size: 12px;
        overflow-y: scroll;
        font-size: 12px;
        /*height: 10.7vw;*/
        /*height: 11.1vw;*/
        height: 34vh;
    }
}

.nopadding_TRB {
    padding: 0px 0 0 14px !important;
    margin: 0 !important;
}

/*#rStrengPitTable 
{
    width:98% !important;
    margin:auto;
        border-spacing: 0;
    border-collapse: collapse;
}
#rStrengPitTable tbody {
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height:200px;
}
#rStrengPitTable thead, #rStrengPitTable tbody tr {
    display: table;
    width: 100%;
}
#rStrengPitTable th:nth-child(1),#rStrengPitTable td:nth-child(1)
{
    width:30% !important;
}
#rStrengPitTable th:nth-child(2),#rStrengPitTable td:nth-child(2)
{
    width:30% !important;
}
#rStrengPitTable th:nth-child(3),#rStrengPitTable td:nth-child(3)
{
    width:30% !important;
}

#rStrengPitTable th:nth-child(4),#rStrengPitTable td:nth-child(4)
{
    width:10% !important;
}*/


/************************ Table body scroll *************************/

table.scroll {
    width: 100%; /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 2px solid black;
}

    table.scroll tbody,
    table.scroll thead {
        display: block;
        float: left;
        width: 100%;
    }

table.scrollthead tr th {
    height: 30px;
    line-height: 30px;
    /*text-align: left;*/
}

table.scroll tbody {
    height: 93px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scrolltbody {
    border-top: 2px solid black;
}

    table.scrolltbody td, thead th {
        /*width: 20%;*/ /* Optional */
        border-right: 1px solid black;
    }

        table.scrolltbody td:last-child, table.scroll thead th:last-child {
            border-right: none;
        }

.SingleLineEverything table.scroll tbody tr {
    width: 100%;
    float: left;
}

    .SingleLineEverything table.scroll tbody tr td {
        padding: 2px 8px !important;
        width: 30.5%;
        float: left;
        min-height: 22px;
    }

        .SingleLineEverything table.scroll tbody tr td + td {
            width: 26.3%;
        }

            .SingleLineEverything table.scroll tbody tr td + td + td {
                width: 31%;
            }

                .SingleLineEverything table.scroll tbody tr td + td + td + td {
                    width: 12%;
                }

.SingleLineEverything table.scroll thead tr {
    float: left;
    width: 100%;
    display: block !important;
}

    .SingleLineEverything table.scroll thead tr th {
        float: left;
        padding: 2px 8px !important;
        width: 29.5%;
    }

        .SingleLineEverything table.scroll thead tr th + th {
            width: 25.4%;
        }

            .SingleLineEverything table.scroll thead tr th + th + th {
                width: 30.1%;
            }

                .SingleLineEverything table.scroll thead tr th + th + th + th {
                    width: 14%;
                }

/* Chrome styles go here *
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .SingleLineEverything table.scroll tbody tr td + td {
        width: 10%;
    }
}
**/

.width_70 {
    width: 70px !important;
}

.width_60 {
    width: 60px !important;
}

.width_57 {
    width: 57px !important;
}

.padding_l_0 {
    padding-left: 0px !important;
}

.padding_r_0 {
    padding-right: 0px !important;
}

.padding_l_r_0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/*.k-animation-container #CaseName-list, .SideDropdownBlock .k-dropdown{
    height:auto !important;
}*/

#CaseName-list, #EstMgAnodeGasCasesDLL-list, #EstMgAnodeLiquidCasesDLL-list, #CathPrtcnAttntCalcGasCasesDLL-list, #CathPrtcnAttntCalcLiquidCasesDLL-list, #PwrConCathPrtcnRectifierGasCasesDLL-list, #PwrConCathPrtcnRectifierLiquidCasesDLL-list, #ReqNumAndTotCurrReqmntGasCasesDLL-list, #ReqNumAndTotCurrReqmntLiquidCasesDLL-list, #ResErthImpAndGrdBedGasCasesDLL-list, #ResErthImpAndGrdBedLiquidCasesDLL-list, #ResErthMulVertAnodeGasCasesDLL-list, #ResErthMulVertAnodeLiquidCasesDLL-list, #ResErthSnglHorzntlAnodeGasCasesDLL-list, #ResErthSnglHorzntlAnodeLiquidCasesDLL-list, #ResErthSnglVertAnodeGasCasesDLL-list, #ResErthSnglVertAnodeLiquidCasesDLL-list, #RudbrgFormPlacementGasCasesDLL-list, #RudbrgFormPlacementLiquidCasesDLL-list {
    max-height: 300px !important;
    height: auto !important;
    overflow-y: scroll;
}

.container-fluid {
    padding-right: 0px !important;
}



.floaRight {
    float: right !important;
}

.floaLeft {
    float: left !important;
}

.w_100_per {
    width: 100%;
}

.icon_delete {
    background-image: url('../../images/icon_delete.png') !important;
    padding: 1px 17px 0px 0px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-repeat: no-repeat;
}

.icon_delete_white {
    background-image: url("../../Images/icn_delete_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.icon_animation_graph {
    background-image: url(../../images/line_graph.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-sizing: unset;
    font-size: 13px !important;
    padding: 0 2px !important;
    height: 22px !important;
}

.icon_animation_stop {
    background-image: url("../../images/red_dot.png") !important;
    background-position: 4px 5px !important;
    background-repeat: no-repeat !important;
    box-sizing: unset;
    font-size: 13px !important;
    padding: 2px 10px 11px 23px !important;
}

.icon_animation_completed {
    background-image: url("../../images/green_dot.png") !important;
    background-position: 4px 5px !important;
    background-repeat: no-repeat !important;
    box-sizing: unset;
    font-size: 13px !important;
    padding: 2px 10px 11px 23px !important;
}

.icon_reset_white {
    background-image: url("../../images/reset_white.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*box-sizing: unset;*/
    font-size: 13px !important;
    padding: 0 !important;
    height: 24px !important;
}

.set_zero_white {
    background-image: url("../../Images/zero_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 1px 0px 0px !important;
    background-position: center !important;
    font-size: 13px;
    box-sizing: unset;
    height: 22px !important;
}

.highlight_chart_white {
    background-image: url("../../Images/highlight_chart_white.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 13px;
    box-sizing: unset;
    height: 22px !important;
}

.icon_download_excelTemplate {
    background-image: url("../../images/DownloadTemplate.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 5px !important;
    font-size: 20px !important;
    box-sizing: unset;
}



/*********************** New DataInput Block*********************/

.DataInputDivBlock {
}

.FullWidthDiv {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

    .FullWidthDiv .Width360 {
        width: 360px;
        float: left;
        padding-right: 6px;
    }

    .FullWidthDiv .Width190 {
        width: 191px;
        float: left;
        padding-right: 6px;
    }

    .FullWidthDiv .Width170 {
        width: 170px;
        float: left;
        padding-right: 6px;
    }

    .FullWidthDiv .Width153 {
        width: 153px;
        float: left;
        padding-right: 0px;
    }

    .FullWidthDiv .Width270 {
        width: 270px;
        float: left;
        padding-right: 0px;
    }

        .FullWidthDiv .Width270 span {
            padding-right: 8px;
            float: left;
        }

    .FullWidthDiv .Width370 {
        width: 370px;
        float: left;
        padding-right: 0px;
    }

        .FullWidthDiv .Width370 span {
            padding-right: 8px;
            float: left;
        }

    .FullWidthDiv .Width140 {
        width: 160px;
        float: left;
        padding-right: 6px;
        text-align: right;
    }

    .FullWidthDiv .Width130 {
        width: 130px;
        float: left;
        padding-right: 6px;
    }

    .FullWidthDiv .Width55 {
        width: 55px;
        float: left;
        padding-right: 6px;
    }

    .FullWidthDiv .Width106 {
        width: 106px;
        float: left;
    }

    .FullWidthDiv .Width116 {
        width: 116px;
        float: left;
    }

        .FullWidthDiv .Width116 input[type="text"].Width80 {
            width: 57px !important;
        }

    .FullWidthDiv .Width75Half {
        width: 74px;
        float: left;
    }

        .FullWidthDiv .Width75Half input[type="text"].Width80 {
            width: 46px;
        }

    .FullWidthDiv .Width116 select {
        font-size: 11px;
        width: 50px !important;
        padding: 0px !important;
        height: auto !important;
        margin-left: 6px;
        min-height: 20px;
    }

    .FullWidthDiv .Width360 textarea {
        width: 100% !important;
    }

.icon_edit {
    background-image: url("../Images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 4px 3px !important;
    padding-left: 20px !important;
    font-size: 13px;
    box-sizing: unset;
}











/********************* uomMenu Block **********************/

.uomMenuBlock {
}


    .uomMenuBlock .TopLeftNav {
        float: left;
        margin: 0;
        padding: 0;
    }

        .uomMenuBlock .TopLeftNav a {
            margin: 0;
            padding: 10px 16px !important;
            float: left;
            color: #fff;
            background-color: transparent;
        }

        .uomMenuBlock .TopLeftNav .TopLeftNavDropdown {
            width: 120px;
        }


            .uomMenuBlock .TopLeftNav .TopLeftNavDropdown a {
                padding: 8px 15px !important;
            }

                .uomMenuBlock .TopLeftNav .TopLeftNavDropdown a .fa {
                    margin-top: 3px;
                }

.panel-body {
    overflow-x: hidden;
    overflow-y: auto !important;
    height: 100% !important;
}
.widgetHeightClass .panel-body {
    overflow-x: hidden;
    overflow-y: auto !important;
    height: 85% !important;
}
.widgetHeightClass eachwidget {
    overflow-x: hidden;
    overflow-y: auto !important;
     /*height: 700px !important;*/
}


.Padding0 {
    padding: 0 !important;
    /*width: 60px !important;*/
}

.PaddingLeftOnly {
    padding: 0 0 0 1% !important
}

.PlusBtn .fa {
    font-size: 14px;
}

.PlusBtn {
    position: relative;
}

    .PlusBtn:hover .ToolTipCustom, .PlusBtn:hover .ToolTipLeft, .PlusBtn:hover .ToolTipRight, .PlusBtn:hover .ToolTipCustomSetting {
        display: block;
    }

.trashDeletePLTB:hover .ToolTipCustom, .trashDeletePLTB:hover .ToolTipLeft, .trashDeletePLTB:hover .ToolTipRight, .trashDeletePLTB:hover .ToolTipCustomDelete {
    display: block;
}

.k-tooltip {
    background: #CACFDB !important;
    color: black !important;
    font-family: 'Inter';
    padding: 8px 8px !important;
}

.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    border-color: #CACFDB !important;
}

.k-tooltip-button {
    color: #4F4F4F;
}

.ToolTipCustom {
    position: absolute;
    width: 76px;
    background-color: #000;
    color: #fff;
    left: -26px;
    text-align: center;
    border-radius: 4px;
    padding: 1px 2px;
    top: 23px;
    z-index: 10;
    display: none;
}

    .ToolTipCustom .fa {
        position: absolute;
        top: -11px;
        color: #000;
        font-size: 18px;
        left: 41%;
    }

.ToolTipRightSign .ToolTipCustom {
    left: -50px;
}

    .ToolTipRightSign .ToolTipCustom .fa {
        left: 64%;
    }

.ToolTipCustomSetting {
    position: absolute;
    width: auto;
    background-color: #000;
    color: #fff;
    left: -24px;
    text-align: center;
    border-radius: 4px;
    padding: 2px 6px;
    top: 23px;
    z-index: 10;
    display: none;
}

    .ToolTipCustomSetting .fa {
        position: absolute;
        top: -13px;
        color: #000;
        font-size: 18px;
        left: 48%;
    }


.ToolTipCustomDelete {
    position: absolute;
    width: auto;
    background-color: #000;
    color: #fff;
    left: -24px;
    text-align: center;
    border-radius: 4px;
    padding: 2px 6px;
    top: 23px;
    z-index: 10;
    display: none;
}

    .ToolTipCustomDelete .fa {
        position: absolute;
        top: -13px;
        color: #000;
        font-size: 18px;
        left: 48%;
    }


.ProjectRow .col-lg-9 {
    padding-right: 8px !important;
    width: 68% !important;
}

#menuPane .panel-body {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

.k-animation-container {
    z-index: 9999999999 !important;
}

.stack-top {
    --d: 0px;
    --g: 23px;
    --c: #00AFEF;
    position: absolute;
    bottom: 21px;
    left: 48px;
    transform: translate(29.29%, -100%) rotate(45deg);
    color: #fff;
    text-align: center;
    width: 66.5px;
    height: 15.7px;
    transform-origin: bottom left;
    background: linear-gradient(135deg, transparent var(--g), var(--c) calc(var(--g) - 0.3px)) left, linear-gradient(-135deg,transparent var(--g), var(--c) calc(var(--g) - 0.3px)) right;
    background-size: 51% 100%;
    background-repeat: no-repeat;
    clip-path: polygon(0 0,100% 0,100% 100%, calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)),0 100%)
}

.disabled-item {
    cursor: default !important;
    font-size: 11px;
    font-family: 'Inter';
    opacity: 0.5;
    pointer-events: none;
}

.TitleUpgradeSections {
    font-size: 18px;
    font-family: 'Inter';
    font-weight: 600;
}

.UpgradeFiveSections {
    font-family: 'Inter';
    font-weight: 500;
}

.UpgradeFiveSections label {
    color: #000;
}

.UpgradeFiveSections .disabled {
    pointer-events: none;
    opacity: 0.5;
}

.borderRadioButton {
    width: 230px;
    height: 123px;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.backgroundRadioButton {
    width: 230px;
    height: 123px;
    border-radius: 5px;
    border: 3px solid #1065AC;
    background-color: rgba(16, 101, 172, 0.14);
}

.UpgradeFiveSections .k-upload .k-upload-button {
    margin-right: 0 !important;
    width: 144px;
    height: 35px;
    padding: 8px 14px;
    border-radius: 4px;
    background: var(--contrast-5-light, rgba(25, 59, 103, 0.05));
    color: #08406F;
    border: none;
    font-weight: 600;
}

.downloadTemplateButton {
    border-radius: 5px;
    border: 1px solid #C1CFDB;
    width: 90px;
    height: 25px;
    background: #FFF;
    color: #4F4F4E;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .downloadTemplateButton:hover {
        background-color: transparent !important;
        border-color: #C1CFDB !important;
    }

/*.kChartHydrotest svg g g g g path {
    stroke: #08406F;
    stroke-width: 2;
}*/

.kChartHydrotest svg g g g text {
    font-family: 'Inter' !important;
}


/*****************************Units button Hydrotest************************************/
.unitsDropdown .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    top: 100%;
    font-family: 'Inter';
}

    .unitsDropdown .dropdown .dropdown-content a {
        text-decoration: none;
        display: flex;
        color: #4f4f4f;
        width: auto !important;
        vertical-align: middle;
        align-items: center;
        font-size: 12px !important;
        font-weight: 500;
        font-family: 'Inter';
        padding: 5px !important;
        height: auto !important;
    }

.unitsDropdown .dropdown:hover .dropdown-content {
    display: block;
    width: 185px !important;
    border-radius: 5px;
    padding: 1rem 0.7rem 1rem 1.4rem;
    transform: translateX(-100px);
    z-index: 999;
}

.displayIcons rect {
    fill: #C1CFDB;
}

.HydrotestSectionsIcons a[data-title]:hover:after {
    opacity: 1;
    /*transition: all 0.1s ease 0.5s;*/
    visibility: visible;
}

.HydrotestSectionsIcons a[data-title]:after {
    content: attr(data-title);
    background-color: #4F4F4F;
    color: #FFF;
    position: absolute;
    padding: 3px 7px 3px 7px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    z-index: 99999;
    visibility: hidden;
}

.HydrotestSectionsIcons a[data-title] {
    position: relative;
}

.tooltipWarningIcons {
    position: relative;
    display: inline-block;
}

    .tooltipWarningIcons .tooltiptext {
        visibility: hidden;
        width: 130px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        padding: 5px 0;
        position: absolute;
        z-index: 99999;
        background: #313131;
        font-size: 11px;
        font-weight: 500;
        top: 10px;
        left: 107%;
    }

    .tooltipWarningIcons .tooltiptextYellow {
        visibility: hidden;
        width: 167px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
        padding: 5px 0;
        position: absolute;
        z-index: 99999;
        background: #313131;
        font-size: 11px;
        font-weight: 500;
        top: 10px;
        left: 107%;
    }

    .tooltipWarningIcons:hover .tooltiptext {
        visibility: visible;
    }

    .tooltipWarningIcons:hover .tooltiptextYellow {
        visibility: visible;
    }

.disabledSVGPipe svg path {
    stroke: #A9A8A8 !important;
}

.disabledSVGPipe {
    cursor: not-allowed;
    pointer-events: none;
}

.disabledSVGMap svg path {
    fill: #A9A8A8 !important;
}

.disabledSVGMap {
    cursor: not-allowed;
    pointer-events: none;
}

.ChatBotIcon:hover {
    transform: translateY(-3px);
}

.disabledChatBotIcon {
    cursor: not-allowed;
    pointer-events: none;
}

.RSTRENGpremiumPopup .MergeSectionsFirstTableClass tr td {
    padding: 10px 8px;
    border: 1px solid #E0DEDE;
}

.scrollable-table-hydrotest table tr th, .scrollable-table-hydrotest table tr td {
    padding: 10px 8px;
}

.RSTRENGpremiumPopup .MergeSectionsTableClass tr td {
    padding: 5px 0px;
}

.RSTRENGpremiumPopup .MergeSectionsTableClass tr td input[type=text], .RSTRENGpremiumPopup .MergeSectionsTableClass tr td select {
   height: 25px;
   border-radius: 2px;
   border: 1px solid #C5C5C5;
}

.borderFieldRed {
    border: 1px solid #FB1C1C !important;
    box-shadow: 0px 0px 4px 0px #FB1C1C !important;
}

/****** Hydrotest new tabs ******/
.HydrotestTabsDesign .k-tabstrip:focus {
    box-shadow: none !important;
}

.HydrotestTabsDesign .k-tabstrip-items .k-item {
    background-color: #fff !important;
}

.HydrotestTabsDesign .k-tabstrip {
    border: 1px solid #c5c5c5 !important;
    border-radius: 10px !important;
    background-color: white !important;
}

.HydrotestTabsDesign .k-tabstrip-items-wrapper {
    border: none !important;
}

.HydrotestTabsDesign .k-tabstrip-top > .k-content,
.HydrotestTabsDesign .k-tabstrip-top > .k-tabstrip-content {
    border-top-width: 0px;
    border: none;
    border-top: 1px solid #c5c5c5 !important;
}

.HydrotestTabsDesign .k-tabstrip .k-tabstrip-items,
.HydrotestTabsDesign .kendo-tab-strip-view {
    border: none !important;
    background-image: none !important;
    background: white !important;
}

.HydrotestTabsDesign .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border: none !important;
    background-color: white !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.HydrotestTabsDesign .k-tabstrip-items .k-item .k-link,
.HydrotestTabsDesign .k-panelbar > li.k-item > .k-link,
.HydrotestTabsDesign .kendo-tab-strip-view li {
    font-size: 14px !important;
    padding: 15px !important;
    padding-bottom: 8px !important;
    font-family: 'Inter' !important;
    color: #767676 !important;
}

.HydrotestTabsDesign .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
    color: #08406F !important;
}

.HydrotestTabsDesign .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active .k-link {
    color: #08406F !important;
    text-decoration: underline solid #08406f 8px !important;
    text-underline-offset: 12px;
}

.HydrotestTabsDesign fieldset {
    /*display: block;*/
    margin: 0px 15px 15px !important;
    border-radius: 5px;
    border: none;
}

.HydrotestTabsDesign fieldset legend {
    color: #08406F; 
    font-size: 14px; 
    font-weight: 600;
    /*font-size: 16px !important;*/
    /*font-weight: 700 !important;*/
    /*font-family: 'Inter' !important;*/
    /*line-height: 16.94px !important;*/
}

.HydrotestTabsDesign .AppSubHeading {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Inter' !important;
    /*line-height: 16.94px !important;*/
    color: #08406F !important;
    padding: 10px 6px;
    /*padding-top: 3% !important;*/
    /*padding-bottom: 1% !important;*/
}

.HydrotestTabsDesign .WidthPOp .BorderDiv .AppSubHeading .AppSubHeading {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Inter' !important;
    /*line-height: 16.94px !important;*/
    color: #08406F !important;
    /*padding-top: 3% !important;*/
    /*padding-bottom: 1% !important;*/
}

.HydrotestTabsDesign .FieldsetRowMargin .row {
    padding: 0px 15px 0px 5px !important;
}

/*Fixed panel*/

/*** Esri Map ***/
.map {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100%;
    text-align: left;
    overflow: hidden;
}

/*** Restyle Esri Zoomin-out ***/
.esriSimpleSlider {
    border: 1px solid #cccccc;
}

.esriSimpleSliderTL {
    bottom: auto;
    right: auto;
    top: 15px;
    left: 15px;
}

.esriSimpleSliderTR {
    bottom: auto;
    right: 15px;
    top: 15px;
    left: auto;
}

.esriSimpleSliderBL {
    top: auto;
    right: auto;
    bottom: 15px;
    left: 15px;
}

.esriSimpleSliderBR {
    top: auto;
    right: 15px;
    bottom: 15px;
    left: auto;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton {
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
    border-bottom: 1px solid #cccccc;
}

/*** Restyle Esri Popup ***/
.esriPopupWrapper {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
}

/* Easy color control */
.esriPopupWrapper {
    background-color: #fff;
}

.esriPopup .titlePane, .esriPopup .contentPane, .esriPopup .actionsPane,
.esriPopup .pointer, .esriPopup .outerPointer, .esriPopup .pointer.top, .esriPopup .pointer.topLeft,
.esriPopup .pointer.topRight, .esriPopup .pointer.bottomLeft, .esriPopup .pointer.bottomRight {
    background-color: #fff;
}

.esriPopup.light .pointer.top, .esriPopup.light .pointer.topLeft, .esriPopup.light .pointer.topRight {
    background-color: #f7f7f7;
}

/* Soften corners */
.esriPopup.light .esriPopupWrapper, .esriPopup.dark .esriPopupWrapper {
    border-radius: 1em;
    -webkit-border-radius: 1em;
}

.esriPopup.light .titlePane, .esriPopup.dark .titlePane {
    border-radius: 0.3em 0.3em 0 0;
    -webkit-border-radius: 0.3em 0.3em 0 0;
}

.esriPopup.light .actionsPane, .esriPopup.dark .actionsPane {
    border-radius: 0px 0px 0.3em 0.3em;
    -webkit-border-radius: 0px 0px 0.3em 0.3em;
}

/* Title Pane font and buttons */
.esriPopup .titlePane, .esriPopup.light .titlePane, .esriPopup.dark .titlePane {
    height: 34px;
    padding: 10px 0 0 10px;
    background-color: #f7f7f7;
    font-size: 14px;
}

.esriPopup.light .titleButton {
    font-size: 16px;
}

    .esriPopup.light .titleButton:hover {
        color: #333;
    }

    .esriPopup.light .titleButton.next, .esriPopup.dark .titleButton.next {
        right: 35px;
    }

    .esriPopup.light .titleButton.prev, .esriPopup.dark .titleButton.prev {
        right: 60px;
    }

    .esriPopup.light .titleButton.next, .esriPopup.dark .titleButton.next,
    .esriPopup.light .titleButton.prev, .esriPopup.dark .titleButton.prev {
        color: #AAAAAA;
    }

        .esriPopup.light .titleButton.next:hover, .esriPopup.dark .titleButton.next:hover,
        .esriPopup.light .titleButton.prev:hover, .esriPopup.dark .titleButton.prev:hover {
            color: #666;
        }

/* Content Pane */
.esriPopup .contentPane, .esriPopup.light .contentPane, .esriPopup.dark .contentPane {
    max-height: 300px;
    padding: 10px 10px 0 10px;
    border-top: 1px solid #ebebeb;
}

/* Hide all ofd these */
.esriPopup .titlePane .spinner {
    display: none;
}
/*.esriPopup .titleButton.maximize, .esriPopup .titleButton.restore {
  display: none;
}
.esriPopup .actionsPane .actionList {
  display: none;
}*/

.esriViewPopup .break {
    height: 2px;
}

.esriViewPopup .mainSection .attrTable td.attrName {
    color: #888888;
}

.esriViewPopup .mainSection .attrTable td {
    color: #888888;
}

/*** Restyle Geocoder widget ***/
.simpleGeocoder .esriGeocoderContainer {
    width: 100%;
}

.simpleGeocoder .esriGeocoder {
    border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoderResults {
    border: 1px solid #cccccc;
}

.simpleGeocoder .esriGeocoder input {
    width: 73%;
    padding: 7px 0 6px;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
}

.simpleGeocoder .esriGeocoderIcon {
    margin: 9px 0 6px 6px;
}

.simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
    margin: 8px 4px 5px 1px;
}

/*** Restyle the Basemap Gallery widget ***/
.esriBasemapGallery * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.esriBasemapGalleryNode {
    width: 75px;
}

.esriBasemapGalleryThumbnail {
    height: 61px;
    width: 75px;
}

.esriBasemapGalleryLabelContainer {
    display: none;
}

.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
    border: 2px solid #3C7AFF;
}

/*** Fix Bootstrap modal bug ***/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
    margin-top: 0;
}

/*** Bootstrap extensions and overrides ***/
.panel-fixed {
    position: absolute;
    text-align: left;
    z-index: 50;
}

    .panel-fixed .top {
        top: 10px;
    }

    .panel-fixed .bottom {
        bottom: 10px;
    }

    .panel-fixed .left {
        left: 10px;
    }

    .panel-fixed .right {
        right: 10px;
    }

    .panel-fixed .panel-body {
        overflow: auto;
    }

        .panel-fixed .panel-body .checkbox input[type=checkbox], .panel-fixed .panel-body .btn-toolbar .btn-group, .panel-fixed .panel-body.btn-toolbar .input-group {
            float: none;
        }

        .panel-fixed .panel-body > .btn-toolbar + .btn-toolbar {
            margin-top: 10px;
        }

    .panel-fixed .btn-absolute {
        position: absolute;
        top: 9px;
        right: 9px;
        border: none;
        outline: none;
    }

        .panel-fixed .btn-absolute:hover, .panel-fixed .btn-absolute:focus, .panel-fixed .btn-absolute:active, .panel-fixed .btn-absolute .active {
            box-shadow: none;
            outline: none;
            background-color: #428bca;
        }

/*** Media Queries ***/
@media (max-width: 600px) {
    .panel-fixed {
        width: 250px;
    }
}


/*** Fixed Panel ***/




.NoBorder {
    border: 0px !important;
}

/************************* PipeToolPage ******************************/
.PipeToolPage .WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 84%;
    /*background-color: #e5e5e5;*/
    border: 1px solid #333;
}

.PipeToolPage .BorderDiv2 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1px !important;
    margin: 2px;
}

.PipeToolPage .BorderDiv {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% 0 0 0 !important;
    margin: 1%;
}

.PipeToolPage .NoBorderDiv1 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% !important;
    margin: 1%;
}

.PipeToolPage .row {
    margin-right: 0;
    margin-left: 0;
}

.PipeToolPage .BorderDiv2 .BorderLineDiv {
    padding: 0;
    border: 1px solid grey;
}

.PipeToolPage .BorderDiv .row {
    margin-bottom: 6px;
}

    .PipeToolPage .BorderDiv .row .NopaddingRight {
        padding-right: 0px;
    }

    .PipeToolPage .BorderDiv .row .NopaddingLeft {
        padding-left: 0px;
    }

    .PipeToolPage .BorderDiv .row .form-control, .PipeToolPage .NoBorderDiv .row .form-control {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

    .PipeToolPage .BorderDiv .row .form-controlUnits, .PipeToolPage .NoBorderDiv .row .form-controlUnits {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

.PipeToolPage fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid silver;
    padding: 1% 0 !important;
    margin-bottom: 6px;
}

    .PipeToolPage fieldset legend, .HeadingBgLine {
        display: block;
        width: auto;
        max-width: a;
        /*padding: 0 6px 0 4px;
            margin-bottom: 3px;
            font-size: 18px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
            border: none !important;*/
        padding: 2px 6px 2px 14px;
        margin-bottom: 3px;
        font-size: 15px;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        border: none !important;
        background-color: #2b8abe;
        width: 100.6%;
        color: #fff;
        font-weight: bold;
        text-shadow: none !important;
        margin: 0 -2px;
    }

.PipeToolPage .NoBorderDiv .btn {
    cursor: pointer;
    padding: 1px 13px;
    font-size: 12px;
}

.PipeToolPage .NoBorderDiv1 .col-lg-6 {
    padding-left: 8px;
}

.PipeToolPage .disabled {
    pointer-events: none !important;
    background-color: #cccccc !important;
    color: black !important;
}

.PipeToolPage .NoBorderDiv .row {
    margin-bottom: 6px;
}
/*#EstMgAnodeGasCasesDLL-list{
        overflow: auto !important;
    }*/
.FluidToolPage .PercentSms {
    float: left;
}

.PipeToolPage .PercentSms .PercentLeft {
    float: left;
    padding-top: 11px;
}

.PipeToolPage .PercentSms .PercentCenter {
    float: left;
    padding-top: 0px;
    padding-left: 6px;
}

.PipeToolPage .PercentSms .Percent1Top {
    float: left;
    border-bottom: 1px solid #000;
    padding: 0 20px;
}

.PipeToolPage .PercentSms .Percent1Bottom {
    position: relative;
    left: 8px;
}

.PipeToolPage .PercentSms .PercentRight {
    float: left;
    padding-top: 10px;
    padding-left: 6px;
}

.PipeToolPage .HelpBtn {
    background-image: url("../../../Content/images/icon_help.png");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.PipeToolPage .addNew {
    background-image: url(../../../Content/Images/add.png);
    background-repeat: no-repeat;
    background-position: 6px 8px;
    height: 16px;
    width: 16px;
    padding: 5px 4px 0 21px;
    background-repeat: no-repeat;
}

.PipeToolPage .icon_import_white {
    background-image: url("../../../Content/images/import_file_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 2px !important;
    font-size: 13px !important;
    box-sizing: unset;
}

.PipeToolPage .btn {
    padding: 2px 4px;
    font-size: 11px;
}

.PipeToolPage .TableBlock {
    margin: 5px;
    border-color: silver !important;
    margin-top: 10px;
}

    .PipeToolPage .TableBlock th, .PipeToolPage .TableBlock td {
        padding: 4px;
        word-wrap: unset;
    }

        .PipeToolPage .TableBlock td.TwoTd .form-control {
            width: auto;
            float: left;
        }

        .PipeToolPage .TableBlock td.TwoTd .form-controlUnits {
            width: auto;
            float: left;
        }

    .PipeToolPage .TableBlock th {
        width: 17%;
    }

        .PipeToolPage .TableBlock th + th {
            width: 25%;
        }

            .PipeToolPage .TableBlock th + th + th {
                width: 10%;
            }

                .PipeToolPage .TableBlock th + th + th + th {
                    width: 10%;
                }

.PipeToolPage .BtnBlock {
    padding: 0;
    margin: 9px 6px;
}

.PipeToolPage table input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 1px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 80%;
    margin: 2px;
}

    .PipeToolPage table input:focus {
        border-color: #f00;
        box-shadow: 0 0 6px;
        outline: 0 none;
    }

.PipeToolPage table {
    width: 96%;
}

.PipeToolPage .form-control {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

PipeToolPage .form-controlUnits {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.PipeToolPage .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: left;
}

.PipeToolPage .BlueBgHeader {
    background-color: #2b8abe;
    color: #fff;
    font-weight: bold;
}

.PipeToolPage .LeftSideShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 6px;
}

    .PipeToolPage .LeftSideShowHideBlock input {
        width: 45%;
        float: left;
        margin-right: 8px;
    }

    .PipeToolPage .LeftSideShowHideBlock select {
        width: 45%;
        float: left;
        margin-right: 0px;
    }

.PipeToolPage .SinglePointCalculationShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .PipeToolPage .SinglePointCalculationShowHideBlock .row {
        margin-bottom: 0;
    }

    .PipeToolPage .SinglePointCalculationShowHideBlock .col-lg-10 {
        padding: 6px 0 0 0;
    }

    .PipeToolPage .SinglePointCalculationShowHideBlock .col-lg-2 {
        border-left: 1px solid silver;
        padding: 22px 0;
        text-align: center;
    }

        .PipeToolPage .SinglePointCalculationShowHideBlock .col-lg-2 .btn {
        }

    .PipeToolPage .SinglePointCalculationShowHideBlock select {
        margin-bottom: 6px !important;
        padding: 1px 0 2px 0 !important;
    }

.PipeToolPage .TableBlock table select {
    padding: 3px !important;
    font-size: 12px;
    float: left !important;
    width: 58% !important;
}

    .PipeToolPage .TableBlock table select + select {
        padding: 3px !important;
        font-size: 12px;
        float: right !important;
        width: 36% !important;
    }

.PipeToolPage .CompositionalTableC input {
    width: 56%;
    margin-left: 6px;
}

.PipeToolPage .CheckBoxText {
    float: left;
    margin: 0 0 0 10px;
}

    .PipeToolPage .CheckBoxText input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-top: 2px;
    }

.PipeToolPage .PipeBoundaryProfileBlock .col-lg-6 {
    padding-left: 9px;
}
/*****************************RstrengPageDesign ****************************

.RstrengPageDesignMinSizePopup #gridsterdatainputchart .panel-heading #TextMin {
    white-space: wrap;
    overflow: hidden;
    text-overflow: visible !important;
    width: 87%;
    height: 21px;
    float: left;
}

.RstrengPageDesignMinSizePopup #gridsterpitdepth .panel-heading {
    position: relative;
}

.RstrengPageDesignMinSizePopup #gridsterpitdepth .DropwonMenuListCustom {
    background-image: url("../Content/images/menu_img.png");
    background-repeat: no-repeat;
    width: 68px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 27px;
    background-position: center;
    z-index: 100;
}
     
    .RstrengPageDesignMinSizePopup #gridsterpitdepth .DropwonMenuListCustom:hover .LinkAction {
        height: 90px;
        overflow-y: auto;
        display: block;
        overflow-x: hidden;
        padding: 26px 0 0 0;
    }

    .RstrengPageDesignMinSizePopup #gridsterpitdepth .DropwonMenuListCustom .LinkAction {
        margin: 0 0 0 0;
        padding: 0;
        display: none;
    }

        .RstrengPageDesignMinSizePopup #gridsterpitdepth .DropwonMenuListCustom .LinkAction li {
            float: left;
            width: 100%;
            margin: 0;
            background-color: #3e74cc;
            padding: 4px;
            background-color: #3e74cc;
        }

            .RstrengPageDesignMinSizePopup #gridsterpitdepth .DropwonMenuListCustom .LinkAction li:hover {
                background-color: #285399;
            }

/******************************** NetworkToolPage *****************************/
.NetworkToolPage .WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 84%;
    /*background-color: #e5e5e5;*/
    border: 1px solid #333;
}

.NetworkToolPage .BorderDiv2 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1px !important;
    margin: 2px;
}

.NetworkToolPage .BorderDiv {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% 0 0 0 !important;
    margin: 1%;
}

.NetworkToolPage .NoBorderDiv1 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% !important;
    margin: 1%;
}

.NetworkToolPage .row {
    margin-right: 0;
    margin-left: 0;
}

.NetworkToolPage .BorderDiv2 .BorderLineDiv {
    padding: 0;
    border: 1px solid grey;
}

.NetworkToolPage .BorderDiv .row {
    margin-bottom: 6px;
}

    .NetworkToolPage .BorderDiv .row .NopaddingRight {
        padding-right: 0px;
    }

    .NetworkToolPage .BorderDiv .row .NopaddingLeft {
        padding-left: 0px;
    }

    .NetworkToolPage .BorderDiv .row .form-control, .NetworkToolPage .NoBorderDiv .row .form-control {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

    .NetworkToolPage .BorderDiv .row .form-controlUnits, .NetworkToolPage .NoBorderDiv .row .form-controlUnits {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

.NetworkToolPage fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid silver;
    padding: 1% 0 !important;
    margin-bottom: 6px;
}

    .NetworkToolPage fieldset legend, .HeadingBgLine {
        display: block;
        width: auto;
        max-width: a;
        /*padding: 0 6px 0 4px;
            margin-bottom: 3px;
            font-size: 18px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
            border: none !important;*/
        padding: 2px 6px 2px 14px;
        margin-bottom: 3px;
        font-size: 15px;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        border: none !important;
        background-color: #2b8abe;
        width: 100.6%;
        color: #fff;
        font-weight: bold;
        text-shadow: none !important;
        margin: 0 -2px;
    }

.NetworkToolPage .NoBorderDiv .btn {
    cursor: pointer;
    padding: 1px 13px;
    font-size: 12px;
}

.NetworkToolPage .NoBorderDiv1 .col-lg-6 {
    padding-left: 8px;
}

.NetworkToolPage .disabled {
    pointer-events: none !important;
    background-color: #cccccc !important;
    color: black !important;
}

.NetworkToolPage .NoBorderDiv .row {
    margin-bottom: 6px;
}
/*#EstMgAnodeGasCasesDLL-list{
        overflow: auto !important;
    }*/
.NetworkToolPage .PercentSms {
    float: left;
}

    .NetworkToolPage .PercentSms .PercentLeft {
        float: left;
        padding-top: 11px;
    }

    .NetworkToolPage .PercentSms .PercentCenter {
        float: left;
        padding-top: 0px;
        padding-left: 6px;
    }

    .NetworkToolPage .PercentSms .Percent1Top {
        float: left;
        border-bottom: 1px solid #000;
        padding: 0 20px;
    }

    .NetworkToolPage .PercentSms .Percent1Bottom {
        position: relative;
        left: 8px;
    }

    .NetworkToolPage .PercentSms .PercentRight {
        float: left;
        padding-top: 10px;
        padding-left: 6px;
    }

.NetworkToolPage .HelpBtn {
    background-image: url("../../../Content/images/icon_help.png");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.NetworkToolPage .addNew {
    background-image: url(../../../Content/Images/add.png);
    background-repeat: no-repeat;
    background-position: 6px 8px;
    height: 16px;
    width: 16px;
    padding: 8px 4px 0 21px;
    background-repeat: no-repeat;
}

.NetworkToolPage .icon_import_white {
    background-image: url("../../../Content/images/import_file_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 2px !important;
    font-size: 13px !important;
    box-sizing: unset;
}

.NetworkToolPage .btn {
    padding: 2px 4px;
    font-size: 11px;
}

.NetworkToolPage .TableBlock {
    margin: 5px;
    border-color: silver !important;
    margin-top: 10px;
}

    .NetworkToolPage .TableBlock th, .NetworkToolPage .TableBlock td {
        padding: 4px;
        word-wrap: unset;
    }

        .NetworkToolPage .TableBlock td.TwoTd .form-control {
            width: auto;
            float: left;
        }

        .NetworkToolPage .TableBlock td.TwoTd .form-controlUnits {
            width: auto;
            float: left;
        }

    .NetworkToolPage .TableBlock th {
        width: 17%;
    }

        .NetworkToolPage .TableBlock th + th {
            width: 25%;
        }

            .NetworkToolPage .TableBlock th + th + th {
                width: 10%;
            }

                .NetworkToolPage .TableBlock th + th + th + th {
                    width: 10%;
                }

.NetworkToolPage .BtnBlock {
    padding: 0;
    margin: 9px 6px;
}

.NetworkToolPage table input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 1px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 80%;
    margin: 2px;
}

    .NetworkToolPage table input:focus {
        border-color: #f00;
        box-shadow: 0 0 6px;
        outline: 0 none;
    }

.NetworkToolPage table {
    width: 96%;
}

.NetworkToolPage .form-control {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.NetworkToolPage .form-controlUnits {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.NetworkToolPage .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: left;
}

.NetworkToolPage .BlueBgHeader {
    background-color: #2b8abe;
    color: #fff;
    font-weight: bold;
}

.NetworkToolPage .LeftSideShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 6px;
}

    .NetworkToolPage .LeftSideShowHideBlock input {
        width: 45%;
        float: left;
        margin-right: 8px;
    }

    .NetworkToolPage .LeftSideShowHideBlock select {
        width: 45%;
        float: left;
        margin-right: 0px;
    }

.NetworkToolPage .SinglePointCalculationShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .NetworkToolPage .SinglePointCalculationShowHideBlock .row {
        margin-bottom: 0;
    }

    .NetworkToolPage .SinglePointCalculationShowHideBlock .col-lg-10 {
        padding: 6px 0 0 0;
    }

    .NetworkToolPage .SinglePointCalculationShowHideBlock .col-lg-2 {
        border-left: 1px solid silver;
        padding: 22px 0;
        text-align: center;
    }

        .NetworkToolPage .SinglePointCalculationShowHideBlock .col-lg-2 .btn {
        }

    .NetworkToolPage .SinglePointCalculationShowHideBlock select {
        margin-bottom: 6px !important;
        padding: 1px 0 2px 0 !important;
    }

.NetworkToolPage .TableBlock table select {
    padding: 3px !important;
    font-size: 12px;
    float: left !important;
    width: 58% !important;
}

    .NetworkToolPage .TableBlock table select + select {
        padding: 3px !important;
        font-size: 12px;
        float: right !important;
        width: 36% !important;
    }

.NetworkToolPage .CompositionalTableC input {
    width: 56%;
    margin-left: 6px;
}

.NetworkToolPage .CheckBoxText {
    float: left;
    margin: 0 0 0 10px;
}

    .NetworkToolPage .CheckBoxText input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-top: 2px;
    }

.icon_setting_button {
    background-image: url(images/settings.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.NetworkToolPage .TopRowBlock select {
    float: left;
    font-size: 11px;
    margin-right: 4px;
    padding: 1px 2px !important;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.NetworkToolPage .TopRowBlock .col-lg-3, .NetworkToolPage .TopRowBlock .col-lg-4, .NetworkToolPage .TopRowBlock .col-lg-5, .NetworkToolPage .TopRowBlock .col-lg-6 {
    padding: 4px;
    border: 1px solid gray;
    height: 34px;
}

.NetworkToolPage .TabBG {
    background-color: #e5e5e5;
    margin: 8px;
    padding: 10px 0;
}

    .NetworkToolPage .TabBG .nav > li > a {
        color: #333;
    }

.DelBtn {
    background-image: url(images/icn_delete.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.EditBtn {
    background-image: url(images/edit-icon.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.cursorpointer {
    cursor: pointer !important;
}

.cursordefault {
    cursor: default !important;
}


.NetworkToolPage .tab-content {
    padding: 8px 0;
    background-color: #fff;
}

    .NetworkToolPage .tab-content .col-lg-2, .NetworkToolPage .tab-content .col-lg-3, .NetworkToolPage .tab-content .col-lg-4, .NetworkToolPage .tab-content .col-lg-5, .NetworkToolPage .tab-content .col-lg-6, .NetworkToolPage .tab-content .col-lg-8 {
        padding: 5px;
    }

.NetworkToolPage .BlueBorderLine {
    border: 1px solid #2b8abe;
    padding: 4px 0;
    margin: 4px;
}

.NetworkToolPage fieldset.BlueBorderLine {
    border: 1px solid #2b8abe !important;
    padding: 0;
    margin: 0 2px;
}

    .NetworkToolPage fieldset.BlueBorderLine legend {
        width: auto;
        padding: 0 4px;
        background-color: #fff;
        color: #333;
        margin: 0 0 0 2px;
    }

.icon_download_button {
    background-image: url(images/icon_download.gif) !important;
    padding: 0px 15px 3px 10px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 20px;
    float: none;
    position: relative;
}

    .icon_download_button .DownloadList {
        position: absolute;
        width: 129px;
        right: 0px;
        top: 20px;
        background-color: #fff;
        border: 1px solid #333;
        z-index: 100;
        display: none;
    }

    .icon_download_button:hover .DownloadList {
        display: block;
    }

    .icon_download_button .DownloadList a {
        padding: 4px 2px;
        float: left;
        width: 100%;
        color: #333;
        cursor: pointer;
    }

        .icon_download_button .DownloadList a + a {
            border-top: 1px solid #333;
        }

        .icon_download_button .DownloadList a:hover {
            background-color: #dadada;
        }

.view_full_screen_button {
    background-image: url(images/view-full-screen.png) !important;
    padding: 0px 15px 3px 10px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 20px;
    float: none;
    position: relative;
}



/******************************** WellToolPage *****************************/
.WellToolPage .WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 84%;
    /*background-color: #e5e5e5;*/
    border: 1px solid #333;
}

.WellToolPage .BorderDiv2 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1px !important;
    margin: 2px;
}

.WellToolPage .BorderDiv {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% 0 0 0 !important;
    margin: 1%;
}

.WellToolPage .NoBorderDiv1 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% !important;
    margin: 1%;
}

.WellToolPage .row {
    margin-right: 0;
    margin-left: 0;
}

.WellToolPage .BorderDiv2 .BorderLineDiv {
    padding: 0;
    border: 1px solid grey;
}

.WellToolPage .BorderDiv .row {
    margin-bottom: 6px;
}

    .WellToolPage .BorderDiv .row .NopaddingRight {
        padding-right: 0px;
    }

    .WellToolPage .BorderDiv .row .NopaddingLeft {
        padding-left: 0px;
    }

    .WellToolPage .BorderDiv .row .form-control, .NetworkToolPage .NoBorderDiv .row .form-control {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

    .WellToolPage .BorderDiv .row .form-controlUnits, .NetworkToolPage .NoBorderDiv .row .form-controlUnits {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

.WellToolPage fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid silver;
    padding: 1% 0 !important;
    margin-bottom: 6px;
}

    .WellToolPage fieldset legend, .HeadingBgLine {
        display: block;
        width: auto;
        max-width: a;
        /*padding: 0 6px 0 4px;
            margin-bottom: 3px;
            font-size: 18px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
            border: none !important;*/
        padding: 2px 6px 2px 14px;
        margin-bottom: 3px;
        font-size: 15px;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        border: none !important;
        background-color: #2b8abe;
        width: 100.6%;
        color: #fff;
        font-weight: bold;
        text-shadow: none !important;
        margin: 0 -2px;
    }

.WellToolPage .NoBorderDiv .btn {
    cursor: pointer;
    padding: 1px 13px;
    font-size: 12px;
}

.WellToolPage .NoBorderDiv1 .col-lg-6 {
    padding-left: 8px;
}

.WellToolPage .disabled {
    pointer-events: none !important;
    background-color: #cccccc !important;
    color: black !important;
}

.WellToolPage .NoBorderDiv .row {
    margin-bottom: 6px;
}
/*#EstMgAnodeGasCasesDLL-list{
        overflow: auto !important;
    }*/
.WellToolPage .PercentSms {
    float: left;
}

    .WellToolPage .PercentSms .PercentLeft {
        float: left;
        padding-top: 11px;
    }

    .WellToolPage .PercentSms .PercentCenter {
        float: left;
        padding-top: 0px;
        padding-left: 6px;
    }

    .WellToolPage .PercentSms .Percent1Top {
        float: left;
        border-bottom: 1px solid #000;
        padding: 0 20px;
    }

    .WellToolPage .PercentSms .Percent1Bottom {
        position: relative;
        left: 8px;
    }

    .WellToolPage .PercentSms .PercentRight {
        float: left;
        padding-top: 10px;
        padding-left: 6px;
    }

.WellToolPage .HelpBtn {
    background-image: url("../../../Content/images/icon_help.png");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.WellToolPage .addNew {
    background-image: url(../../../Content/Images/add.png);
    background-repeat: no-repeat;
    background-position: 6px 8px;
    height: 16px;
    width: 16px;
    padding: 8px 4px 0 21px;
    background-repeat: no-repeat;
}

.WellToolPage .icon_import_white {
    background-image: url("../../../Content/images/import_file_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 2px !important;
    font-size: 13px !important;
    box-sizing: unset;
}

.WellToolPage .btn {
    padding: 2px 4px;
    font-size: 11px;
}

.WellToolPage .TableBlock {
    margin: 5px;
    border-color: silver !important;
    margin-top: 10px;
}

    .WellToolPage .TableBlock th, .WellToolPage .TableBlock td {
        padding: 4px;
        word-wrap: unset;
    }

        .WellToolPage .TableBlock td.TwoTd .form-control {
            width: auto;
            float: left;
        }

        .WellToolPage .TableBlock td.TwoTd .form-controlUnits {
            width: auto;
            float: left;
        }

    .WellToolPage .TableBlock th {
        width: 17%;
    }

        .WellToolPage .TableBlock th + th {
            width: 25%;
        }

            .WellToolPage .TableBlock th + th + th {
                width: 10%;
            }

                .WellToolPage .TableBlock th + th + th + th {
                    width: 10%;
                }

.WellToolPage .BtnBlock {
    padding: 8px 0 8px 15px;
    margin: 0;
    border-top: 1px solid #d5d5d5;
}

.WellToolPage table input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 1px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 80%;
    margin: 2px;
}

    .WellToolPage table input:focus {
        border-color: #f00;
        box-shadow: 0 0 6px;
        outline: 0 none;
    }

.WellToolPage table {
    width: 96%;
}

.WellToolPage .form-control {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.WellToolPage .form-controlUnits {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.WellToolPage .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: left;
}

.WellToolPage .BlueBgHeader {
    background-color: #2b8abe;
    color: #fff;
    font-weight: bold;
}

.WellToolPage .LeftSideShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 6px;
}

    .WellToolPage .LeftSideShowHideBlock input {
        width: 45%;
        float: left;
        margin-right: 8px;
    }

    .WellToolPage .LeftSideShowHideBlock select {
        width: 45%;
        float: left;
        margin-right: 0px;
    }

.WellToolPage .SinglePointCalculationShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .WellToolPage .SinglePointCalculationShowHideBlock .row {
        margin-bottom: 0;
    }

    .WellToolPage .SinglePointCalculationShowHideBlock .col-lg-10 {
        padding: 6px 0 0 0;
    }

    .WellToolPage .SinglePointCalculationShowHideBlock .col-lg-2 {
        border-left: 1px solid silver;
        padding: 22px 0;
        text-align: center;
    }

        .WellToolPage .SinglePointCalculationShowHideBlock .col-lg-2 .btn {
        }

    .WellToolPage .SinglePointCalculationShowHideBlock select {
        margin-bottom: 6px !important;
        padding: 1px 0 2px 0 !important;
    }

.WellToolPage .TableBlock table select {
    padding: 3px !important;
    font-size: 12px;
    float: left !important;
    width: 58% !important;
}

    .WellToolPage .TableBlock table select + select {
        padding: 3px !important;
        font-size: 12px;
        float: right !important;
        width: 36% !important;
    }

.WellToolPage .CompositionalTableC input {
    width: 56%;
    margin-left: 6px;
}

.WellToolPage .CheckBoxText {
    float: left;
    margin: 0 0 0 10px;
}

    .WellToolPage .CheckBoxText input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-top: 2px;
    }

.icon_setting_button {
    background-image: url(images/settings.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.WellToolPage .TopRowBlock select {
    float: left;
    font-size: 11px;
    margin-right: 4px;
    padding: 1px 2px !important;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.WellToolPage .TopRowBlock .col-lg-3, .WellToolPage .TopRowBlock .col-lg-4, .WellToolPage .TopRowBlock .col-lg-5, .WellToolPage .TopRowBlock .col-lg-6 {
    padding: 4px;
    border: 1px solid gray;
    height: 34px;
}

.WellToolPage .TabBG {
    background-color: #e5e5e5;
    margin: 8px;
    padding: 10px 0;
}

    .WellToolPage .TabBG .nav > li > a {
        color: #333;
    }

.DelBtn {
    background-image: url(images/icn_delete.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.EditBtn {
    background-image: url(images/edit-icon.png) !important;
    padding: 0px 15px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: none;
}

.WellToolPage .tab-content {
    padding: 8px 0;
    background-color: #fff;
}

    .WellToolPage .tab-content .col-lg-2, .WellToolPage .tab-content .col-lg-3, .WellToolPage .tab-content .col-lg-4, .WellToolPage .tab-content .col-lg-5, .WellToolPage .tab-content .col-lg-6, .WellToolPage .tab-content .col-lg-8 {
        padding: 5px;
    }

.WellToolPage .BlueBorderLine {
    border: 1px solid #2b8abe;
    padding: 4px 0;
    margin: 4px;
}

.WellToolPage fieldset.BlueBorderLine {
    border: 1px solid #2b8abe !important;
    padding: 0;
    margin: 0 2px;
}

    .WellToolPage fieldset.BlueBorderLine legend {
        width: auto;
        padding: 0 4px;
        background-color: #fff;
        color: #333;
        margin: 0 0 0 2px;
    }

.icon_download_button {
    background-image: url(images/icon_download.gif) !important;
    padding: 0px 15px 3px 10px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 20px;
    float: none;
    position: relative;
}

    .icon_download_button .DownloadList {
        position: absolute;
        width: 129px;
        right: 0px;
        top: 20px;
        background-color: #fff;
        border: 1px solid #333;
        z-index: 100;
        display: none;
    }

    .icon_download_button:hover .DownloadList {
        display: block;
    }

    .icon_download_button .DownloadList a {
        padding: 4px 2px;
        float: left;
        width: 100%;
        color: #333;
        cursor: pointer;
    }

        .icon_download_button .DownloadList a + a {
            border-top: 1px solid #333;
        }

        .icon_download_button .DownloadList a:hover {
            background-color: #dadada;
        }

.view_full_screen_button {
    background-image: url(images/view-full-screen.png) !important;
    padding: 0px 15px 3px 10px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 20px;
    float: none;
    position: relative;
}

.WidthAuto select {
    width: 30% !important;
    float: left;
}

    .WidthAuto select + select {
        margin: 0 4px;
    }
/*************************** FluidToolPage ************************/
.WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 84%;
    /*background-color: #e5e5e5;*/
    /*border: 1px solid #333;*/
}

.FluidToolPage .BorderDiv2 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1px !important;
    margin: 2px;
}

.FluidToolPage .BorderDiv {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% 0 0 0 !important;
    margin: 1%;
}

.FluidToolPage .NoBorderDiv1 {
    border-collapse: collapse;
    box-shadow: 0 1px 3px #334e8f;
    margin-top: 5px !important;
    padding-bottom: 2px !important;
    background-color: white;
    border-top: 1px solid lightgray;
    padding: 1% !important;
    margin: 1%;
}

.FluidToolPage .row {
    margin-right: 0;
    margin-left: 0;
}

.FluidToolPage .BorderDiv2 .BorderLineDiv {
    padding: 0;
    border: 1px solid grey;
}

.FluidToolPage .BorderDiv .row {
    margin-bottom: 6px;
}

    .FluidToolPage .BorderDiv .row .NopaddingRight {
        padding-right: 0px;
    }

    .FluidToolPage .BorderDiv .row .NopaddingLeft {
        padding-left: 0px;
    }

    .FluidToolPage .BorderDiv .row .form-control, .FluidToolPage .NoBorderDiv .row .form-control {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

    .FluidToolPage .BorderDiv .row .form-controlUnits, .FluidToolPage .NoBorderDiv .row .form-controlUnits {
        padding: 2px 6px;
        font-size: 12px;
        line-height: normal;
    }

.FluidToolPage fieldset {
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px solid silver;
    padding: 1% 0 !important;
    margin-bottom: 6px;
}

    .FluidToolPage fieldset legend, .HeadingBgLine {
        display: block;
        width: auto;
        max-width: a;
        /*padding: 0 6px 0 4px;
            margin-bottom: 3px;
            font-size: 18px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
            border: none !important;*/
        padding: 2px 6px 2px 14px;
        margin-bottom: 3px;
        font-size: 15px;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        border: none !important;
        background-color: #2b8abe;
        width: 100.6%;
        color: #fff;
        font-weight: bold;
        text-shadow: none !important;
        margin: 0 -2px;
    }

.FluidToolPage .NoBorderDiv .btn {
    cursor: pointer;
    padding: 1px 13px;
    font-size: 12px;
}

.FluidToolPage .NoBorderDiv1 .col-lg-6 {
    padding-left: 8px;
}

.FluidToolPage .disabled {
    pointer-events: none !important;
    background-color: #cccccc !important;
    color: black !important;
}

.FluidToolPage .NoBorderDiv .row {
    margin-bottom: 6px;
}
/*#EstMgAnodeGasCasesDLL-list{
        overflow: auto !important;
    }*/
.FluidToolPage .PercentSms {
    float: left;
}

    .FluidToolPage .PercentSms .PercentLeft {
        float: left;
        padding-top: 11px;
    }

    .FluidToolPage .PercentSms .PercentCenter {
        float: left;
        padding-top: 0px;
        padding-left: 6px;
    }

    .FluidToolPage .PercentSms .Percent1Top {
        float: left;
        border-bottom: 1px solid #000;
        padding: 0 20px;
    }

    .FluidToolPage .PercentSms .Percent1Bottom {
        position: relative;
        left: 8px;
    }

    .FluidToolPage .PercentSms .PercentRight {
        float: left;
        padding-top: 10px;
        padding-left: 6px;
    }

.FluidToolPage .HelpBtn {
    background-image: url("../../../Content/images/icon_help.png");
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.FluidToolPage .addNew {
    background-image: url(../../../Content/Images/add.png);
    background-repeat: no-repeat;
    background-position: 6px 8px;
    height: 16px;
    width: 16px;
    padding: 5px 4px 0 21px;
    background-repeat: no-repeat;
}

.FluidToolPage .icon_import_white {
    background-image: url("../../../Content/images/import_file_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 49px 23px !important;
    background-position: 4px 2px !important;
    font-size: 13px !important;
    box-sizing: unset;
}

.FluidToolPage .btn {
    padding: 2px 4px;
    font-size: 11px;
}

.FluidToolPage .TableBlock {
    margin: 5px;
    border-color: silver !important;
    margin-top: 10px;
}

    .FluidToolPage .TableBlock th, .FluidToolPage .TableBlock td {
        padding: 4px;
        word-wrap: unset;
    }

        .FluidToolPage .TableBlock td.TwoTd .form-control {
            width: auto;
            float: left;
        }

        .FluidToolPage .TableBlock td.TwoTd .form-controlUnits {
            width: auto;
            float: left;
        }

    .FluidToolPage .TableBlock th {
        width: 17%;
    }

        .FluidToolPage .TableBlock th + th {
            width: 25%;
        }

            .FluidToolPage .TableBlock th + th + th {
                width: 10%;
            }

                .FluidToolPage .TableBlock th + th + th + th {
                    width: 10%;
                }

.FluidToolPage .BtnBlock {
    padding: 0;
    margin: 9px 6px;
}

.FluidToolPage table input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 1px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 80%;
    margin: 2px;
}

    .FluidToolPage table input:focus {
        border-color: #f00;
        box-shadow: 0 0 6px;
        outline: 0 none;
    }

.FluidToolPage table {
    width: 96%;
}

.FluidToolPage .form-control {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.FluidToolPage .form-controlUnits {
    margin-bottom: 2px !important;
    padding: 2px 6px !important;
}

.FluidToolPage .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 2px;
    height: 16px;
    float: left;
}

.FluidToolPage .BlueBgHeader {
    background-color: #2b8abe;
    color: #fff;
    font-weight: bold;
}

.FluidToolPage .LeftSideShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 6px;
}

    .FluidToolPage .LeftSideShowHideBlock input {
        width: 45%;
        float: left;
        margin-right: 8px;
    }

    .FluidToolPage .LeftSideShowHideBlock select {
        width: 45%;
        float: left;
        margin-right: 0px;
    }

.FluidToolPage .SinglePointCalculationShowHideBlock {
    float: left;
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .FluidToolPage .SinglePointCalculationShowHideBlock .row {
        margin-bottom: 0;
    }

    .FluidToolPage .SinglePointCalculationShowHideBlock .col-lg-10 {
        padding: 6px 0 0 0;
    }

    .FluidToolPage .SinglePointCalculationShowHideBlock .col-lg-2 {
        border-left: 1px solid silver;
        padding: 22px 0;
        text-align: center;
    }

        .FluidToolPage .SinglePointCalculationShowHideBlock .col-lg-2 .btn {
        }

.SinglePointCalculationShowHideBlock select {
    margin-bottom: 6px !important;
    padding: 1px 0 2px 0 !important;
}

.FluidToolPage .TableBlock table select {
    padding: 3px !important;
    font-size: 12px;
    float: left !important;
    width: 58% !important;
}

    .FluidToolPage .TableBlock table select + select {
        padding: 3px !important;
        font-size: 12px;
        float: right !important;
        width: 36% !important;
    }

.FluidToolPage .CompositionalTableC input {
    width: 56%;
    margin-left: 6px;
}

.FluidToolPage .CheckBoxText {
    float: left;
    margin: 0 0 0 10px;
}

    .FluidToolPage .CheckBoxText input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-top: 2px;
    }

.BtnDivMargin {
    margin: 6px 0;
}

fieldset.BorderDiv {
    border: 1px solid silver !important;
    padding: 0.5% !important;
    margin: 1% !important;
}

.padding_5 {
    padding: 5px;
}

.FieldsetRowMargin .row {
    padding: 0 6px !important;
}

.TopLeftSubList li a {
    font-size: 12px !important;
}

.WidthPOp label {
    font-weight: normal !important;
}


.GraphPopupDesign {
}

    .GraphPopupDesign label {
        width: 100px;
    }

.GraphPopupDesignPaddingLeft tr td {
    padding-left: 4px;
}

    .GraphPopupDesignPaddingLeft tr td + td {
        padding-left: 0px;
        width: 26%;
    }

        .GraphPopupDesignPaddingLeft tr td + td + td {
            padding-left: 0px;
            width: 35%;
        }

.GraphPopupDesign input[type="text"], .GraphPopupDesign select {
    width: 82% !important;
    float: left !important;
    margin: 2px 0;
}

.wrapLabel {
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.alertify-button {
    margin: 0px 0px 4px 0px !important;
}

.routeEventIdentifyLocation {
    background-image: url(images/RouteEventIdentifyLocation32.png);
    width: 32px;
    height: 32px;
}

.routeEventMakeRoute {
    background-image: url(images/RouteEventMakeRoute32.png);
    width: 32px;
    height: 32px;
}

.routeEventDefineLine {
    background-image: url(images/RouteEventDefineLine32psd.png);
    width: 32px;
    height: 32px;
}

.barrierEdge {
    background-image: url(images/UtilityNetworkBarrierEdgeAddTool32.png);
    width: 32px;
    height: 32px;
}

.barrierJunction {
    background-image: url(images/UtilityNetworkBarrierJunctionAddTool32.png);
    width: 32px;
    height: 32px;
}

.addEdge {
    background-image: url(images/UtilityNetworkEdgeAddTool32.png);
    width: 32px;
    height: 32px;
}

.addJunction {
    background-image: url(images/UtilityNetworkJunctionAddTool32.png);
    width: 32px;
    height: 32px;
}

.solve {
    background-image: url(images/UtilityNetworkSolve32.png);
    width: 32px;
    height: 32px;
}

.k-i-edit {
    background-color: transparent !important;
    background-image: url('images/edit-icon.png') !important;
}


/**********************************************/

.UnitTab h1 {
    font-size: 28px;
}

.UnitTab .row {
    margin: 2px 0;
}

    .UnitTab .row .col-lg-5, .UnitTab .row .col-lg-3, .UnitTab .row .col-lg-12, .UnitTab .row .col-lg-11 {
        padding: 0 10px;
    }

        .UnitTab .row .col-lg-5 .form-control {
            width: 90%;
        }

.UnitTab label {
    font-weight: normal !important;
}

.UnitTab .BorderDiv {
    border: 1px solid silver;
    padding: 6px;
    margin: 0px;
}

.UnitTab .width5050 {
    width: 48%;
    float: left;
}
/*@media only screen and (min-width:300px) and (max-width:600px){
    .UnitTab .width5050 {
    width: 98%;
    float: left;
}
}*/

.CustomGirdTable table {
    width: 99%;
    margin: 8px auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.CustomGirdTable thead tr {
    background-color: #e5e5e5;
}

.CustomGirdTable tr td {
    padding: 2px;
}

.CustomGirdTable td:nth-child(1), .CustomGirdTable th:nth-child(1) {
    width: 15% !important;
    text-align: left !important;
    text-align: center !important;
}

.CustomGirdTable td:nth-child(2), .CustomGirdTable th:nth-child(2) {
    width: 55% !important;
    text-align: left !important;
}

.CustomGirdTable td:nth-child(3), .CustomGirdTable th:nth-child(3) {
    width: 30% !important;
    text-align: left !important;
}

/* cut*/

.CustomGirdUnitProTable table {
    width: 99%;
    margin: 8px auto;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.CustomGirdUnitProTable thead tr {
    background-color: #e5e5e5;
}

.CustomGirdUnitProTable tr td {
    padding: 6px;
}

.CustomGirdUnitProTable td:nth-child(1), .CustomGirdTable th:nth-child(1) {
    width: 10% !important;
    text-align: left !important;
    text-align: center !important;
}

.CustomGirdUnitProTable td:nth-child(2), .CustomGirdTable th:nth-child(2) {
    width: 30% !important;
    text-align: left !important;
}

.CustomGirdUnitProTable td:nth-child(3), .CustomGirdTable th:nth-child(3) {
    width: 25% !important;
    text-align: left !important;
}

.CustomGirdUnitProTable td:nth-child(4), .CustomGirdTable th:nth-child(4) {
    width: 10% !important;
    text-align: center !important;
}

.CustomGirdUnitProTable td:nth-child(5), .CustomGirdTable th:nth-child(5) {
    width: 15% !important;
    text-align: center !important;
}
/*hdfd*/
.icon_Edit, .icon_edit_button {
    background-image: url("../images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 8px !important;
    background-position: 1px 8px 6px 13px !important;
    font-size: 13px;
    box-sizing: unset;
    min-width: 5px !important;
    border: none !important;
    background-color: transparent !important;
}

.icon_Delete, .button_delete {
    background-image: url("../images/icon_delete.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 8px !important;
    background-position: 1px 8px 6px 13px !important;
    font-size: 13px;
    box-sizing: unset;
    margin-left: -5px !important;
    min-width: 5px !important;
    border: none !important;
    background-color: transparent !important;
}

.icon_edit_button_white {
    background-image: url(images/edit-icon-white.png) !important;
    background-repeat: no-repeat !important;
    padding: 1px 8px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
    min-width: 5px !important;
    background-color: transparent;
    border: none;
    float: right;
    margin-top: -2px;
    margin-right: 0% !important;
}

.SPGravityPopupStyle input.text_field[type="text"] {
    margin: 0px !important;
    padding: 0px 2px !important;
}

.SPGravityPopupStyleinput .login_button {
    height: auto !important;
}

.button_delete_white {
    background-image: url("images/icn_delete_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 8px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
    min-width: 5px !important;
    background-color: transparent;
    border: none;
    float: right;
    margin-top: -2px;
    margin-right: 1% !important;
}
legend .button_delete_white {
    background-image: url("images/icn_delete_white.png") !important;
    background-repeat: no-repeat !important;
    padding: 5px 8px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
    min-width: 5px !important;
    background-color: transparent;
    border: none;
    float: right;
    margin-top: -2px;
    margin-right: 1% !important;
}
legend .icon_edit_button_white {
    background-image: url(images/edit-icon-white.png) !important;
    background-repeat: no-repeat !important;
    padding: 5px 8px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
    min-width: 5px !important;
    background-color: transparent;
    border: none;
    float: right;
    margin-top: -2px;
    margin-right: 0% !important;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px !important;
    height: auto;
    line-height: 1.42857;
    padding: 1px 3px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.TitleHeading {
    background-color: #4d70c1;
    color: #fff !important;
    width: 100%;
    margin: 0 0 0 0px;
    padding: 2px 0;
    font-size: 12px !important;
}

.InnerFieldSet .TitleHeading {
    width: 97.5% !important;
}

.InnerFieldSet table tr td, .FieldsetRowMargin table tr td {
    margin-bottom: 4px !important;
    padding: 0 6px;
}

.Width50Percent {
    width: 50%;
}

fieldset.BorderDivTransparent {
    border: 1px solid transparent !important;
    padding: 0.5% !important;
    margin: 1% !important;
}

.download_class {
    background-image: url("../images/icon_download.png") !important;
    background-repeat: no-repeat !important;
    padding: 18px 32px 18px 23px !important;
    background-position: 4px 5px !important;
    font-size: 13px !important;
    background-size: 28px;
}

.SildeNavMoveSmall {
    padding-left: 0;
    padding-top: 0px;
    padding-right: 0;
    margin-left: 0;
    height: 100%;
    overflow-x: hidden;
    margin-top: 40px;
    width: 10px;
    transition: all .35s;
    border-right: 1px solid #b9b9b9;
    margin-right: 4px;
}

    .SildeNavMoveSmall:hover {
        margin-left: 0;
        transition: all .35s;
        width: auto;
    }

    .SildeNavMoveSmall .fa-thumb-tack {
        font-size: 12px;
        margin: 0 4px 0 0;
        cursor: pointer;
    }

.SildeNavMoveSmallBig {
    padding-left: 0;
    padding-top: 0px;
    padding-right: 0;
    margin-left: 0;
    height: 95%;
    overflow-x: hidden;
    margin-top: 60px;
    margin-left: 0px;
    transition: none;
    border-right: 1px solid #b9b9b9;
    margin-right: 4px;
    position: absolute;
    z-index: 1;
}

#contentPane {
    margin-top: 60px !important;
    background-color: #f2f2f2;
}

.SildeNavMoveSmall .fa-thumb-tack {
    transform: rotate(35deg);
}

.InfmPopupDesign {
    width: 300px;
    right: 0px;
    border: 2px solid grey;
    padding-bottom: 6px;
    position: absolute;
    top: 42px;
    z-index: 9999;
    background: white;
}

    .InfmPopupDesign .TitleHeading {
        background-color: #4d70c1;
        color: #fff;
        width: 100%;
        margin: 0 0 0 0px;
        padding: 2px 0;
        text-align: right;
        padding-right: 6px;
    }

    .InfmPopupDesign .LinkBtn {
        font-size: 18px;
        color: #fff;
        text-align: right;
    } 

.InfmPopupDesignColumn {
    border-bottom: 2px solid #000;
    float: left;
    width: 96%;
    padding: 6px;
    margin: 6px;
}

    .InfmPopupDesignColumn b {
        margin-bottom: 8px;
        float: left;
        width: 100%;
    }

    .InfmPopupDesignColumn p {
        float: left;
        width: 100%;
    }

.maxDepthRowStyle {
    background-color: orangered;
}

.PopupLabelSize {
    width: 100px;
    float: left;
}

.sline .DateValidate {
    width: auto !important;
}


.ShowClass {
    display: block !important;
}

.HideClass {
    display: none !important;
}

.disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #DCDCDC;
    color: white;
}

.enabled {
    /*opacity: .5;*/
    cursor: pointer;
    pointer-events: visible;
    /*background-color:grey;*/
    /*color:white*/;
}

.desktopLicenseValidate {
    opacity: .5;
    pointer-events: none;
}


.DesktopValidate .panel-heading a.active {
    background-color: #8d8f91;
    color: #fff;
    font-size: 18px;
}

.DesktopValidate .btn {
    padding: 6px;
    font-size: 22px;
    width: 70%;
    letter-spacing: 0.5px;
    margin: 6px;
}

.DesktopValidate .LinceneBlock {
    background-color: #fff;
    /*padding: 23px;*/
    width: 528px;
    margin: 0 auto;
    text-align: center;
}

.DesktopValidate .RedText {
    color: red;
}

.DesktopValidate .LinceneBlock p {
    margin-bottom: 6px;
    line-height: 26px;
}

.LightBlueBtn {
    background-color: #FFFFFF;
    border: 2px solid #08406F;
    border-radius: 5px;
    font-size: 14px;
    color: #08406F;
    font-weight: 600;
    font-family: 'Inter' !important;
    cursor: pointer;
}

    .LightBlueBtn:hover {
        background-color: #C1CFDB !important;
    }

.GrayButton {
    background-color: #FFFFFF;
    border: 2px solid #C5C5C5;
    border-radius: 5px;
    font-size: 14px;
    color: #08406F;
    font-weight: 600;
    font-family: 'Inter' !important;
    cursor: pointer;
}

.GrayButton:hover {
    border: 2px solid #08406F;
    background-color: #C1CFDB !important;
    color: #08406F;
}

.BlueBackgroundBtn {
    background-color: #08406F;
    border: 2px solid #08406F;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 600;
    margin-left: 8px;
    cursor: pointer;
    font-family: 'Inter' !important;
}

    .BlueBackgroundBtn:hover {
        background-color: #1B65A4 !important;
    }

.selectionSloveData {
    width: 90% !important;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #000;
    height: 25px !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 2px !important;
}

.selectionUnitsMeasure {
    background: transparent;
    border: none;
    color: #767676;
    margin-top: 7px;
    font-size: 8px;
}

.k-radio:checked {
    border-color: #C5C5C5 !important;
    background-color: #fff !important;
}

.k-radio::before {
    background-color: #08406F !important;
}

.spanText {
    font-family: 'Inter';
}

.DataTableStyle div.k-grid-header, .DataTableStyle div.k-grid-footer {
    padding-right: 0px !important;
}

.DataTableStyle div.k-grid-content {
    overflow-y: hidden !important;
}

.DataTableStyle .k-alt {
    background-color: #FFF !important;
}

.DataTableStyle .k-master-row {
    background-color: #FFF !important;
    height: 48px;
}

.DataTableStyle .k-state-selected {
    color: #000 !important;
    background-color: #F6F8FA !important;
    border-color: #F6F8FA !important;
}

.k-checkbox:checked {
    background-color: #08406F !important;
    border-color: #08406F !important;
}

.DataTableStyle tbody tr:hover, .DataTableStyle tbody tr:hover td {
    background-color: #F6F8FA !important;
    color: #000;
}

.DataTableStyle .k-grid-header:first-child th.k-header:first-child {
    background: #EEF2F6 !important;
    border-color: #EEF2F6 !important;
}

.k-grid tr .checkbox-align {
    text-align: center;
    vertical-align: middle;
    padding-bottom: 4px;
}

.DataTableStyle .k-detail-row {
    background: #F9F9F9;
}

.GridLoadTableStyle div.k-grid-header, .DataTableStyle div.k-grid-footer {
    padding-right: 0px !important;
    padding: 10px;
    background: #EEF2F6 !important;
    color: #000;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
}

.GridLoadTableStyle div.k-grid-content {
    overflow-y: auto !important;
}

.GridLoadTableStyle .k-alt {
    background-color: #FFF !important;
}

.GridLoadTableStyle .k-master-row {
    background-color: #FFF !important;
    height: 48px;
}

.GridLoadTableStyle .k-state-selected {
    color: #000 !important;
    background-color: #F6F8FA !important;
    border-color: #F6F8FA !important;
}

.GridLoadTableStyle tbody tr:hover, .DataTableStyle tbody tr:hover td {
    background-color: #F6F8FA !important;
    color: #000;
}

.GridLoadTableStyle .k-grid-header th.k-header {
    background: #EEF2F6 !important;
    border: none;
}

.hddTable {
    font-family: 'Inter' !important;
}

.hddTable thead {
    border: 1px solid #c5c5c5; 
    background-color: #EEF2F6;
    height: 45px;
}

.hddTable thead th {
    border-right: none;
    color: #000;
    font-family: 'Inter';
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    vertical-align: top !important;
}

.hddTable tbody tr {
    font-family: 'Inter';
    font-size: 12px !important;
    height: 45px;
    border: 1px solid #c5c5c5;
}

.hddTable tbody tr td {
    vertical-align: middle;
}

.hddTable.table-hover > tbody > tr:hover {
    background-color: #f6f8fa !important;
}

.inputTable {
    background: transparent;
    border: none;
    width: 70%;
}

.inputTable:focus {
    border: 1px solid #CACFDB;
}

/************************** Print Report Btn Div **************************/
.PrintReportSubBtn {
    background-color: #FFFFFF;
    border-bottom: 2px solid #417fd5;
    border-top: 2px solid #417fd5;
    display: none;
    float: left;
    margin-left: 0px;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    width: 38px;
    box-shadow: 3px 3px 9px #666666;
    z-index: 999999;
}

    .PrintReportSubBtn input[type="button"] {
        margin: 0 !important;
    }

.PrintReport_btn {
    background-image: url(images/download_icon.png);
    border: 0;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.PrintReportBtnDiv:hover  .PrintReportSubBtn {
    display: block;
}

.RStrengPrintReportBtnDiv .PrintReportBtnDiv {
    float: right;
    margin: 5px 2px 0px 5px;
    position: relative;
}

.Doc_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/doc_icon.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 100%;
    text-indent: 34px;
    font-weight: bold;
    border-bottom: 1px solid #417fd5;
    background-size: 24px;
    filter: grayscale(100%);
}

.Exc_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/exc_icon.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 100%;
    text-indent: 34px;
    font-weight: bold;
    border-bottom: 1px solid #417fd5;
    background-size: 24px;
    filter: grayscale(100%);
}

.PowerPoint_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/ppt_icon.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 100%;
    text-indent: 34px;
    font-weight: bold;
    border-bottom: 1px solid #417fd5;
    background-size: 24px;
    filter: grayscale(100%);
}

.Delete_Entity_btn {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/icon_delete.png") !important;
    /*background-image: url("images/ppt_icon.png");*/
    background-position: 6px 7px;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 36px;
    width: 100%;
    text-indent: 34px;
    font-weight: bold;
    border-bottom: 1px solid #417fd5;
    background-size: 24px;
    filter: grayscale(100%);
}

.Doc_btn:hover, .Exc_btn:hover, .PowerPoint_btn:hover {
    filter: none;
}

/*************************** Rstreng Page Style***************************/
.RstrengPageStyle {
}

    .RstrengPageStyle .k-grid-content {
        height: 88%;
    }

    .RstrengPageStyle .maxSPLowerRowStyle {
        color: red !important;
        font-weight: bold;
    }
    /*.panel-body {
        overflow-x: hidden;
        overflow-y: auto !important;
    }*/
    /*.RstrengPageStyle  #RStrengCase-list {
        overflow-x: hidden;
        overflow-wrap: break-word;
        overflow-y: auto;
        max-height: 400px;
    }*/

    .RstrengPageStyle .FullWidthDiv .Width130 {
        width: 139px !important;
    }

    .RstrengPageStyle .MultiPopupBlock .ResizeBlock .CalculationBlock input[type="text"], .RstrengPageStyle .MultiPopupBlock .ResizeBlock .CalculationBlock select {
        width: 42% !important;
    }

    .RstrengPageStyle .width_57 {
        width: 60px !important;
    }

    .RstrengPageStyle .width_115Imp {
        width: 115px !important;
    }

    .RstrengPageStyle .TableViewAsGrid tr td {
        width: 25.2% !important;
        float: left;
    }

        .RstrengPageStyle .TableViewAsGrid tr td + td {
            width: 33% !important;
        }

            .RstrengPageStyle .TableViewAsGrid tr td + td + td {
                width: 41.7% !important;
            }

    .RstrengPageStyle .CalculationBlock .tblCalculationspn tr td {
        padding: 2px 0px !important;
    }


    .RstrengPageStyle ​ .tblCalculationspn {
        width: 100% !important;
    }

    .RstrengPageStyle .tblCalculationspn tr td {
        width: 22% !important;
        float: left;
    }

        .RstrengPageStyle .tblCalculationspn tr td + td {
            width: 18% !important;
        }

            .RstrengPageStyle .tblCalculationspn tr td + td + td {
                width: 18% !important;
            }

                .RstrengPageStyle .tblCalculationspn tr td + td + td + td {
                    width: 19% !important;
                }

                    .RstrengPageStyle .tblCalculationspn tr td + td + td + td + td {
                        width: 23% !important;
                    }

    .RstrengPageStyle .RSSelectBox {
        float: left;
        font-size: 12px;
        padding-left: 4px;
    }

        .RstrengPageStyle .RSSelectBox .btn {
            cursor: pointer;
            padding: 3px 13px;
            font-size: 12px;
            background-color: gray;
        }

        .RstrengPageStyle .RSSelectBox .form-control {
            max-width: 150px;
            padding: 1px 2px !important;
        }

    .RstrengPageStyle .panel-heading {
        font-size: .9em;
        padding: 4px 15px 0px 5px !important;
    }

/************************** Steady Page Style *******************************/
.SteadyPageStyle {
    font-size: 12px !important;
}


    .SteadyPageStyle .k-grid tbody .k-button {
        color: #333;
    }

    .SteadyPageStyle .k-edit-form-container .k-button {
        color: #333;
    }

    .SteadyPageStyle .pull-right {
        padding-right: 7px !important;
    }

    .SteadyPageStyle .FaultcaseTemplate-list {
        height: 270px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }


    /*.SteadyPageStyle div.k-grid-header, .SteadyPageStyle div.k-grid-footer {
        padding-right: 0px !important;
    }*/



    .SteadyPageStyle .disabled {
        pointer-events: none;
        background-color: #cccccc !important;
        color: black;
    }


    .SteadyPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    /*#addPipelinebtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }*/

    .SteadyPageStyle .popupTLineEdit .HeaderBgNone .k-header, .SteadyPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .SteadyPageStyle .popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .SteadyPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .SteadyPageStyle .k-window {
        top: 44px !important;
    }
    /*to set pop editor size*/
    .SteadyPageStyle div.k-edit-form-container {
        width: auto;
    }


    .SteadyPageStyle .popupTLineEdit .k-header {
        background-color: #254117;
    }

    .SteadyPageStyle .example {
        height: 800px;
    }

#gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.SteadyPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


#tlineoptions h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 25px 0 8px 0;
}



#addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.SteadyPageStyle .tline {
    float: left;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

    .SteadyPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

.SteadyPageStyle .k-icon.k-clear-value.k-i-close {
    display: none !important;
}
/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.SteadyPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.SteadyPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.SteadyPageStyle #popupTLineEdit .HeaderBgNone .k-header, .SteadyPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.SteadyPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.SteadyPageStyle #ACMitWizardStep1 .wizardTitle, #ACMitWizardStep1 tr td {
    padding: 2px 6px;
}

.SteadyPageStyle #ACMitWizardStep1 input[type="radio"], #ACMitWizardStep1 input[type="checkbox"] {
    margin: 12px 0 0 !important;
    line-height: normal;
}

.SteadyPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.SteadyPageStyle .TelerikModalOverlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
    opacity: .9 !important;
    -moz-opacity: .9 !important;
}



.SteadyPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

/*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

.SteadyPageStyle .BodyTable {
    float: left;
    width: 100%;
}

    .SteadyPageStyle .BodyTable .k-edit-field, .SteadyPageStyle .BodyTable .k-edit-form-container .editor-field {
        float: left;
    }

.SteadyPageStyle .Label {
    width: 270px;
    font-weight: bold;
}

.SteadyPageStyle .Value {
    float: left;
    text-align: left;
    width: 96%;
}

.SteadyPageStyle .BodyTable tr td {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 2px 0;
}


/*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

.SteadyPageStyle .SubmitBtn {
    background-color: #157cf1 !important;
}

    .SteadyPageStyle .SubmitBtn:hover {
        background-color: #0c63c2 !important;
    }

.SteadyPageStyle .CancelBtn {
    background-color: #939393 !important;
    color: #fff !important;
}

    .SteadyPageStyle .CancelBtn:hover {
        background-color: #dbdbdb !important;
        color: #333 !important;
    }

/*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/



/********************************************/
.SteadyPageStyle #pipeTable table td + td input {
    float: none !important;
    padding: 1.5px;
}

.SteadyPageStyle .k-datepicker input {
    float: none;
}

.SteadyPageStyle .ElevationDefinitionRadioBlock {
    float: left;
    width: 66%;
    /*margin-left: 266px;*/
}

    .SteadyPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
        -moz-appearance: radio !important;
        height: 13px;
        float: left;
        text-align: left;
        width: 26px;
        margin-left: 0 !important;
    }

.SteadyPageStyle .ElevationDefinitionPopupBlock {
}

    .SteadyPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .SteadyPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
        width: 266px !important;
    }

    .SteadyPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
        width: 176px !important;
    }

    .SteadyPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
        width: 94px !important;
        min-width: auto !important;
    }

    .SteadyPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
        float: none !important;
    }

    .SteadyPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
        width: 246px !important;
    }
/****============================================****/
.SteadyPageStyle .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 0px !important;
    padding: 0px 0px !important;
    font-size: 13px;
    float: left;
    margin-left: 6px !important;
    width: 22px !important;
}

/*.SteadyPageStyle    #tabstrip {
        font-size: 13px;
    }*/

.SteadyPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .SteadyPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 2px;
    font-size: 10px;
    margin: 0;
}

    .SteadyPageStyle .PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .SteadyPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
        margin-right: 1px;
    }

.SteadyPageStyle .OutBloclTabList {
    background-color: #f5f5f5;
}

    .SteadyPageStyle .OutBloclTabList .tab-content {
        border: 1px solid #ddd;
        padding: 1%;
        background-color: #fff;
        min-height: 420px;
    }

.SteadyPageStyle .OutPutTabPanelBtnBlock {
    float: right;
}

    .SteadyPageStyle .OutPutTabPanelBtnBlock .btn {
        border: 1px solid #333 !important;
        color: #333 !important;
        padding: 2px 6px !important;
    }

.BodyTable tr td {
    padding-bottom: 4px;
}

.SteadyPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
}

.SteadyPageStyle .k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SteadyPageStyle .SSTabPanelBg {
    background-color: #f5f5f5;
}

    /*.SteadyPageStyle     .SSTabPanelBg .tab-content #transmission,
        .SteadyPageStyle    .SSTabPanelBg .tab-content #pipelines,
        .SteadyPageStyle    .SSTabPanelBg .tab-content #output,
         .SteadyPageStyle   .SSTabPanelBg .tab-content #mitigation {
            margin: 0px 6px 6px 6px;
            border: 1px solid #ddd;
            padding-top: 2px;
        }*/

    /*.SteadyPageStyle     .SSTabPanelBg .tab-content #output .OutBloclTabList {
                margin: 6px;
            }

               .SteadyPageStyle     .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                    min-height: 384px;
                    margin: 0 6px 6px 6px;
                }*/

    .SteadyPageStyle .SSTabPanelBg .nav-tabs {
        margin: 0 6px;
    }

    .SteadyPageStyle .SSTabPanelBg .nav > li > a, .FaultPageStylePT .SSTabPanelBg .nav > li > a {
        background: transparent;
        color: #333;
    }

.SteadyPageStyle .nav.SSTabPanelBg > li > a {
    color: #333;
}

.SteadyPageStyle .SSTabPanelBg .nav > li.active > a {
    background: #fff;
    color: #333;
}

/*.SteadyPageStyle  .tab-content #mitigation {
        padding-top: 8px;
    }*/

/*.SteadyPageStyle  #mitigation h3 {
        float: left;
        margin: 0;
        font-size: 17px;
        font-weight: bold;
    }*/

.SteadyPageStyle .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-left: 2px;
    height: 16px;
    float: right;
}

.SteadyPageStyle .BondConnectionsBlock {
    float: none;
    width: 300px;
    margin: 0 auto;
}

/*.SteadyPageStyle   #mitigation .BondConnectionsBlock h3 {
        float: left;
        margin: 0;
        font-size: 17px;
        font-weight: bold;
    }*/

.SteadyPageStyle .BondConnectionsInnerBlock {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #ccc;
    padding: 6px;
}

    .SteadyPageStyle .BondConnectionsInnerBlock ul {
        margin: 0;
        padding: 0;
    }

        .SteadyPageStyle .BondConnectionsInnerBlock ul li {
            margin: 4px 0;
            padding: 0;
            list-style-type: none;
        }

    .SteadyPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

.SteadyPageStyle .k-grid-header th.k-header {
    vertical-align: initial !important;
}

.SteadyPageStyle .ACconnectionList h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px !important;
    font-size: 13px !important;
}

/*.k-dropdown {
        max-width: 10em !important;
    }*/
/*#txtFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

/*.SteadyPageStyle   #txtFrequency_Steady-list {
        min-height: 70px !important;
        max-height: 70px !important;
    }

      .SteadyPageStyle  #tlineoptions-list {
        min-height: 200px !important;
        max-height: 200px !important;
    }

    .SteadyPageStyle    #voltoptions-list {
        min-height: 150px !important;
        max-height: 150px !important;
    }*/

/*.ACSteadyCase {
        overflow-y: auto;
        overflow-x: hidden;
    }*/
/*.SteadyPageStyle   #ACSteadyCase_Steady_listbox {
        height: 480px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }*/


/*.SteadyPageStyle   #gridster_tl_1 {
        left: 10px !important;
    }*/

.SteadyPageStyle body {
    font-size: 13px !important;
}

.SteadyPageStyle .icon_import {
    background-image: url("../images/import_file.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 1px 25px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.SteadyPageStyle .icon_Edit {
    background-image: url("../images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    width: 21px;
    box-sizing: unset;
    height: 20px;
}


.SteadyPageStyle .icon_Delete {
    background-image: url("../images/icon_delete.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    background-position: 4px 4px !important;
    font-size: 13px;
    box-sizing: unset;
    width: 21px;
    margin-left: -5px !important;
    height: 20px;
}
/*.k-animation-container{
        min-height:50px !important;
        max-height:50px !important;
    }*/
.SteadyPageStyle .containerCHK {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SteadyPageStyle .gridTranCube .k-grid-content {
    width: 100%;
    /*height: 152px;*/
    overflow: auto;
}

.SteadyPageStyle .mapContainerT .gmnoprint .gm-style-mtc div {
    height: 30px;
    font-size: 14px;
}

.SteadyPageStyle .gridster_TL ul li + label {
    height: 600px !important;
}

.SteadyPageStyle .SectionEditTable {
    width: 94%;
    margin: auto;
}

.SectionEditTable tr .noborder {
    height: 30px !important;
}

.SteadyPageStyle .TransmissionLinePopupTable {
    background-color: #fff;
}

    .SteadyPageStyle .TransmissionLinePopupTable tr td {
        padding: 4px;
    }

    .SteadyPageStyle .TransmissionLinePopupTable input {
        border: none;
    }

/*.SteadyPageStyle .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
}*/



.wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.SteadyPageStyle .wizard {
    height: 82%;
    width: 100%;
}

.SteadyPageStyle .wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.SteadyPageStyle .activewizardTitle {
    background-color: gray !important;
}

/*.SteadyPageStyle    #tblWizardTitle td:nth-child(1) {
        width: 33%;
    }

     .SteadyPageStyle   #tblWizardTitle td:nth-child(2) {
        width: 33%;
    }

     .SteadyPageStyle   #tblWizardTitle td:nth-child(3) {
        width: 33%;
    }

      .SteadyPageStyle  #WizardStep3 td:nth-child(10) {
        width: 30%;
    }

     .SteadyPageStyle   #WizardStep3 td:nth-child(10) {
        width: 70%;
    }

    .SteadyPageStyle    #navWizStep3 {
        font-size: 0.75em;
        width: 150px;
        margin-top: 10px;
    }

       .SteadyPageStyle     #navWizStep3 ul {
            margin: 0px;
            padding: 0px;
        }

        .SteadyPageStyle    #navWizStep3 li {
            list-style: none;
            border: 1px solid lightgray;
            border-collapse: collapse;
        }


        .SteadyPageStyle    #navWizStep3 a {
            color: black;
            cursor: pointer;
            display: block;
            height: 25px;
            line-height: 25px;
            text-indent: 10px;
            text-decoration: none;
            width: 100%;
        }

         .SteadyPageStyle   #navWizStep3 li:hover {
            background: gray;
            position: relative;
            color: white;
        }*/

.SteadyPageStyle .navWizStep3Active {
    background: gray;
    position: relative;
    color: white;
}

    .SteadyPageStyle .navWizStep3Active a {
        background: gray;
        color: white !important;
    }

.SteadyPageStyle .WizardStep2 td {
    padding: 0px !important;
    margin: 0px;
}

.SteadyPageStyle .WizardStep2 input[type="text"] {
    height: 20px;
    padding: 0px !important;
    padding-left: 5px !important;
    margin: 0px;
}



.SteadyPageStyle .dvSelectedPipe tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.SteadyPageStyle .dvSelectedPipe thead, #dvSelectedPipe tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

.SteadyPageStyle .tblStartPoint tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.tblStartPoint thead, .tblStartPoint tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

/* Definition Import */
/*.SteadyPageStyle    #FluidImportOpt {
        padding: 0;
        list-style: none;
        width: 26px;
        float: left;
        margin: 1px;
    }

          .SteadyPageStyle  #FluidImportOpt li {
            display: inline-block;
            position: relative;
            line-height: 21px;
            text-align: left;
        }

           .SteadyPageStyle     #FluidImportOpt li a {
                display: block;
                padding: 8px 10px !important;
                color: #333;
                text-decoration: none;
            }

            .SteadyPageStyle        #FluidImportOpt li a:hover {
                    color: #fff;
                    background: #939393;
                }

           .SteadyPageStyle     #FluidImportOpt li ul.dropdownFluidImportOpt {
                min-width: 155px; /* Set width of the dropdown 
                background: #f2f2f2;
                display: none;
                position: absolute;
                z-index: 999;
                left: 0;
                padding-left: 0px;
            }

             /*.SteadyPageStyle   #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
                display: block; /* Display the dropdown 
            }

             .SteadyPageStyle   #FluidImportOpt li ul.dropdownFluidImportOpt li {
                display: block;
            }*/

.SteadyPageStyle .example4 {
    height: 480px;
}

.SteadyPageStyle #lstBndConn {
    height: auto;
    max-height: 120px;
    overflow: auto;
    border: none;
    border-width: 1px;
    border-color: lightgray;
}


.SteadyPageStyle .connectionList {
    border: none;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 5px;
    float: left;
}

    .SteadyPageStyle .connectionList h3 {
        margin: 0;
        float: left;
        padding: 3px 5px 0 0;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
    }

/*.SteadyPageStyle     #gridsterdatainput .k-dropdown {
        max-width: 11em !important;
    }*/

.SteadyPageStyle .SteadyprofileTab {
}

    .SteadyPageStyle .SteadyprofileTab ul {
        margin: 0;
        padding: 0;
    }

        .SteadyPageStyle .SteadyprofileTab ul li {
            display: inline;
            text-decoration: none;
            list-style-type: none;
        }

    .SteadyPageStyle .SteadyprofileTab .Table1 tr td select {
        width: 90% !important;
    }

.k-list-container {
    overflow-y: auto !important;
}
/**************************** Fault Page Style **************************/
.FaultPageStyle {
    font-size: 12px !important;
}

    /*.FaultPageStyle .k-dropdown {
        max-width: 170px !important;
    }*/

    .FaultPageStyle .k-grid tbody .k-button {
        color: #333;
    }

    .FaultPageStyle .k-edit-form-container .k-button {
        color: #333;
    }

    .FaultPageStyle .fkPipeDefinitionIdfaultcls {
        height: 500px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .FaultPageStyle .disabled {
        pointer-events: none;
        background-color: #cccccc !important;
        color: black;
    }

    .FaultPageStyle #faultwires-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .FaultPageStyle #FaultcaseTemplate-list {
        height: 270px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .FaultPageStyle #ACFaultCase-list {
        height: 500px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .FaultPageStyle div.k-grid-header, .FaultPageStyle div.k-grid-footer {
        /*padding-right: 0px !important;*/
    }

    .FaultPageStyle #tlines-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .FaultPageStyle button,
    .FaultPageStyle input,
    .FaultPageStyle optgroup,
    .FaultPageStyle select,
    .FaultPageStyle textarea {
        margin: 0;
        font: inherit;
        /* color: inherit; */
    }


    /*#tlineoptionsFault_listbox {
    max-width: 15em !important;
    width: 100% !important;
         }*/

    .FaultPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    .FaultPageStyle .addPipelinebtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .FaultPageStyle #ssCase-list {
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: none;
        height: 400px !important;
    }


    /*.FaultPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 10px 1px 10px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
        height: 20px;
    }

    .FaultPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 13px 1px 10px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
        height: 20px;
    }*/
    .FaultPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
        height: 22px;
        width: 22px;
    }

    .FaultPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
        height: 22px;
        width: 22px;
    }


    .FaultPageStyle #popupTLineEdit .HeaderBgNone .k-header, .FaultPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .FaultPageStyle #popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .FaultPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .FaultPageStyle .k-window {
        top: 44px !important;
    }
/*to set pop editor size*/
div.k-edit-form-container {
    width: auto;
}


.FaultPageStyle #popupTLineEdit .k-header {
    background-color: #254117;
}

.FaultPageStyle .example {
    height: 800px;
}

.FaultPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.FaultPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.FaultPageStyle #tlineoptionsFault {
    padding: 1px 0 30px 30px;
}

    .FaultPageStyle #tlineoptionsFault h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 25px 0 8px 0;
    }



.FaultPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.FaultPageStyle .tline {
    float: left;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

    .FaultPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

.FaultPageStyle .k-icon.k-clear-value.k-i-close {
    display: none !important;
}
/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.FaultPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.FaultPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.FaultPageStyle #popupTLineEdit .HeaderBgNone .k-header, .FaultPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.FaultPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.FaultPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.FaultPageStyle .TelerikModalOverlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
    opacity: .9 !important;
    -moz-opacity: .9 !important;
}



.FaultPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

/*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

.FaultPageStyle .BodyTable {
    float: left;
    width: 100%;
}

    .FaultPageStyle .BodyTable .k-edit-field, .FaultPageStyle .BodyTable .k-edit-form-container .editor-field {
        float: left;
    }

.FaultPageStyle .Label {
    width: 270px;
    font-weight: bold;
}

.FaultPageStyle .Value {
    float: left;
    text-align: left;
    width: 96%;
}

.FaultPageStyle .BodyTable tr td {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 2px 0;
}

/*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

.FaultPageStyle .SubmitBtn {
    background-color: #157cf1 !important;
}

    .FaultPageStyle .SubmitBtn:hover {
        background-color: #0c63c2 !important;
    }

.FaultPageStyle .CancelBtn {
    background-color: #939393 !important;
    color: #fff !important;
}

    .FaultPageStyle .CancelBtn:hover {
        background-color: #dbdbdb !important;
        color: #333 !important;
    }

/*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/


.FaultPageStyle #busy {
    z-index: 9999999999999999999999 !important;
}

.FaultPageStyle #ModifiedZIndex {
    z-index: 999999999999999999 !important;
}

.FaultPageStyle #busy {
    z-index: 99999999999999999999 !important;
}

.FaultPageStyle #ModifiedZIndex {
    z-index: 999999999999999999 !important;
}


/********************************************/
.FaultPageStyle #pipeTable table td + td input {
    float: none !important;
    padding: 1.5px;
}

.FaultPageStyle .k-datepicker input {
    float: none;
}

.FaultPageStyle .ElevationDefinitionRadioBlock {
    float: left;
    width: 66%;
    /*margin-left: 266px;*/
}

    .FaultPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
        -moz-appearance: radio !important;
        height: 13px;
        float: left;
        text-align: left;
        width: 26px;
        margin-left: 0 !important;
    }

.FaultPageStyle .ElevationDefinitionPopupBlock {
}

    .FaultPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .FaultPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
        width: 266px !important;
    }

    .FaultPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
        width: 176px !important;
    }

    .FaultPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
        width: 94px !important;
        min-width: auto !important;
    }

    .FaultPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
        float: none !important;
    }

    .FaultPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
        width: 246px !important;
    }
/****============================================****/
.FaultPageStyle .k-grid tbody .k-button, .FaultPageStyle .k-ie8 .k-grid tbody button.k-button {
    min-width: 0px !important;
    padding: 0px 0px !important;
    font-size: 13px;
    float: left;
    margin-left: 4px !important;
    width: 22px;
    height: 22px;
}

.FaultPageStyle #tabstrip {
    font-size: 13px;
}

.FaultPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .FaultPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 2px;
    font-size: 10px;
    margin: 0;
}

    .FaultPageStyle .PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .FaultPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
        margin-right: 1px;
    }

.FaultPageStyle .OutBloclTabList {
    background-color: #f5f5f5;
}

    .FaultPageStyle .OutBloclTabList .tab-content {
        border: 1px solid #ddd;
        padding: 1%;
        background-color: #fff;
        min-height: 420px;
    }

.FaultPageStyle .OutPutTabPanelBtnBlock {
    float: right;
}

    .FaultPageStyle .OutPutTabPanelBtnBlock .btn {
        border: 1px solid #333 !important;
        color: #333 !important;
        padding: 2px 6px !important;
    }

.FaultPageStyle .OutPutTabPanelCheckBox {
}

    .FaultPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
    }

.k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-inline: none;
}

.FaultPageStyle .SSTabPanelBg {
    background-color: #f5f5f5;
}

    .FaultPageStyle .SSTabPanelBg .tab-content #transmission,
    .FaultPageStyle .SSTabPanelBg .tab-content #pipelines,
    .FaultPageStyle .SSTabPanelBg .tab-content #output,
    .FaultPageStyle .SSTabPanelBg .tab-content #mitigation {
        margin: 0px 6px 6px 6px;
        border: 1px solid #ddd;
        padding-top: 2px;
    }

        .FaultPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList {
            margin: 6px;
        }

            .FaultPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                min-height: 384px;
                margin: 0 6px 6px 6px;
            }

    .FaultPageStyle .SSTabPanelBg .nav-tabs {
        margin: 0 6px;
    }

    .FaultPageStyle .SSTabPanelBg .nav > li > a {
        background: transparent;
        color: #333;
    }

    .FaultPageStyle .SSTabPanelBg .nav > li.active > a {
        background: #fff;
        color: #333;
    }

.FaultPageStyle .tab-content #mitigation {
    padding-top: 8px;
}

.FaultPageStyle #mitigation h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.FaultPageStyle .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-left: 2px;
    height: 16px;
    float: right;
}

.FaultPageStyle .BondConnectionsBlock {
    float: none;
    width: 300px;
    margin: 0 auto;
}

.FaultPageStyle #mitigation .BondConnectionsBlock h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.FaultPageStyle .BondConnectionsInnerBlock {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #ccc;
    padding: 6px;
}

    .FaultPageStyle .BondConnectionsInnerBlock ul {
        margin: 0;
        padding: 0;
    }

        .FaultPageStyle .BondConnectionsInnerBlock ul li {
            margin: 4px 0;
            padding: 0;
            list-style-type: none;
        }

    .FaultPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

.FaultPageStyle .k-grid-header th.k-header {
    vertical-align: initial !important;
}

.FaultPageStyle .ACconnectionList h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px !important;
    font-size: 13px !important;
}

/*.FaultPageStyle .k-dropdown {
    max-width: 10em !important;
}*/
/*#txtFaultFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

.FaultPageStyle .txtFaultFrequency-list {
    min-height: 70px !important;
    max-height: 70px !important;
}

.FaultPageStyle #tlineoptionsFault-list {
    min-height: 200px !important;
    max-height: 200px !important;
}

.FaultPageStyle #voltoptionsFault-list {
    min-height: 150px !important;
    max-height: 150px !important;
}

.FaultPageStyle #gridster_tl_1 {
    left: 10px !important;
}

.FaultPageStyle .icon_import {
    background-image: url("../images/import_file.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 1px 25px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.FaultPageStyle .example {
    height: 600px;
}

.FaultPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.FaultPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.FaultPageStyle #tlineoptionsFault {
    padding: 1px 0 30px 30px;
}

    .FaultPageStyle #tlineoptionsFault h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 25px 0 8px 0;
    }



.FaultPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.FaultPageStyle .tline {
    float: left;
    margin: 30px 30px 120px 30px;
    text-align: center;
}

    .FaultPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.FaultPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.FaultPageStyle .k-readonly {
    color: gray;
    background-color: #dddddd;
}

.FaultPageStyle #tlineoptionsFault[readonly="readonly"], .FaultPageStyle input[readonly] {
    color: black;
    background-color: #dddddd;
}

.FaultPageStyle #dbExcelImp .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 0;
    background-color: transparent;
    width: 110px;
    float: left;
    margin: 0px 0 0 0px;
}

.FaultPageStyle #dbExcelImp .k-upload .k-upload-button {
    min-width: auto;
    height: auto;
}

.FaultPageStyle #dbExcelImp {
    display: block;
    width: 186px;
    float: right;
}

.FaultPageStyle #dbExcelImp {
    display: block;
    width: auto;
    float: right;
    margin: -2px 0 0 0;
}
    /*#dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, #dbExcelImp .k-upload-empty {
            width: 108px !important;
            float: right;
            margin: -12px 0 0 0;
            height: 24px;
        }*/
    .FaultPageStyle #dbExcelImp .k-widget, .FaultPageStyle #dbExcelImp .k-upload k-header, .FaultPageStyle #dbExcelImp .k-upload-empty {
        width: 58px !important;
        float: right;
        margin: 4px 0 0 0 0;
        height: 20px;
    }

.FaultPageStyle .ImportBlock button, html input[type="button"], .FaultPageStyle .ImportBlock input[type="reset"], .FaultPageStyle .ImportBlock input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    margin: 0px 0 0 0px !important;
}

.FaultPageStyle #dbExcelImp .k-button {
    color: #333;
    margin: 0px 0 0 0;
    padding: 1px 4px;
    font-size: 11px;
    font-weight: bold;
}

.FaultPageStyle table thead tr th {
    font-size: 12px;
    font-weight: normal;
    padding: 8px 0 8px 6px;
}


/***************** import latlone ***************/
.FaultPageStyle .ImportBlock {
    float: left;
    width: 92%;
    border: 2px solid #3a5598;
    padding: 4px;
}

    .FaultPageStyle .ImportBlock h5 {
        background-color: #3a5598;
        margin: -4px;
        color: #fff;
        padding: 6px;
        margin-bottom: 12px;
    }

/*.FaultPageStyle .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}*/

.FaultPageStyle .SizeLowBtn {
    float: right;
    width: 120px !important;
}

.FaultPageStyle .wizard {
    height: 82%;
    width: 100%;
}

.FaultPageStyle .wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.FaultPageStyle .activewizardTitle {
    background-color: gray !important;
}

.FaultPageStyle #tblWizardTitle td:nth-child(1) {
    width: 33%;
}

.FaultPageStyle #tblWizardTitle td:nth-child(2) {
    width: 33%;
}

.FaultPageStyle #tblWizardTitle td:nth-child(3) {
    width: 33%;
}

.FaultPageStyle #WizardStep3 td:nth-child(10) {
    width: 30%;
}

.FaultPageStyle #WizardStep3 td:nth-child(10) {
    width: 70%;
}

.FaultPageStyle #navWizStep3 {
    font-size: 0.75em;
    width: 150px;
    margin-top: 10px;
}

    .FaultPageStyle #navWizStep3 ul {
        margin: 0px;
        padding: 0px;
    }

    .FaultPageStyle #navWizStep3 li {
        list-style: none;
        border: 1px solid lightgray;
        border-collapse: collapse;
    }


    .FaultPageStyle #navWizStep3 a {
        color: black;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
    }

    .FaultPageStyle #navWizStep3 li:hover {
        background: gray;
        position: relative;
        color: white;
    }

.FaultPageStyle .navWizStep3Active {
    background: gray;
    position: relative;
    color: white;
}

    .FaultPageStyle .navWizStep3Active a {
        background: gray;
        color: white !important;
    }

.FaultPageStyle #WizardStep2 td {
    padding: 0px !important;
    margin: 0px;
}

.FaultPageStyle #WizardStep2 input[type="text"] {
    height: 20px;
    padding: 0px !important;
    padding-left: 5px !important;
    margin: 0px;
}



.FaultPageStyle #dvSelectedPipe tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

    .FaultPageStyle #dvSelectedPipe thead, .FaultPageStyle #dvSelectedPipe tbody tr {
        display: table;
        width: 100%;
        /*table-layout:fixed;*/
    }

.FaultPageStyle #tblStartPoint tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

    .FaultPageStyle #tblStartPoint thead, .FaultPageStyle #tblStartPoint tbody tr {
        display: table;
        width: 100%;
        /*table-layout:fixed;*/
    }

/* Definition Import */
.FaultPageStyle #FluidImportOpt {
    padding: 0;
    list-style: none;
    width: 26px;
    float: left;
    margin: 1px;
}

    .FaultPageStyle #FluidImportOpt li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .FaultPageStyle #FluidImportOpt li a {
            display: block;
            padding: 8px 10px !important;
            color: #333;
            text-decoration: none;
        }

            .FaultPageStyle #FluidImportOpt li a:hover {
                color: #fff;
                background: #939393;
            }

        .FaultPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt {
            min-width: 155px; /* Set width of the dropdown */
            background: #f2f2f2;
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
            padding-left: 0px;
        }

        .FaultPageStyle #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
            display: block; /* Display the dropdown */
        }

        .FaultPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt li {
            display: block;
        }

.FaultPageStyle .example4 {
    height: 480px;
}

.FaultPageStyle #lstBndConn {
    height: auto;
    max-height: 120px;
    overflow: auto;
    border: none;
    border-width: 1px;
    border-color: lightgray;
}


.FaultPageStyle .connectionList {
    border: none;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 5px;
    float: left;
}

    .FaultPageStyle .connectionList h3 {
        margin: 0;
        float: left;
        padding: 3px 5px 0 0;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
    }

.FaultPageStyle #gridsterdatainput .k-dropdown {
    max-width: 11em !important;
}

.FaultPageStyle #SteadyprofileTab {
}

    .FaultPageStyle #SteadyprofileTab ul {
        margin: 0;
        padding: 0;
    }

        .FaultPageStyle #SteadyprofileTab ul li {
            display: inline;
            text-decoration: none;
            list-style-type: none;
        }

    .FaultPageStyle #SteadyprofileTab .Table1 tr td select {
        width: 90% !important;
    }

/**************************** Borehole Stabilty Page Style **********************************/
.BoreholeStabiltyPageStyle {
}


.BoreholeStabiltyPageStyle .WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow: hidden !important;
}

    .BoreholeStabiltyPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .BoreholeStabiltyPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

.BoreholeStabiltyPageStyle .BorderDiv .row {
    margin-bottom: 3px;
}

            .BoreholeStabiltyPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .BoreholeStabiltyPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .BoreholeStabiltyPageStyle .BorderDiv .row .form-control, .BoreholeStabiltyPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .BoreholeStabiltyPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .BoreholeStabiltyPageStyle fieldset legend {
            display: block;
            width: auto;
            max-width: a;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .BoreholeStabiltyPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .BoreholeStabiltyPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }

    .BoreholeStabiltyPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .BoreholeStabiltyPageStyle #CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .BoreholeStabiltyPageStyle #CentrifugalCompressorAdiabaticHeadGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .BoreholeStabiltyPageStyle #MaximumAllowableandMinimumRequiredMudPressureCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts thead tr td, #tblItemRequestProducts thead tr th {
        background-color: #4d70c1 !important;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        text-transform: none;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts tr:nth-child(2n+1) {
        background-color: #f3f3f3;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts tr:nth-child(2n) {
        background-color: #fff;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts .form-control {
        width: 90%;
        margin: 6px auto 6px auto !important;
        padding: 6px 12px !important;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts .button_delete {
        float: none;
        border: none;
        background-color: transparent;
        margin: 2px 0 0 6px !important;
        padding: 0px 0px 0px 1px !important;
        background-size: 13px;
        width: 14px;
        height: 13px;
        padding: 0 !important;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts .icon_edit_button {
        float: none;
        border: none;
        background-color: transparent;
        margin: 2px 0 0 2px !important;
        padding: 0px 0px 0px 1px !important;
        background-size: 13px;
        width: 14px;
        height: 13px;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts tr td {
        padding: 2px 0;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 .form-control {
        width: 90%;
        margin: 4px auto 6px auto !important;
        padding: 1px 12px !important;
        HEIGHT: auto;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 thead tr td, #tblItemRequestProducts1 thead tr th {
        /*background-color: #4d70c1 !important;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        text-transform: none;*/
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 tr:nth-child(2n+1) {
        /*background-color: #f3f3f3;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;*/
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 tr:nth-child(2n) {
        /*background-color: #fff;*/
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 .form-control {
        width: 90%;
        margin: 6px auto 6px auto !important;
        padding: 1px 12px !important;
        border: none !important;
        background-color: transparent !important;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 .button_delete {
        float: none;
        border: none;
        background-color: transparent;
        margin-left: 6px;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 .icon_edit_button {
        float: none;
        border: none;
        background-color: transparent;
        margin-left: 6px;
        padding: 0px 0px 0px 21px !important;
    }

    .BoreholeStabiltyPageStyle #itmTable .icon_download_excelTemplate {
        background-image: url(images/DownloadTemplate.png) !important;
        background-repeat: no-repeat !important;
        padding: 1px 10px 18px 10px !important;
        background-position: 4px 5px !important;
        font-size: 20px !important;
        box-sizing: unset;
        background-size: 10px;
        float: left;
        margin-top: -2px;
    }

    .BoreholeStabiltyPageStyle #itmTable .ImportBg {
        height: 18px !important;
        background-position: center !important;
        background-size: 12px !important;
        background-image: url(images/import_file_white.png);
        float: left;
        width: 16px;
        background-repeat: no-repeat;
    }

    .BoreholeStabiltyPageStyle #itmTable .AddBg {
        height: 18px !important;
        background-position: center !important;
        background-size: 12px !important;
        background-image: url(images/add_white.png);
        float: left;
        width: 16px;
        background-repeat: no-repeat;
    }

    .BoreholeStabiltyPageStyle #itmTable1 .icon_download_excelTemplate {
        background-image: url(images/DownloadTemplate.png) !important;
        background-repeat: no-repeat !important;
        padding: 1px 10px 18px 10px !important;
        background-position: 4px 5px !important;
        font-size: 20px !important;
        box-sizing: unset;
        background-size: 10px;
        float: left;
        margin-top: -2px;
    }

    .BoreholeStabiltyPageStyle #itmTable1 .ImportBg {
        height: 18px !important;
        background-position: center !important;
        background-size: 12px !important;
        background-image: url(images/import_file_white.png);
        float: left;
        width: 16px;
        background-repeat: no-repeat;
    }

    .BoreholeStabiltyPageStyle #itmTable1 .AddBg {
        height: 18px !important;
        background-position: center !important;
        background-size: 12px !important;
        background-image: url(images/add_white.png);
        float: left;
        width: 16px;
        background-repeat: no-repeat;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts tr:hover {
        background: none repeat scroll 0 0 #ffffea;
    }

    .BoreholeStabiltyPageStyle #tblItemRequestProducts1 tr:hover {
        /*background: none repeat scroll 0 0 #ffffea;*/
    }

    .BoreholeStabiltyPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .BoreholeStabiltyPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .BoreholeStabiltyPageStyle .PopupDesignInputBlock input {
    }

    .BoreholeStabiltyPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .BoreholeStabiltyPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .BoreholeStabiltyPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .BoreholeStabiltyPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .BoreholeStabiltyPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .BoreholeStabiltyPageStyle .BorderDiv2 {
    }

    .BoreholeStabiltyPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .BoreholeStabiltyPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }
    /*#fkBoreholeDefinition_MaximumAllowableandMinimumRequiredMudPressure-list {
        width: 54% !important;
    background-color: white !important;
    }*/
    /*#fkBoreholeDefinition_MaximumAllowableandMinimumRequiredMudPressure-list {
        position: absolute;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 305px !important;
    display: none;
    overflow-y:scroll;
    margin-left: -4px !important;
    }*/
    .BoreholeStabiltyPageStyle .CustomfkBoreholeDefinition .k-dropdown {
        width: 100% !important;
    }

    .BoreholeStabiltyPageStyle .FieldsetRowMargin .col-lg-6 {
        padding-left: 0 !important;
    }
/************************* Cablein Conduits Page Style *******************************/
.CableinConduitsPageStyle {
}

    .CableinConduitsPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .CableinConduitsPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .CableinConduitsPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }



    .CableinConduitsPageStyle .BorderDiv .row {
        margin-bottom: 3px;
    }

            .CableinConduitsPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .CableinConduitsPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .CableinConduitsPageStyle .BorderDiv .row .form-control, .CableinConduitsPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .CableinConduitsPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

    /*.CableinConduitsPageStyle   fieldset legend {
            display: block;
            width: auto;
            max-width: a;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }*/
    .CableinConduitsPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .CableinConduitsPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }

    .CableinConduitsPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    /*#CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
      position: absolute;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 305px !important;
    display: none;
    overflow-y:scroll;
    margin-left: -4px !important;
    }*/

    /*#CentrifugalCompressorAdiabaticHeadGasCasesDLL-list {
       position: absolute;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 305px !important;
    display: none;
    overflow-y:scroll;
    margin-left: -4px !important;
    }*/

    .CableinConduitsPageStyle #InstallationofCablesinConduitsandPipesCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .CableinConduitsPageStyle #flotTip {
        z-index: 999999999999999999 !important;
    }

    .CableinConduitsPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .CableinConduitsPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .CableinConduitsPageStyle .PopupDesignInputBlock input {
    }

    .CableinConduitsPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .CableinConduitsPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .CableinConduitsPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .CableinConduitsPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .CableinConduitsPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .CableinConduitsPageStyle .BorderDiv2 {
    }

    .CableinConduitsPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .CableinConduitsPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }

    .CableinConduitsPageStyle .k-grid tbody .k-button {
        color: #333;
    }

    .CableinConduitsPageStyle .k-edit-form-container .k-button {
        color: #333;
    }

    .CableinConduitsPageStyle .disabled {
        pointer-events: none;
        background-color: #cccccc !important;
        color: black;
    }

    .CableinConduitsPageStyle #faultwires-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .CableinConduitsPageStyle #FaultcaseTemplate-list {
        height: 270px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .CableinConduitsPageStyle #ACFaultCase-list {
        height: 500px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .CableinConduitsPageStyle #tlines-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .CableinConduitsPageStyle button,
    .CableinConduitsPageStyle input,
    .CableinConduitsPageStyle optgroup,
    .CableinConduitsPageStyle select,
    .CableinConduitsPageStyle textarea {
        margin: 0;
        font: inherit;
        /* color: inherit; */
    }


    .CableinConduitsPageStyle .k-grid-content .k-auto-scrollable {
        height: 100% !important;
    }

    /*#tlineoptionsFault_listbox {
    max-width: 15em !important;
    width: 100% !important;
         }*/

    .CableinConduitsPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    .CableinConduitsPageStyle #addPipelinebtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .CableinConduitsPageStyle #ssCase-list {
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: none;
        height: 400px !important;
    }


    .CableinConduitsPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 12px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
    }

    .CableinConduitsPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 12px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
    }

    .CableinConduitsPageStyle #popupTLineEdit .HeaderBgNone .k-header, .CableinConduitsPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .CableinConduitsPageStyle #popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .CableinConduitsPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .CableinConduitsPageStyle .k-window {
        top: 44px !important;
    }
    /*to set pop editor size*/
    .CableinConduitsPageStyle div.k-edit-form-container {
        width: auto;
    }


    .CableinConduitsPageStyle #popupTLineEdit .k-header {
        background-color: #254117;
    }

    .CableinConduitsPageStyle .example {
        height: 800px;
    }

    .CableinConduitsPageStyle #gridTranCube .k-grid-content {
        min-height: 100px;
        max-height: 400px;
    }

    .CableinConduitsPageStyle .img {
        width: 180px;
        height: 280px;
        border: 2px solid #fff;
        box-shadow: 10px 10px 5px #ccc;
        -moz-box-shadow: 10px 10px 5px #ccc;
        -webkit-box-shadow: 10px 10px 5px #ccc;
        -khtml-box-shadow: 10px 10px 5px #ccc;
    }


    .CableinConduitsPageStyle #tlineoptionsFault {
        padding: 1px 0 30px 30px;
    }

        .CableinConduitsPageStyle #tlineoptionsFault h3 {
            font-size: 1em;
            font-weight: bold;
            margin: 25px 0 8px 0;
        }



    .CableinConduitsPageStyle #addTransmissionbtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .CableinConduitsPageStyle .tline {
        float: left;
        margin: 10px 10px 0px 10px;
        text-align: center;
    }

        .CableinConduitsPageStyle .tline img {
            display: block;
            margin-bottom: 10px;
        }

    .CableinConduitsPageStyle .k-icon.k-clear-value.k-i-close {
        display: none !important;
    }
    /*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

    .CableinConduitsPageStyle .k-colorpicker {
        vertical-align: top;
        margin: 5px 0;
    }

    .CableinConduitsPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    .CableinConduitsPageStyle #popupTLineEdit .HeaderBgNone .k-header, .CableinConduitsPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .CableinConduitsPageStyle #popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .CableinConduitsPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .CableinConduitsPageStyle .TelerikModalOverlay {
        filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
        opacity: .9 !important;
        -moz-opacity: .9 !important;
    }



    .CableinConduitsPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    /*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

    .CableinConduitsPageStyle .BodyTable {
        float: left;
        width: 100%;
    }

        .CableinConduitsPageStyle .BodyTable .k-edit-field, .BodyTable .k-edit-form-container .editor-field {
            float: left;
        }

    .CableinConduitsPageStyle .Label {
        width: 270px;
        font-weight: bold;
    }

    .CableinConduitsPageStyle .Value {
        float: left;
        text-align: left;
        width: 96%;
    }

    .CableinConduitsPageStyle .BodyTable tr td {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 12px !important;
        font-weight: 300 !important;
        margin: 2px 0;
    }

    /*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

    .CableinConduitsPageStyle .SubmitBtn {
        background-color: #157cf1 !important;
    }

        .CableinConduitsPageStyle .SubmitBtn:hover {
            background-color: #0c63c2 !important;
        }

    .CableinConduitsPageStyle .CancelBtn {
        background-color: #939393 !important;
        color: #fff !important;
    }

        .CableinConduitsPageStyle .CancelBtn:hover {
            background-color: #dbdbdb !important;
            color: #333 !important;
        }

    /*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/

    /********************************************/
    .CableinConduitsPageStyle #pipeTable table td + td input {
        float: none !important;
        padding: 1.5px;
    }

    .CableinConduitsPageStyle .k-datepicker input {
        float: none;
    }

    .CableinConduitsPageStyle .ElevationDefinitionRadioBlock {
        float: left;
        width: 66%;
        /*margin-left: 266px;*/
    }

        .CableinConduitsPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
            -moz-appearance: radio !important;
            height: 13px;
            float: left;
            text-align: left;
            width: 26px;
            margin-left: 0 !important;
        }

    .CableinConduitsPageStyle .ElevationDefinitionPopupBlock {
    }

        .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
            width: 266px !important;
        }

        .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
            width: 176px !important;
        }

        .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
            width: 94px !important;
            min-width: auto !important;
        }

        .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
            float: none !important;
        }

        .CableinConduitsPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
            width: 246px !important;
        }
    /****============================================****/
    .CableinConduitsPageStyle .k-grid tbody .k-button, .CableinConduitsPageStyle .k-ie8 .k-grid tbody button.k-button {
        min-width: auto;
        padding: 0px 4px;
        font-size: 13px;
    }

    .CableinConduitsPageStyle #tabstrip {
        font-size: 13px;
    }

    .CableinConduitsPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .CableinConduitsPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
        min-width: auto;
        padding: 0px 2px;
        font-size: 10px;
        margin: 0;
    }

        .CableinConduitsPageStyle .PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .CableinConduitsPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
            margin-right: 1px;
        }

    .CableinConduitsPageStyle .OutBloclTabList {
        background-color: #f5f5f5;
    }

        .CableinConduitsPageStyle .OutBloclTabList .tab-content {
            border: 1px solid #ddd;
            padding: 1%;
            background-color: #fff;
            min-height: 420px;
        }

    .CableinConduitsPageStyle .OutPutTabPanelBtnBlock {
        float: right;
    }

        .CableinConduitsPageStyle .OutPutTabPanelBtnBlock .btn {
            border: 1px solid #333 !important;
            color: #333 !important;
            padding: 2px 6px !important;
        }

    .CableinConduitsPageStyle .OutPutTabPanelCheckBox {
    }

        .CableinConduitsPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
        }

.k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.CableinConduitsPageStyle .SSTabPanelBg {
    background-color: #f5f5f5;
}

    .CableinConduitsPageStyle .SSTabPanelBg .tab-content #transmission,
    .CableinConduitsPageStyle .SSTabPanelBg .tab-content #pipelines,
    .CableinConduitsPageStyle .SSTabPanelBg .tab-content #output,
    .CableinConduitsPageStyle .SSTabPanelBg .tab-content #mitigation {
        margin: 0px 6px 6px 6px;
        border: 1px solid #ddd;
        padding-top: 2px;
    }

        .CableinConduitsPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList {
            margin: 6px;
        }

            .CableinConduitsPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                min-height: 384px;
                margin: 0 6px 6px 6px;
            }

    .CableinConduitsPageStyle .SSTabPanelBg .nav-tabs {
        margin: 0 6px;
    }

    .CableinConduitsPageStyle .SSTabPanelBg .nav > li > a {
        background: transparent;
        color: #333;
    }

    .CableinConduitsPageStyle .SSTabPanelBg .nav > li.active > a {
        background: #fff;
        color: #333;
    }

.CableinConduitsPageStyle .tab-content #mitigation {
    padding-top: 8px;
}

.CableinConduitsPageStyle #mitigation h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.CableinConduitsPageStyle .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-left: 2px;
    height: 16px;
    float: right;
}

.CableinConduitsPageStyle .BondConnectionsBlock {
    float: none;
    width: 300px;
    margin: 0 auto;
}

.CableinConduitsPageStyle #mitigation .BondConnectionsBlock h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.CableinConduitsPageStyle .BondConnectionsInnerBlock {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #ccc;
    padding: 6px;
}

    .CableinConduitsPageStyle .BondConnectionsInnerBlock ul {
        margin: 0;
        padding: 0;
    }

        .CableinConduitsPageStyle .BondConnectionsInnerBlock ul li {
            margin: 4px 0;
            padding: 0;
            list-style-type: none;
        }

    .CableinConduitsPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

.CableinConduitsPageStyle .k-grid-header th.k-header {
    vertical-align: initial !important;
}

.CableinConduitsPageStyle .ACconnectionList h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px !important;
    font-size: 13px !important;
}

/*.k-dropdown {
        max-width: 10em !important;
    }*/
/*#txtFaultFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

.CableinConduitsPageStyle #txtFaultFrequency-list {
    min-height: 70px !important;
    max-height: 70px !important;
}

.CableinConduitsPageStyle #tlineoptionsFault-list {
    min-height: 200px !important;
    max-height: 200px !important;
}

.CableinConduitsPageStyle #voltoptionsFault-list {
    min-height: 150px !important;
    max-height: 150px !important;
}

.CableinConduitsPageStyle #gridster_tl_1 {
    left: 10px !important;
}

.CableinConduitsPageStyle body {
    font-size: 13px !important;
}

.CableinConduitsPageStyle .icon_import {
    background-image: url("../images/import_file.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 1px 25px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.CableinConduitsPageStyle .example {
    height: 600px;
}

.CableinConduitsPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.CableinConduitsPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.CableinConduitsPageStyle #tlineoptionsFault {
    padding: 1px 0 30px 30px;
}

    .CableinConduitsPageStyle #tlineoptionsFault h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 25px 0 8px 0;
    }



.CableinConduitsPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.CableinConduitsPageStyle .tline {
    float: left;
    margin: 30px 30px 120px 30px;
    text-align: center;
}

    .CableinConduitsPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.CableinConduitsPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.CableinConduitsPageStyle .k-readonly {
    color: gray;
    background-color: #dddddd;
}

.CableinConduitsPageStyle #tlineoptionsFault[readonly="readonly"], .CableinConduitsPageStyle input[readonly] {
    color: black;
    background-color: #dddddd;
}

.CableinConduitsPageStyle #dbExcelImp .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 0;
    background-color: transparent;
    width: 110px;
    float: left;
    margin: 0px 0 0 0px;
}

.CableinConduitsPageStyle #dbExcelImp .k-upload .k-upload-button {
    min-width: auto;
    height: auto;
}

.CableinConduitsPageStyle #dbExcelImp {
    display: block;
    width: 186px;
    float: right;
}

.CableinConduitsPageStyle #dbExcelImp {
    display: block;
    width: auto;
    float: right;
    margin: -2px 0 0 0;
}
    /*#dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, #dbExcelImp .k-upload-empty {
            width: 108px !important;
            float: right;
            margin: -12px 0 0 0;
            height: 24px;
        }*/
    .CableinConduitsPageStyle #dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, .CableinConduitsPageStyle #dbExcelImp .k-upload-empty {
        width: 58px !important;
        float: right;
        margin: 4px 0 0 0 0;
        height: 20px;
    }

.CableinConduitsPageStyle .ImportBlock button, html input[type="button"], .CableinConduitsPageStyle .ImportBlock input[type="reset"], .ImportBlock input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    /*margin: -2px 0 0 8px !important;*/
}

.CableinConduitsPageStyle #dbExcelImp .k-button {
    color: #333;
    margin: 0px 0 0 0;
    padding: 1px 4px;
    font-size: 11px;
    font-weight: bold;
}

.CableinConduitsPageStyle table thead tr th {
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 8px 6px;
}


/***************** import latlone ***************/
.CableinConduitsPageStyle .ImportBlock {
    float: left;
    width: 92%;
    border: 2px solid #3a5598;
    padding: 4px;
}

    .CableinConduitsPageStyle .ImportBlock h5 {
        background-color: #3a5598;
        margin: -4px;
        color: #fff;
        padding: 6px;
        margin-bottom: 12px;
    }


.CableinConduitsPageStyle .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
}




.CableinConduitsPageStyle .wizard {
    height: 82%;
    width: 100%;
}

.CableinConduitsPageStyle .wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.CableinConduitsPageStyle .activewizardTitle {
    background-color: gray !important;
}

.CableinConduitsPageStyle #tblWizardTitle td:nth-child(1) {
    width: 33%;
}

.CableinConduitsPageStyle #tblWizardTitle td:nth-child(2) {
    width: 33%;
}

.CableinConduitsPageStyle #tblWizardTitle td:nth-child(3) {
    width: 33%;
}

.CableinConduitsPageStyle #WizardStep3 td:nth-child(10) {
    width: 30%;
}

.CableinConduitsPageStyle #WizardStep3 td:nth-child(10) {
    width: 70%;
}

.CableinConduitsPageStyle #navWizStep3 {
    font-size: 0.75em;
    width: 150px;
    margin-top: 10px;
}

    .CableinConduitsPageStyle #navWizStep3 ul {
        margin: 0px;
        padding: 0px;
    }

    .CableinConduitsPageStyle #navWizStep3 li {
        list-style: none;
        border: 1px solid lightgray;
        border-collapse: collapse;
    }


    .CableinConduitsPageStyle #navWizStep3 a {
        color: black;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
    }

    .CableinConduitsPageStyle #navWizStep3 li:hover {
        background: gray;
        position: relative;
        color: white;
    }

.CableinConduitsPageStyle .navWizStep3Active {
    background: gray;
    position: relative;
    color: white;
}

    .CableinConduitsPageStyle .navWizStep3Active a {
        background: gray;
        color: white !important;
    }

.CableinConduitsPageStyle #WizardStep2 td {
    padding: 0px !important;
    margin: 0px;
}

.CableinConduitsPageStyle #WizardStep2 input[type="text"] {
    height: 20px;
    padding: 0px !important;
    padding-left: 5px !important;
    margin: 0px;
}



.CableinConduitsPageStyle #dvSelectedPipe tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.CableinConduitsPageStyle #dvSelectedPipe thead, #dvSelectedPipe tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

.CableinConduitsPageStyle #tblStartPoint tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.CableinConduitsPageStyle #tblStartPoint thead, #tblStartPoint tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

/* Definition Import */
.CableinConduitsPageStyle #FluidImportOpt {
    padding: 0;
    list-style: none;
    width: 26px;
    float: left;
    margin: 1px;
}

    .CableinConduitsPageStyle #FluidImportOpt li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .CableinConduitsPageStyle #FluidImportOpt li a {
            display: block;
            padding: 8px 10px !important;
            color: #333;
            text-decoration: none;
        }

            .CableinConduitsPageStyle #FluidImportOpt li a:hover {
                color: #fff;
                background: #939393;
            }

        .CableinConduitsPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt {
            min-width: 155px; /* Set width of the dropdown */
            background: #f2f2f2;
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
            padding-left: 0px;
        }

        .CableinConduitsPageStyle #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
            display: block; /* Display the dropdown */
        }

        .CableinConduitsPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt li {
            display: block;
        }

.CableinConduitsPageStyle .example4 {
    height: 480px;
}

.CableinConduitsPageStyle #lstBndConn {
    height: auto;
    max-height: 120px;
    overflow: auto;
    border: none;
    border-width: 1px;
    border-color: lightgray;
}


.CableinConduitsPageStyle .connectionList {
    border: none;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 5px;
    float: left;
}

    .CableinConduitsPageStyle .connectionList h3 {
        margin: 0;
        float: left;
        padding: 3px 5px 0 0;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
    }

/*#gridsterdatainput .k-dropdown {
        max-width: 11em !important;
    }*/

/*#profileTab {
    }

        #profileTab ul {
            margin: 0;
            padding: 0;
        }

            #profileTab ul li {
                display: inline;
                text-decoration: none;
                list-style-type: none;
            }

        #profileTab .Table1 tr td select {
            width: 90% !important;
        }*/
.CableinConduitsPageStyle div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: hidden !important;
    outline: 0;
}

.CableinConduitsPageStyle .flot-base {
    direction: ltr;
    position: absolute;
    left: unset !important;
    /* left: 0px; */
    top: 3px;
    /* width: 321px; */
    /* height: 216px; */
}

/************************* Miscellaneous Page Style ******************************/
.MiscellaneousPageStyle {
}

    .MiscellaneousPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .MiscellaneousPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .MiscellaneousPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .MiscellaneousPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .MiscellaneousPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .MiscellaneousPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .MiscellaneousPageStyle .BorderDiv .row .form-control, .MiscellaneousPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }


    .MiscellaneousPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .MiscellaneousPageStyle fieldset legend {
            display: block;
            width: auto;
            max-width: a;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
}

.MiscellaneousPageStyle .NoBorderDiv .btn {
    cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
}

    .MiscellaneousPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .MiscellaneousPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }

    .MiscellaneousPageStyle #CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .MiscellaneousPageStyle #PumpOutputDuplexandTriplexCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .MiscellaneousPageStyle #SettlementAnalysisCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .MiscellaneousPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .MiscellaneousPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .MiscellaneousPageStyle .PopupDesignInputBlock input {
    }

    .MiscellaneousPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .MiscellaneousPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .MiscellaneousPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .MiscellaneousPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .MiscellaneousPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .MiscellaneousPageStyle .FieldsetRowMargin .col-lg-6 {
        padding-left: 0;
    }

    .MiscellaneousPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .MiscellaneousPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }
/*************************** Drilling Fluids Page Style *******************************/
.DrillingFluidsPageStyle {
}

    .DrillingFluidsPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .DrillingFluidsPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .DrillingFluidsPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .DrillingFluidsPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .DrillingFluidsPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .DrillingFluidsPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .DrillingFluidsPageStyle .BorderDiv .row .form-control, .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }
    .DrillingFluidsPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .DrillingFluidsPageStyle fieldset legend {
            display: block;
            width: auto;
            max-width: a;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .DrillingFluidsPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .DrillingFluidsPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
                 min-width: 30% !important;
        }*/
    .DrillingFluidsPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }

    .DrillingFluidsPageStyle #DrillingFluidQuantityRequirementsAnalysisCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .DrillingFluidsPageStyle #DrillingFluids–FrictionalPressureLossCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .DrillingFluidsPageStyle #CentrifugalCompressorRequiredAdiabaticHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .DrillingFluidsPageStyle .HeadingBgLine {
        display: block;
        width: auto;
        max-width: a;
        padding: 2px 6px 2px 14px;
        margin-bottom: 3px;
        font-size: 15px;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        border: none !important;
        background-color: #2b8abe;
        width: 101.2%;
        color: #fff;
        font-weight: bold;
        text-shadow: none !important;
        margin: 0 -5px;
    }

    .DrillingFluidsPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .DrillingFluidsPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .DrillingFluidsPageStyle .PopupDesignInputBlock input {
    }

    .DrillingFluidsPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .DrillingFluidsPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .DrillingFluidsPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .DrillingFluidsPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .DrillingFluidsPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .DrillingFluidsPageStyle .BorderDiv2 {
    }

    .DrillingFluidsPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .DrillingFluidsPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }

    .DrillingFluidsPageStyle .FieldsetRowMargin .col-lg-6 {
        padding-left: 0px;
    }

    .DrillingFluidsPageStyle .FieldsetRowMargin2 .col-lg-6 {
        padding-left: 9px;
    }

    .DrillingFluidsPageStyle .FieldsetRowMargin3 .col-lg-6 {
        padding-left: 0px;
    }

.CableinConduitsPageStyle .FieldsetRowMargin3 .col-lg-6 {
    padding-left: 6px;
}



/**********************************************/
.PlasticPipeWGPageStyle {
}

    .PlasticPipeWGPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .PlasticPipeWGPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .PlasticPipeWGPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .PlasticPipeWGPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .PlasticPipeWGPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .PlasticPipeWGPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .PlasticPipeWGPageStyle .BorderDiv .row .form-control, .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .PlasticPipeWGPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .PlasticPipeWGPageStyle fieldset legend {
            display: block;
            width: auto;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .PlasticPipeWGPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .PlasticPipeWGPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .PlasticPipeWGPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }

    .PlasticPipeWGPageStyle #CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .PlasticPipeWGPageStyle #CentrifugalCompressorAdiabaticHeadGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .PlasticPipeWGPageStyle #PEPipePullForceandInstallationStressesDynamicBoreholeDesignCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .PlasticPipeWGPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .PlasticPipeWGPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .PlasticPipeWGPageStyle .PopupDesignInputBlock input {
    }

    .PlasticPipeWGPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .PlasticPipeWGPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .PlasticPipeWGPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .PlasticPipeWGPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .PlasticPipeWGPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .PlasticPipeWGPageStyle .BorderDiv2 {
    }

    .PlasticPipeWGPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .PlasticPipeWGPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }

    .PlasticPipeWGPageStyle .k-grid tbody .k-button {
        color: #333;
    }

    .PlasticPipeWGPageStyle .k-edit-form-container .k-button {
        color: #333;
    }

    .PlasticPipeWGPageStyle .disabled {
        pointer-events: none;
        background-color: #cccccc !important;
        color: black;
    }

    .PlasticPipeWGPageStyle #faultwires-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .PlasticPipeWGPageStyle #FaultcaseTemplate-list {
        height: 270px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .PlasticPipeWGPageStyle #ACFaultCase-list {
        height: 500px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .PlasticPipeWGPageStyle #tlines-list {
        height: 250px !important;
        overflow-y: auto;
        overflow-x: auto;
    }

    .PlasticPipeWGPageStyle button,
    .PlasticPipeWGPageStyle input,
    .PlasticPipeWGPageStyle optgroup,
    .PlasticPipeWGPageStyle select,
    .PlasticPipeWGPageStyle textarea {
        margin: 0;
        font: inherit;
        /* color: inherit; */
    }


    .PlasticPipeWGPageStyle .k-grid-content .k-auto-scrollable {
        height: 100% !important;
    }

    /*#tlineoptionsFault_listbox {
    max-width: 15em !important;
    width: 100% !important;
         }*/

    .PlasticPipeWGPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    .PlasticPipeWGPageStyle #addPipelinebtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .PlasticPipeWGPageStyle #ssCase-list {
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: none;
        height: 400px !important;
    }


    .PlasticPipeWGPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 12px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
    }

    .PlasticPipeWGPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 12px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
    }

    .PlasticPipeWGPageStyle #popupTLineEdit .HeaderBgNone .k-header, .PlasticPipeWGPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .PlasticPipeWGPageStyle #popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .PlasticPipeWGPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .PlasticPipeWGPageStyle .k-window {
        top: 44px !important;
    }
    /*to set pop editor size*/
    .PlasticPipeWGPageStyle div.k-edit-form-container {
        width: auto;
    }


    .PlasticPipeWGPageStyle #popupTLineEdit .k-header {
        background-color: #254117;
    }

    .PlasticPipeWGPageStyle .example {
        height: 800px;
    }

    .PlasticPipeWGPageStyle #gridTranCube .k-grid-content {
        min-height: 100px;
        max-height: 400px;
    }

    .PlasticPipeWGPageStyle .img {
        width: 180px;
        height: 280px;
        border: 2px solid #fff;
        box-shadow: 10px 10px 5px #ccc;
        -moz-box-shadow: 10px 10px 5px #ccc;
        -webkit-box-shadow: 10px 10px 5px #ccc;
        -khtml-box-shadow: 10px 10px 5px #ccc;
    }


    .PlasticPipeWGPageStyle #tlineoptionsFault {
        padding: 1px 0 30px 30px;
    }

        .PlasticPipeWGPageStyle #tlineoptionsFault h3 {
            font-size: 1em;
            font-weight: bold;
            margin: 25px 0 8px 0;
        }

    .PlasticPipeWGPageStyle #addTransmissionbtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .PlasticPipeWGPageStyle .tline {
        float: left;
        margin: 10px 10px 0px 10px;
        text-align: center;
    }

        .PlasticPipeWGPageStyle .tline img {
            display: block;
            margin-bottom: 10px;
        }

    .PlasticPipeWGPageStyle .k-icon.k-clear-value.k-i-close {
        display: none !important;
    }
    /*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

    .PlasticPipeWGPageStyle .k-colorpicker {
        vertical-align: top;
        margin: 5px 0;
    }

    .PlasticPipeWGPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    .PlasticPipeWGPageStyle #popupTLineEdit .HeaderBgNone .k-header, .PlasticPipeWGPageStyle .HeaderBgNone .k-widget {
        background-color: transparent;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
    }

    .PlasticPipeWGPageStyle #popupTLineEdit .HeaderBgNone {
        background-color: transparent;
        vertical-align: top;
    }

    .PlasticPipeWGPageStyle .BtnStyleOne {
        color: #000 !important;
        border-color: transparent !important;
        background-image: none;
        background-position: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 300 !important;
        font-family: arial;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .PlasticPipeWGPageStyle .TelerikModalOverlay {
        filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
        opacity: .9 !important;
        -moz-opacity: .9 !important;
    }



    .PlasticPipeWGPageStyle .Title {
        float: left;
        width: 100%;
        color: #fff;
        letter-spacing: 0.5px;
        font-size: 1.2em;
        white-space: nowrap;
        background-color: #334e8f !important;
        text-align: left;
        padding: 10px 10px;
    }

    /*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

    .PlasticPipeWGPageStyle .BodyTable {
        float: left;
        width: 100%;
    }

        .PlasticPipeWGPageStyle .BodyTable .k-edit-field, .BodyTable .k-edit-form-container .editor-field {
            float: left;
        }

    .PlasticPipeWGPageStyle .Label {
        width: 270px;
        font-weight: bold;
    }

    .PlasticPipeWGPageStyle .Value {
        float: left;
        text-align: left;
        width: 96%;
    }

    .PlasticPipeWGPageStyle .BodyTable tr td {
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 12px !important;
        font-weight: 300 !important;
        margin: 2px 0;
    }

    /*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

    .PlasticPipeWGPageStyle .SubmitBtn {
        background-color: #157cf1 !important;
    }

        .PlasticPipeWGPageStyle .SubmitBtn:hover {
            background-color: #0c63c2 !important;
        }

    .PlasticPipeWGPageStyle .CancelBtn {
        background-color: #939393 !important;
        color: #fff !important;
    }

        .PlasticPipeWGPageStyle .CancelBtn:hover {
            background-color: #dbdbdb !important;
            color: #333 !important;
        }

    /*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/
    .PlasticPipeWGPageStyle div.k-window-content {
        position: relative;
        height: 100%;
        padding: .58em;
        overflow: hidden !important;
        outline: 0;
    }


    /********************************************/
    .PlasticPipeWGPageStyle #pipeTable table td + td input {
        float: none !important;
        padding: 1.5px;
    }

    .PlasticPipeWGPageStyle .k-datepicker input {
        float: none;
    }

    .PlasticPipeWGPageStyle .ElevationDefinitionRadioBlock {
        float: left;
        width: 66%;
        /*margin-left: 266px;*/
    }

        .PlasticPipeWGPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
            -moz-appearance: radio !important;
            height: 13px;
            float: left;
            text-align: left;
            width: 26px;
            margin-left: 0 !important;
        }

    .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock {
    }

        .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
            width: 266px !important;
        }

        .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
            width: 176px !important;
        }

        .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
            width: 94px !important;
            min-width: auto !important;
        }

        .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
            float: none !important;
        }

        .PlasticPipeWGPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
            width: 246px !important;
        }
    /****============================================****/
    .PlasticPipeWGPageStyle .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
        min-width: auto;
        padding: 0px 4px;
        font-size: 13px;
    }

    .PlasticPipeWGPageStyle #tabstrip {
        font-size: 13px;
    }

    .PlasticPipeWGPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .PlasticPipeWGPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
        min-width: auto;
        padding: 0px 2px;
        font-size: 10px;
        margin: 0;
    }

        .PlasticPipeWGPageStyle .PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .PlasticPipeWGPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
            margin-right: 1px;
        }

    .PlasticPipeWGPageStyle .OutBloclTabList {
        background-color: #f5f5f5;
    }

        .PlasticPipeWGPageStyle .OutBloclTabList .tab-content {
            border: 1px solid #ddd;
            padding: 1%;
            background-color: #fff;
            min-height: 420px;
        }

    .PlasticPipeWGPageStyle .OutPutTabPanelBtnBlock {
        float: right;
    }

        .PlasticPipeWGPageStyle .OutPutTabPanelBtnBlock .btn {
            border: 1px solid #333 !important;
            color: #333 !important;
            padding: 2px 6px !important;
        }

    .PlasticPipeWGPageStyle .OutPutTabPanelCheckBox {
    }

        .PlasticPipeWGPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
        }

    .PlasticPipeWGPageStyle .k-grid tbody tr td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .PlasticPipeWGPageStyle .SSTabPanelBg {
        background-color: #f5f5f5;
    }

        .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #transmission,
        .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #pipelines,
        .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #output,
        .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #mitigation {
            margin: 0px 6px 6px 6px;
            border: 1px solid #ddd;
            padding-top: 2px;
        }

            .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList {
                margin: 6px;
            }

                .PlasticPipeWGPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                    min-height: 384px;
                    margin: 0 6px 6px 6px;
                }

        .PlasticPipeWGPageStyle .SSTabPanelBg .nav-tabs {
            margin: 0 6px;
        }

        .PlasticPipeWGPageStyle .SSTabPanelBg .nav > li > a {
            background: transparent;
            color: #333;
        }

        .PlasticPipeWGPageStyle .SSTabPanelBg .nav > li.active > a {
            background: #fff;
            color: #333;
        }

    .PlasticPipeWGPageStyle .tab-content #mitigation {
        padding-top: 8px;
    }

    .PlasticPipeWGPageStyle #mitigation h3 {
        float: left;
        margin: 0;
        font-size: 17px;
        font-weight: bold;
    }

    .PlasticPipeWGPageStyle .eicebox_help {
        background-image: url("../../../images/icon_help.png") !important;
        padding: 0px 17px 3px 2px !important;
        background-color: transparent;
        border: 0;
        vertical-align: middle;
        cursor: pointer;
        background-size: 16px;
        background-repeat: no-repeat;
        margin-left: 2px;
        height: 16px;
        float: right;
    }

    .PlasticPipeWGPageStyle .BondConnectionsBlock {
        float: none;
        width: 300px;
        margin: 0 auto;
    }

    .PlasticPipeWGPageStyle #mitigation .BondConnectionsBlock h3 {
        float: left;
        margin: 0;
        font-size: 17px;
        font-weight: bold;
    }

    .PlasticPipeWGPageStyle .BondConnectionsInnerBlock {
        float: left;
        width: 100%;
        background-color: #fff;
        border: 1px dashed #ccc;
        padding: 6px;
    }

        .PlasticPipeWGPageStyle .BondConnectionsInnerBlock ul {
            margin: 0;
            padding: 0;
        }

            .PlasticPipeWGPageStyle .BondConnectionsInnerBlock ul li {
                margin: 4px 0;
                padding: 0;
                list-style-type: none;
            }

        .PlasticPipeWGPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
            position: relative;
            top: 2px;
        }

    .PlasticPipeWGPageStyle .k-grid-header th.k-header {
        vertical-align: initial !important;
    }

    .PlasticPipeWGPageStyle .ACconnectionList h3 {
        margin: 0;
        padding: 3px 5px 0 0;
        max-width: 96px;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal !important;
        text-transform: uppercase;
        color: #000000;
        font-size: 14px !important;
        font-size: 13px !important;
    }

    /*.k-dropdown {
        max-width: 10em !important;
    }*/
    /*#txtFaultFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

    .PlasticPipeWGPageStyle #txtFaultFrequency-list {
        min-height: 70px !important;
        max-height: 70px !important;
    }

    .PlasticPipeWGPageStyle #tlineoptionsFault-list {
        min-height: 200px !important;
        max-height: 200px !important;
    }

    .PlasticPipeWGPageStyle #voltoptionsFault-list {
        min-height: 150px !important;
        max-height: 150px !important;
    }

    .PlasticPipeWGPageStyle #gridster_tl_1 {
        left: 10px !important;
    }

    .PlasticPipeWGPageStyle body {
        font-size: 13px !important;
    }

    .PlasticPipeWGPageStyle .icon_import {
        background-image: url("../images/import_file.png") !important;
        background-repeat: no-repeat !important;
        padding: 1px 10px 1px 25px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
    }

    .PlasticPipeWGPageStyle .example {
        height: 600px;
    }

    .PlasticPipeWGPageStyle #gridTranCube .k-grid-content {
        min-height: 100px;
        max-height: 400px;
    }

    .PlasticPipeWGPageStyle .img {
        width: 180px;
        height: 280px;
        border: 2px solid #fff;
        box-shadow: 10px 10px 5px #ccc;
        -moz-box-shadow: 10px 10px 5px #ccc;
        -webkit-box-shadow: 10px 10px 5px #ccc;
        -khtml-box-shadow: 10px 10px 5px #ccc;
    }


    .PlasticPipeWGPageStyle #tlineoptionsFault {
        padding: 1px 0 30px 30px;
    }

        .PlasticPipeWGPageStyle #tlineoptionsFault h3 {
            font-size: 1em;
            font-weight: bold;
            margin: 25px 0 8px 0;
        }

    .PlasticPipeWGPageStyle #addTransmissionbtn {
        vertical-align: top;
        text-align: center;
        position: absolute;
        white-space: nowrap;
        cursor: pointer;
    }

    .PlasticPipeWGPageStyle .tline {
        float: left;
        margin: 30px 30px 120px 30px;
        text-align: center;
    }

        .PlasticPipeWGPageStyle .tline img {
            display: block;
            margin-bottom: 10px;
        }

    /*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

    .PlasticPipeWGPageStyle .k-colorpicker {
        vertical-align: top;
        margin: 5px 0;
    }

    .PlasticPipeWGPageStyle .k-readonly {
        color: gray;
        background-color: #dddddd;
    }

    .PlasticPipeWGPageStyle #tlineoptionsFault[readonly="readonly"], .PlasticPipeWGPageStyle input[readonly] {
        color: black;
        background-color: #dddddd;
    }

    .PlasticPipeWGPageStyle #dbExcelImp .k-dropzone {
        border-style: solid;
        border-width: 0;
        padding: 0;
        background-color: transparent;
        width: 110px;
        float: left;
        margin: 0px 0 0 0px;
    }

    .PlasticPipeWGPageStyle #dbExcelImp .k-upload .k-upload-button {
        min-width: auto;
        height: auto;
    }

    .PlasticPipeWGPageStyle #dbExcelImp {
        display: block;
        width: 186px;
        float: right;
    }

    .PlasticPipeWGPageStyle #dbExcelImp {
        display: block;
        width: auto;
        float: right;
        margin: -2px 0 0 0;
    }
        /*#dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, #dbExcelImp .k-upload-empty {
            width: 108px !important;
            float: right;
            margin: -12px 0 0 0;
            height: 24px;
        }*/
        .PlasticPipeWGPageStyle #dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, .PlasticPipeWGPageStyle #dbExcelImp .k-upload-empty {
            width: 58px !important;
            float: right;
            margin: 4px 0 0 0 0;
            height: 20px;
        }

    .PlasticPipeWGPageStyle .ImportBlock button, html input[type="button"], .PlasticPipeWGPageStyle .ImportBlock input[type="reset"], .ImportBlock input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
        /*margin: -2px 0 0 8px !important;*/
    }

    .PlasticPipeWGPageStyle #dbExcelImp .k-button {
        color: #333;
        margin: 0px 0 0 0;
        padding: 1px 4px;
        font-size: 11px;
        font-weight: bold;
    }

    .PlasticPipeWGPageStyle table thead tr th {
        font-size: 14px;
        font-weight: normal;
        padding: 8px 0 8px 6px;
    }


    /***************** import latlone ***************/
    .PlasticPipeWGPageStyle .ImportBlock {
        float: left;
        width: 92%;
        border: 2px solid #3a5598;
        padding: 4px;
    }

        .PlasticPipeWGPageStyle .ImportBlock h5 {
            background-color: #3a5598;
            margin: -4px;
            color: #fff;
            padding: 6px;
            margin-bottom: 12px;
        }


    .PlasticPipeWGPageStyle .k-grid-content {
        position: relative;
        width: 100%;
        overflow: auto;
        overflow-x: auto;
        overflow-y: auto;
        zoom: 1;
    }

    .PlasticPipeWGPageStyle .wizard {
        height: 82%;
        width: 100%;
    }

    .PlasticPipeWGPageStyle .wizardTitle {
        height: 30px;
        font-size: 20px;
        color: white;
        background-color: lightgray;
        border: 1px solid white;
    }

    .PlasticPipeWGPageStyle .activewizardTitle {
        background-color: gray !important;
    }

    .PlasticPipeWGPageStyle #tblWizardTitle td:nth-child(1) {
        width: 33%;
    }

    .PlasticPipeWGPageStyle #tblWizardTitle td:nth-child(2) {
        width: 33%;
    }

    .PlasticPipeWGPageStyle #tblWizardTitle td:nth-child(3) {
        width: 33%;
    }

    .PlasticPipeWGPageStyle #WizardStep3 td:nth-child(10) {
        width: 30%;
    }

    .PlasticPipeWGPageStyle #WizardStep3 td:nth-child(10) {
        width: 70%;
    }

    .PlasticPipeWGPageStyle #navWizStep3 {
        font-size: 0.75em;
        width: 150px;
        margin-top: 10px;
    }

        .PlasticPipeWGPageStyle #navWizStep3 ul {
            margin: 0px;
            padding: 0px;
        }

        .PlasticPipeWGPageStyle #navWizStep3 li {
            list-style: none;
            border: 1px solid lightgray;
            border-collapse: collapse;
        }


        .PlasticPipeWGPageStyle #navWizStep3 a {
            color: black;
            cursor: pointer;
            display: block;
            height: 25px;
            line-height: 25px;
            text-indent: 10px;
            text-decoration: none;
            width: 100%;
        }

        .PlasticPipeWGPageStyle #navWizStep3 li:hover {
            background: gray;
            position: relative;
            color: white;
        }

    .PlasticPipeWGPageStyle .navWizStep3Active {
        background: gray;
        position: relative;
        color: white;
    }

        .PlasticPipeWGPageStyle .navWizStep3Active a {
            background: gray;
            color: white !important;
        }

    .PlasticPipeWGPageStyle #WizardStep2 td {
        padding: 0px !important;
        margin: 0px;
    }

    .PlasticPipeWGPageStyle #WizardStep2 input[type="text"] {
        height: 20px;
        padding: 0px !important;
        padding-left: 5px !important;
        margin: 0px;
    }



    .PlasticPipeWGPageStyle #dvSelectedPipe tbody {
        display: block;
        max-height: 255px;
        overflow: auto;
    }

    .PlasticPipeWGPageStyle #dvSelectedPipe thead, #dvSelectedPipe tbody tr {
        display: table;
        width: 100%;
        /*table-layout:fixed;*/
    }

    .PlasticPipeWGPageStyle #tblStartPoint tbody {
        display: block;
        max-height: 255px;
        overflow: auto;
    }

    .PlasticPipeWGPageStyle #tblStartPoint thead, #tblStartPoint tbody tr {
        display: table;
        width: 100%;
        /*table-layout:fixed;*/
    }

    /* Definition Import */
    .PlasticPipeWGPageStyle #FluidImportOpt {
        padding: 0;
        list-style: none;
        width: 26px;
        float: left;
        margin: 1px;
    }

        .PlasticPipeWGPageStyle #FluidImportOpt li {
            display: inline-block;
            position: relative;
            line-height: 21px;
            text-align: left;
        }

            .PlasticPipeWGPageStyle #FluidImportOpt li a {
                display: block;
                padding: 8px 10px !important;
                color: #333;
                text-decoration: none;
            }

                .PlasticPipeWGPageStyle #FluidImportOpt li a:hover {
                    color: #fff;
                    background: #939393;
                }

            .PlasticPipeWGPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt {
                min-width: 155px; /* Set width of the dropdown */
                background: #f2f2f2;
                display: none;
                position: absolute;
                z-index: 999;
                left: 0;
                padding-left: 0px;
            }

            .PlasticPipeWGPageStyle #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
                display: block; /* Display the dropdown */
            }

            .PlasticPipeWGPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt li {
                display: block;
            }

    .PlasticPipeWGPageStyle .example4 {
        height: 480px;
    }

    .PlasticPipeWGPageStyle #lstBndConn {
        height: auto;
        max-height: 120px;
        overflow: auto;
        border: none;
        border-width: 1px;
        border-color: lightgray;
    }


    .PlasticPipeWGPageStyle .connectionList {
        border: none;
        position: relative;
        width: auto;
        height: 20px;
        margin: 0;
        padding: 5px;
        float: left;
    }

        .PlasticPipeWGPageStyle .connectionList h3 {
            margin: 0;
            float: left;
            padding: 3px 5px 0 0;
            overflow: hidden;
            line-height: 1.1em;
            font-size: .9em;
            font-weight: normal;
            text-transform: uppercase;
            color: #000000;
        }

/*#gridsterdatainput .k-dropdown {
        max-width: 11em !important;
    }*/

/*#profileTab {
    }

        #profileTab ul {
            margin: 0;
            padding: 0;
        }

            #profileTab ul li {
                display: inline;
                text-decoration: none;
                list-style-type: none;
            }

        #profileTab .Table1 tr td select {
            width: 90% !important;
        }*/
/***************************************************/
.PlasticPipeWOGPageStyle {
}

    .PlasticPipeWOGPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .PlasticPipeWOGPageStyle .spnPass {
        color: #1c6f16 !important;
        font-weight: bold !important;
    }

    .PlasticPipeWOGPageStyle .spnFail {
        color: #ff0000 !important;
        font-weight: bold !important;
    }

    .PlasticPipeWOGPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .PlasticPipeWOGPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .PlasticPipeWOGPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .PlasticPipeWOGPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .PlasticPipeWOGPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .PlasticPipeWOGPageStyle .BorderDiv .row .form-control, .PlasticPipeWOGPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .PlasticPipeWOGPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .PlasticPipeWOGPageStyle fieldset legend {
            display: block;
            width: auto;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .PlasticPipeWOGPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .PlasticPipeWOGPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .PlasticPipeWOGPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }

    .PlasticPipeWOGPageStyle #PEPipePullForceInstallationStressCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .PlasticPipeWOGPageStyle #ATLAllowableTensibleLoadforPEPipeDuringPullinInstallationCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .PlasticPipeWOGPageStyle #PEPipePostInstallationLoadsandDeflectionCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

.PopupLabelSize {
    width: 100px;
    float: left;
}

.PlasticPipeWOGPageStyle .sline .DateValidate {
    width: auto !important;
}

.PlasticPipeWOGPageStyle .PopupDesignInputBlock input {
}

.PlasticPipeWOGPageStyle .BorderDiv .k-datepicker {
    margin-top: 0px !important;
    border: none;
}

    .PlasticPipeWOGPageStyle .BorderDiv .k-datepicker .form-control_date {
        padding: 1px;
        font-size: 12px;
    }

    .PlasticPipeWOGPageStyle .BorderDiv .k-datepicker .k-state-default {
        overflow: hidden;
    }

    .PlasticPipeWOGPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
        margin-top: -4px !important;
    }

.PlasticPipeWOGPageStyle .BorderDiv1 .row .col-lg-6 {
    padding-left: 32px;
}

.PlasticPipeWOGPageStyle .BorderDiv2 {
}

.PlasticPipeWOGPageStyle .BorderDiv3 .row .col-lg-6 {
    padding-left: 22px;
}

    .PlasticPipeWOGPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
        padding-left: 15px;
    }
/*************************** SteelPipeWG Page Style *************************/
.SteelPipeWGPageStyle {
}

    .SteelPipeWGPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .SteelPipeWGPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .SteelPipeWGPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .SteelPipeWGPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .SteelPipeWGPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .SteelPipeWGPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .SteelPipeWGPageStyle .BorderDiv .row .form-control, .SteelPipeWGPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .SteelPipeWGPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .SteelPipeWGPageStyle fieldset legend {
            display: block;
            width: auto;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .SteelPipeWGPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .SteelPipeWGPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .SteelPipeWGPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }

    .SteelPipeWGPageStyle #CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .SteelPipeWGPageStyle #CentrifugalCompressorAdiabaticHeadGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .SteelPipeWGPageStyle #PEPipePullForceandInstallationStressesDynamicBoreholeDesignCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .SteelPipeWGPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .SteelPipeWGPageStyle .sline .DateValidate {
        width: auto !important;
    }

.PopupDesignInputBlock input {
}

.SteelPipeWGPageStyle .BorderDiv .k-datepicker {
    margin-top: 0px !important;
    border: none;
}

    .SteelPipeWGPageStyle .BorderDiv .k-datepicker .form-control_date {
        padding: 1px;
        font-size: 12px;
    }

    .SteelPipeWGPageStyle .BorderDiv .k-datepicker .k-state-default {
        overflow: hidden;
    }

    .SteelPipeWGPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
        margin-top: -4px !important;
    }

.SteelPipeWGPageStyle .BorderDiv1 .row .col-lg-6 {
    padding-left: 32px;
}

.SteelPipeWGPageStyle .BorderDiv2 {
}

.SteelPipeWGPageStyle .BorderDiv3 .row .col-lg-6 {
    padding-left: 22px;
}

    .SteelPipeWGPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
        padding-left: 15px;
    }


.SteelPipeWGPageStyle .k-grid tbody .k-button {
    color: #333;
}

.SteelPipeWGPageStyle .k-edit-form-container .k-button {
    color: #333;
}

.SteelPipeWGPageStyle .disabled {
    pointer-events: none;
    background-color: #cccccc !important;
    color: black;
}

.SteelPipeWGPageStyle #faultwires-list {
    height: 250px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.SteelPipeWGPageStyle #FaultcaseTemplate-list {
    height: 270px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.SteelPipeWGPageStyle #ACFaultCase-list {
    height: 500px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.SteelPipeWGPageStyle #tlines-list {
    height: 250px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.SteelPipeWGPageStyle button,
.SteelPipeWGPageStyle input,
.SteelPipeWGPageStyle optgroup,
.SteelPipeWGPageStyle select,
.SteelPipeWGPageStyle textarea {
    margin: 0;
    font: inherit;
    /* color: inherit; */
}


.SteelPipeWGPageStyle .k-grid-content .k-auto-scrollable {
    height: 100% !important;
}

/*#tlineoptionsFault_listbox {
    max-width: 15em !important;
    width: 100% !important;
         }*/

.SteelPipeWGPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.SteelPipeWGPageStyle #addPipelinebtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.SteelPipeWGPageStyle #ssCase-list {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    transform: none;
    height: 400px !important;
}


.SteelPipeWGPageStyle .icon_Edit {
    background-image: url("../images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 12px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.SteelPipeWGPageStyle .icon_Delete {
    background-image: url("../images/icon_delete.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 12px !important;
    background-position: 4px 4px !important;
    font-size: 13px;
    box-sizing: unset;
    margin-left: -5px !important;
}

.SteelPipeWGPageStyle #popupTLineEdit .HeaderBgNone .k-header, .SteelPipeWGPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.SteelPipeWGPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.SteelPipeWGPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.SteelPipeWGPageStyle .k-window {
    top: 44px !important;
}
/*to set pop editor size*/
.SteelPipeWGPageStyle div.k-edit-form-container {
    width: auto;
}


.SteelPipeWGPageStyle #popupTLineEdit .k-header {
    background-color: #254117;
}

.SteelPipeWGPageStyle .example {
    height: 800px;
}

.SteelPipeWGPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.SteelPipeWGPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.SteelPipeWGPageStyle #tlineoptionsFault {
    padding: 1px 0 30px 30px;
}

    .SteelPipeWGPageStyle #tlineoptionsFault h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 25px 0 8px 0;
    }



.SteelPipeWGPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.SteelPipeWGPageStyle .tline {
    float: left;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

    .SteelPipeWGPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

.SteelPipeWGPageStyle .k-icon.k-clear-value.k-i-close {
    display: none !important;
}
/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.SteelPipeWGPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.SteelPipeWGPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.SteelPipeWGPageStyle #popupTLineEdit .HeaderBgNone .k-header, .SteelPipeWGPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.SteelPipeWGPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.SteelPipeWGPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.SteelPipeWGPageStyle .TelerikModalOverlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
    opacity: .9 !important;
    -moz-opacity: .9 !important;
}



.SteelPipeWGPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

/*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

.SteelPipeWGPageStyle .BodyTable {
    float: left;
    width: 100%;
}

    .SteelPipeWGPageStyle .BodyTable .k-edit-field, .SteelPipeWGPageStyle .BodyTable .k-edit-form-container .editor-field {
        float: left;
    }

.SteelPipeWGPageStyle .Label {
    width: 270px;
    font-weight: bold;
}

.Value {
    float: left;
    text-align: left;
    width: 96%;
}

.SteelPipeWGPageStyle .BodyTable tr td {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 2px 0;
}

/*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

.SteelPipeWGPageStyle .SubmitBtn {
    background-color: #157cf1 !important;
}

    .SteelPipeWGPageStyle .SubmitBtn:hover {
        background-color: #0c63c2 !important;
    }

.SteelPipeWGPageStyle .CancelBtn {
    background-color: #939393 !important;
    color: #fff !important;
}

    .SteelPipeWGPageStyle .CancelBtn:hover {
        background-color: #dbdbdb !important;
        color: #333 !important;
    }

/*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/
.SteelPipeWGPageStyle div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: hidden !important;
    outline: 0;
}

/********************************************/
.SteelPipeWGPageStyle #pipeTable table td + td input {
    float: none !important;
    padding: 1.5px;
}

.SteelPipeWGPageStyle .k-datepicker input {
    float: none;
}

.SteelPipeWGPageStyle .ElevationDefinitionRadioBlock {
    float: left;
    width: 66%;
    /*margin-left: 266px;*/
}

    .SteelPipeWGPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
        -moz-appearance: radio !important;
        height: 13px;
        float: left;
        text-align: left;
        width: 26px;
        margin-left: 0 !important;
    }

.SteelPipeWGPageStyle .ElevationDefinitionPopupBlock {
}

    .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
        width: 266px !important;
    }

    .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
        width: 176px !important;
    }

    .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
        width: 94px !important;
        min-width: auto !important;
    }

    .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
        float: none !important;
    }

    .SteelPipeWGPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
        width: 246px !important;
    }
/****============================================****/
.SteelPipeWGPageStyle .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 4px;
    font-size: 13px;
}

.SteelPipeWGPageStyle #tabstrip {
    font-size: 13px;
}

.SteelPipeWGPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .SteelPipeWGPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 2px;
    font-size: 10px;
    margin: 0;
}

    .SteelPipeWGPageStyle .PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .SteelPipeWGPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
        margin-right: 1px;
    }

.SteelPipeWGPageStyle .OutBloclTabList {
    background-color: #f5f5f5;
}

    .SteelPipeWGPageStyle .OutBloclTabList .tab-content {
        border: 1px solid #ddd;
        padding: 1%;
        background-color: #fff;
        min-height: 420px;
    }

.SteelPipeWGPageStyle .OutPutTabPanelBtnBlock {
    float: right;
}

    .SteelPipeWGPageStyle .OutPutTabPanelBtnBlock .btn {
        border: 1px solid #333 !important;
        color: #333 !important;
        padding: 2px 6px !important;
    }

.SteelPipeWGPageStyle .OutPutTabPanelCheckBox {
}

    .SteelPipeWGPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
    }

.SteelPipeWGPageStyle .k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SteelPipeWGPageStyle .SSTabPanelBg {
    background-color: #f5f5f5;
}

    .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #transmission,
    .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #pipelines,
    .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #output,
    .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #mitigation {
        margin: 0px 6px 6px 6px;
        border: 1px solid #ddd;
        padding-top: 2px;
    }

        .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList {
            margin: 6px;
        }

            .SteelPipeWGPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                min-height: 384px;
                margin: 0 6px 6px 6px;
            }

    .SteelPipeWGPageStyle .SSTabPanelBg .nav-tabs {
        margin: 0 6px;
    }

    .SteelPipeWGPageStyle .SSTabPanelBg .nav > li > a {
        background: transparent;
        color: #333;
    }

    .SteelPipeWGPageStyle .SSTabPanelBg .nav > li.active > a {
        background: #fff;
        color: #333;
    }

.SteelPipeWGPageStyle .tab-content #mitigation {
    padding-top: 8px;
}

.SteelPipeWGPageStyle #mitigation h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.SteelPipeWGPageStyle .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-left: 2px;
    height: 16px;
    float: right;
}

.SteelPipeWGPageStyle .BondConnectionsBlock {
    float: none;
    width: 300px;
    margin: 0 auto;
}

.SteelPipeWGPageStyle #mitigation .BondConnectionsBlock h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.SteelPipeWGPageStyle .BondConnectionsInnerBlock {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #ccc;
    padding: 6px;
}

    .SteelPipeWGPageStyle .BondConnectionsInnerBlock ul {
        margin: 0;
        padding: 0;
    }

        .SteelPipeWGPageStyle .BondConnectionsInnerBlock ul li {
            margin: 4px 0;
            padding: 0;
            list-style-type: none;
        }

    .SteelPipeWGPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

.SteelPipeWGPageStyle .k-grid-header th.k-header {
    vertical-align: initial !important;
}

.SteelPipeWGPageStyle .ACconnectionList h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px !important;
    font-size: 13px !important;
}

/*.k-dropdown {
        max-width: 10em !important;
    }*/
/*#txtFaultFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

.SteelPipeWGPageStyle #txtFaultFrequency-list {
    min-height: 70px !important;
    max-height: 70px !important;
}

.SteelPipeWGPageStyle #tlineoptionsFault-list {
    min-height: 200px !important;
    max-height: 200px !important;
}

.SteelPipeWGPageStyle #voltoptionsFault-list {
    min-height: 150px !important;
    max-height: 150px !important;
}

.SteelPipeWGPageStyle #gridster_tl_1 {
    left: 10px !important;
}

.SteelPipeWGPageStyle body {
    font-size: 13px !important;
}

.SteelPipeWGPageStyle .icon_import {
    background-image: url("../images/import_file.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 1px 25px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.SteelPipeWGPageStyle .example {
    height: 600px;
}

.SteelPipeWGPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.SteelPipeWGPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.SteelPipeWGPageStyle #tlineoptionsFault {
    padding: 1px 0 30px 30px;
}

    .SteelPipeWGPageStyle #tlineoptionsFault h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 25px 0 8px 0;
    }



.SteelPipeWGPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.SteelPipeWGPageStyle .tline {
    float: left;
    margin: 30px 30px 120px 30px;
    text-align: center;
}

    .SteelPipeWGPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.SteelPipeWGPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.SteelPipeWGPageStyle .k-readonly {
    color: gray;
    background-color: #dddddd;
}

.SteelPipeWGPageStyle #tlineoptionsFault[readonly="readonly"], input[readonly] {
    color: black;
    background-color: #dddddd;
}

.SteelPipeWGPageStyle #dbExcelImp .k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: 0;
    background-color: transparent;
    width: 110px;
    float: left;
    margin: 0px 0 0 0px;
}

.SteelPipeWGPageStyle #dbExcelImp .k-upload .k-upload-button {
    min-width: auto;
    height: auto;
}

.SteelPipeWGPageStyle #dbExcelImp {
    display: block;
    width: 186px;
    float: right;
}

.SteelPipeWGPageStyle #dbExcelImp {
    display: block;
    width: auto;
    float: right;
    margin: -2px 0 0 0;
}
    /*#dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, #dbExcelImp .k-upload-empty {
            width: 108px !important;
            float: right;
            margin: -12px 0 0 0;
            height: 24px;
        }*/
    .SteelPipeWGPageStyle #dbExcelImp .k-widget, #dbExcelImp .k-upload k-header, .SteelPipeWGPageStyle #dbExcelImp .k-upload-empty {
        width: 58px !important;
        float: right;
        margin: 4px 0 0 0 0;
        height: 20px;
    }

.SteelPipeWGPageStyle .ImportBlock button, html input[type="button"], .SteelPipeWGPageStyle .ImportBlock input[type="reset"], .ImportBlock input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    /*margin: -2px 0 0 8px !important;*/
}

.SteelPipeWGPageStyle #dbExcelImp .k-button {
    color: #333;
    margin: 0px 0 0 0;
    padding: 1px 4px;
    font-size: 11px;
    font-weight: bold;
}

.SteelPipeWGPageStyle table thead tr th {
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 8px 6px;
}


/***************** import latlone ***************/
.SteelPipeWGPageStyle .ImportBlock {
    float: left;
    width: 92%;
    border: 2px solid #3a5598;
    padding: 4px;
}

    .SteelPipeWGPageStyle .ImportBlock h5 {
        background-color: #3a5598;
        margin: -4px;
        color: #fff;
        padding: 6px;
        margin-bottom: 12px;
    }


.SteelPipeWGPageStyle .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
}



.SteelPipeWGPageStyle .wizard {
    height: 82%;
    width: 100%;
}

.SteelPipeWGPageStyle .wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.SteelPipeWGPageStyle .activewizardTitle {
    background-color: gray !important;
}

.SteelPipeWGPageStyle #tblWizardTitle td:nth-child(1) {
    width: 33%;
}

.SteelPipeWGPageStyle #tblWizardTitle td:nth-child(2) {
    width: 33%;
}

.SteelPipeWGPageStyle #tblWizardTitle td:nth-child(3) {
    width: 33%;
}

.SteelPipeWGPageStyle #WizardStep3 td:nth-child(10) {
    width: 30%;
}

.SteelPipeWGPageStyle #WizardStep3 td:nth-child(10) {
    width: 70%;
}

.SteelPipeWGPageStyle #navWizStep3 {
    font-size: 0.75em;
    width: 150px;
    margin-top: 10px;
}

    .SteelPipeWGPageStyle #navWizStep3 ul {
        margin: 0px;
        padding: 0px;
    }

    .SteelPipeWGPageStyle #navWizStep3 li {
        list-style: none;
        border: 1px solid lightgray;
        border-collapse: collapse;
    }

    .SteelPipeWGPageStyle #navWizStep3 a {
        color: black;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
    }

    .SteelPipeWGPageStyle #navWizStep3 li:hover {
        background: gray;
        position: relative;
        color: white;
    }

.SteelPipeWGPageStyle .navWizStep3Active {
    background: gray;
    position: relative;
    color: white;
}

    .SteelPipeWGPageStyle .navWizStep3Active a {
        background: gray;
        color: white !important;
    }

.SteelPipeWGPageStyle #WizardStep2 td {
    padding: 0px !important;
    margin: 0px;
}

.SteelPipeWGPageStyle #WizardStep2 input[type="text"] {
    height: 20px;
    padding: 0px !important;
    padding-left: 5px !important;
    margin: 0px;
}


.SteelPipeWGPageStyle #dvSelectedPipe tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.SteelPipeWGPageStyle #dvSelectedPipe thead, #dvSelectedPipe tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

.SteelPipeWGPageStyle #tblStartPoint tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.SteelPipeWGPageStyle #tblStartPoint thead, #tblStartPoint tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

/* Definition Import */
.SteelPipeWGPageStyle #FluidImportOpt {
    padding: 0;
    list-style: none;
    width: 26px;
    float: left;
    margin: 1px;
}

    .SteelPipeWGPageStyle #FluidImportOpt li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .SteelPipeWGPageStyle #FluidImportOpt li a {
            display: block;
            padding: 8px 10px !important;
            color: #333;
            text-decoration: none;
        }

            .SteelPipeWGPageStyle #FluidImportOpt li a:hover {
                color: #fff;
                background: #939393;
            }

        .SteelPipeWGPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt {
            min-width: 155px; /* Set width of the dropdown */
            background: #f2f2f2;
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
            padding-left: 0px;
        }

        .SteelPipeWGPageStyle #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
            display: block; /* Display the dropdown */
        }

        .SteelPipeWGPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt li {
            display: block;
        }

.SteelPipeWGPageStyle .example4 {
    height: 480px;
}

.SteelPipeWGPageStyle #lstBndConn {
    height: auto;
    max-height: 120px;
    overflow: auto;
    border: none;
    border-width: 1px;
    border-color: lightgray;
}


.SteelPipeWGPageStyle .connectionList {
    border: none;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 5px;
    float: left;
}

    .SteelPipeWGPageStyle .connectionList h3 {
        margin: 0;
        float: left;
        padding: 3px 5px 0 0;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
    }

/*#gridsterdatainput .k-dropdown {
        max-width: 11em !important;
    }*/

/*#profileTab {
    }

        #profileTab ul {
            margin: 0;
            padding: 0;
        }

            #profileTab ul li {
                display: inline;
                text-decoration: none;
                list-style-type: none;
            }

        #profileTab .Table1 tr td select {
            width: 90% !important;
        }*/
.SteelPipeWGPageStyle .k-content, .k-state-active {
    margin: 0;
    padding: 0;
}
/***************************** SteelPipeWOG Page Style ********************************/
.SteelPipeWOGPageStyle {
}

    .SteelPipeWOGPageStyle .WidthPOp {
        width: 100%;
        margin: 0px auto;
        font-size: 12px;
        float: left;
    }

    .SteelPipeWOGPageStyle .disabled {
        pointer-events: none !important;
        background-color: #cccccc !important;
        color: black !important;
    }

    .SteelPipeWOGPageStyle .BorderDiv {
        border: 1px solid silver;
        padding: 1%;
        margin: 1%;
    }

        .SteelPipeWOGPageStyle .BorderDiv .row {
            margin-bottom: 3px;
        }

            .SteelPipeWOGPageStyle .BorderDiv .row .NopaddingRight {
                padding-right: 0px;
            }

            .SteelPipeWOGPageStyle .BorderDiv .row .NopaddingLeft {
                padding-left: 0px;
            }

            .SteelPipeWOGPageStyle .BorderDiv .row .form-control, .SteelPipeWOGPageStyle .NoBorderDiv .row .form-control {
                padding: 1px 3px;
                font-size: 12px;
                line-height: normal;
            }

    .SteelPipeWOGPageStyle fieldset {
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        padding-top: 0.35em;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid silver;
    }

        .SteelPipeWOGPageStyle fieldset legend {
            display: block;
            width: auto;
            max-width: a;
            padding: 0 6px 0 4px;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: inherit;
            color: inherit;
            white-space: normal;
        }

    .SteelPipeWOGPageStyle .NoBorderDiv .btn {
        cursor: pointer;
        padding: 1px 13px;
        font-size: 12px;
    }

    .SteelPipeWOGPageStyle .NoBorderDiv .row {
        margin-bottom: 3px;
    }

    .SteelPipeWOGPageStyle span.k-widget.k-dropdown.k-header.CaseNameDDL {
        width: 100% !important;
    }
    /*span.k-widget.k-dropdown.k-header.CaseNameDDL{
             min-width: 30% !important;
    }*/
    .SteelPipeWOGPageStyle #CentrifugalCompressorRequiredPolytropicHorsepowerGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

    .SteelPipeWOGPageStyle #CentrifugalCompressorAdiabaticHeadGasCasesDLL-list {
        position: absolute;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        height: 305px !important;
        display: none;
        overflow-y: scroll;
        margin-left: -4px !important;
    }

.example {
    font-family: 'FontAwesome', 'Inter';
}

.SteelPipeWOGPageStyle #OperationalStressSteelPipeCasesDLL-list {
    position: absolute;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 305px !important;
    display: none;
    overflow-y: scroll;
    margin-left: -4px !important;
}

    .SteelPipeWOGPageStyle .PopupLabelSize {
        width: 100px;
        float: left;
    }

    .SteelPipeWOGPageStyle .sline .DateValidate {
        width: auto !important;
    }

    .SteelPipeWOGPageStyle .PopupDesignInputBlock input {
    }

    .SteelPipeWOGPageStyle .BorderDiv .k-datepicker {
        margin-top: 0px !important;
        border: none;
    }

        .SteelPipeWOGPageStyle .BorderDiv .k-datepicker .form-control_date {
            padding: 1px;
            font-size: 12px;
        }

        .SteelPipeWOGPageStyle .BorderDiv .k-datepicker .k-state-default {
            overflow: hidden;
        }

        .SteelPipeWOGPageStyle .BorderDiv .k-datepicker .k-select .k-i-calendar {
            margin-top: -4px !important;
        }

    .SteelPipeWOGPageStyle .BorderDiv1 .row .col-lg-6 {
        padding-left: 32px;
    }

    .SteelPipeWOGPageStyle .BorderDiv2 {
    }

    .SteelPipeWOGPageStyle .BorderDiv3 .row .col-lg-6 {
        padding-left: 22px;
    }

        .SteelPipeWOGPageStyle .BorderDiv3 .row .col-lg-6 + .col-lg-6 {
            padding-left: 15px;
        }

.CathPrtcnAttntCalcPageStyle .DateValidate {
    width: 100% !important;
}

.ProjectRow .k-dropdown {
    width: 100%;
}

.WidthPOp .BorderDiv .DateValidate {
    width: 100%;
}

.arcGISViewerPageStyle1 .templatePicker .grid .dojoxGridRowOdd {
    display: block !important;
    background-color: #FFFFFF;
    width: 100px;
    float: left;
    margin: 5px;
    height: 51px;
    box-shadow: -1px 1px 3px -1px BLUE !important;
}

.arcGISViewerPageStyle1 .mapMenuBox {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid gray;
    line-height: normal;
    cursor: pointer;
    padding: 1px 2px;
}

.arcGISViewerPageStyle1 .dojoxGridRowTable tr td:first-child {
    width: 9em !important;
    /* min-width: 10em; */
    /* max-width: 10em; */
    word-break: break-all;
}

.arcGISViewerPageStyle1 .dojoxGridRowTable tr td:first-child {
    width: 8em;
    min-width: 8em;
    max-width: 8em;
    word-break: break-all;
}

.arcGISViewerPageStyle1 .templatePicker .grid .dojoxGridRow {
    display: none;
    border-color: #FFFFFF;
}

.arcGISViewerPageStyle1 .file-upload {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #666666;
    background: #444444;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    text-shadow: 0px 2px 3px #555;
    cursor: pointer;
    height: 2em;
    width: 10em;
}

.arcGISViewerPageStyle1 .BasemapToggle {
    position: absolute;
    bottom: 36px !important;
    right: 3px !important;
    z-index: 99 !important;
}

    .arcGISViewerPageStyle1 .BasemapToggle .basemapImage {
        width: 64px;
        height: 42px;
        overflow: hidden;
    }

.arcGISViewerPageStyle1 .scalebar_bottom-center {
    bottom: 45px !important;
    left: 48%;
}

.arcGISViewerPageStyle1 #dijit_layout_ContentPane_2 {
    width: 100% !important;
    height: 100% !important;
}

.arcGISViewerPageStyle1 .file-upload, .file-upload span {
    width: 10em;
}

    .arcGISViewerPageStyle1 .file-upload span {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        padding-top: .20em;
        font-size: 12px;
    }

    .arcGISViewerPageStyle1 .file-upload input {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        font-size: 70px;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 2;
    }

.arcGISViewerPageStyle1 .leftnavbar {
    float: left;
    height: 0px !important;
    position: initial !important;
    padding: 3px 3px 0px 0px !important;
    overflow: hidden !important;
}

.arcGISViewerPageStyle1 #main #header {
    float: left;
    width: 400px !important;
    position: initial !important;
}

.arcGISViewerPageStyle1 #dijit_layout_ContentPane_1 {
    float: left;
}
/***********************ManageUsersPageStyle***************************/
.ManageUsersPageStyle {
}

    .ManageUsersPageStyle .k-grid {
        font-size: 12px;
    }

    .ManageUsersPageStyle #grid .k-button {
        width: auto !important;
    }

    .ManageUsersPageStyle .k-grid td {
        line-height: 1em;
        word-wrap: break-word;
    }

    .ManageUsersPageStyle #grid table th:nth-child(3).k-header .k-link, #grid table th:nth-child(4).k-header .k-link {
        text-align: center;
    }

    .ManageUsersPageStyle #grid .k-button {
        width: 70px;
    }
/*********************************DataAvailabilityPageStyle*******************************/
.DataAvailabilityPageStyle .dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.DataAvailabilityPageStyle .red {
    background-color: red;
}

.DataAvailabilityPageStyle .green {
    background-color: green;
}

.DataAvailabilityPageStyle .orange {
    background-color: orange;
}

.DataAvailabilityPageStyle .tblDataAvail {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .DataAvailabilityPageStyle .tblDataAvail td, .DataAvailabilityPageStyle .tblDataAvail th {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center;
    }



    .DataAvailabilityPageStyle .tblDataAvail tr:hover {
        background-color: #ddd;
    }

    .DataAvailabilityPageStyle .tblDataAvail th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background: linear-gradient(to bottom, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%);
        color: white;
        cursor: pointer;
    }
/********************************datamappingPageStyle*****************************/
.datamappingPageStyle .nav-tabs > li.active > a, .datamappingPageStyle .nav-tabs > li.active > a:hover, .datamappingPageStyle .nav-tabs > li.active > a:focus {
    color: white;
    cursor: default;
    background: linear-gradient(to bottom, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;
    border: 1px solid #ddd;
}
/**************************************headerPageStyle**************************************/
.headerPageStyle .k-upload-files {
    display: none;
}

.headerPageStyle .k-upload-status {
    right: 0px !important;
}

.headerPageStyle .playlist {
    margin: 30px auto;
    padding: 10px;
    width: 300px;
    /*background-color: dodgerblue;*/
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
}

.headerPageStyle .selected {
    background-color: green;
}

.headerPageStyle .playlist li {
    list-style-type: none;
    position: relative;
    padding: 6px 8px;
    margin: 0;
    color: white;
    cursor: move;
    float: none !important;
    font-size: 13px;
}

    .headerPageStyle .playlist li:hover {
        /*background-color: dodgerblue;*/
    }

    .headerPageStyle .playlist li span {
        position: absolute;
        right: 5px;
    }

.headerPageStyle li.hint {
    display: block;
    padding: 10px;
    width: 200px;
    /*background-color: dodgerblue;*/
    color: white;
}

    .headerPageStyle li.hint:last-child {
        border-radius: 4px;
    }

    .headerPageStyle li.hint span {
        color: #fff;
    }

.headerPageStyle li.placeholder {
    /*background-color: dodgerblue;*/
    color: white;
    text-align: right;
}
/**************************menuPageStyle***************************/
.menuPageStyle fieldset {
    border: 1px solid #c0c0c0 !important;
}


.menuPageStyle legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0 !important;
    border-bottom: 0px solid #e5e5e5 !important;
}

.menuPageStyle .zeroPadding {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.menuPageStyle .my-selected-state {
    background-color: blue;
    color: white;
}
/*****************************notificationPageStyle***************************/
.notificationPageStyle .k-grid-content {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.notificationPageStyle div.k-grid-header, .notificationPageStylediv.k-grid-footer {
    padding-right: 0px !important;
}
/****************************PipeToolPageStyle****************************/

.PipeToolPageStyle .graphSelectUnit {
    font-size: 14px;
    height: 26px;
    width: auto;
    max-width: 120px;
}

.PipeToolPageStyle select:not(.unit_dropdown) {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0098DB;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 13px;
    margin-top: -1px;
    outline: medium none;
    padding: 1px 1px 2px !important;
    transition: border-color 0.6s ease 0s;
}

/*.k-dropdown {
        max-width: 170px !important;
    }*/

.PipeToolPageStyle .k-grid tbody .k-button {
    color: #333;
}

.PipeToolPageStyle .k-edit-form-container .k-button {
    color: #333;
}

.PipeToolPageStyle .pull-right {
    padding-right: 7px !important;
}

/*button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font: inherit;
         color: inherit;
    }*/

.PipeToolPageStyle .disabled {
    pointer-events: none;
    background-color: #cccccc !important;
    color: black;
}


/*.k-window
    {
        width:350px !important;
    }*/
.PipeToolPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.PipeToolPageStyle #addPipelinebtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.PipeToolPageStyle #popupTLineEdit .HeaderBgNone .k-header, .PipeToolPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.PipeToolPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.PipeToolPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.PipeToolPageStyle .k-window {
    top: 44px !important;
}
/*to set pop editor size*/
.PipeToolPageStyle div.k-edit-form-container {
    width: auto;
}


.PipeToolPageStyle #popupTLineEdit .k-header {
    background-color: #254117;
}

.PipeToolPageStyle .example {
    height: 800px;
}

.PipeToolPageStyle #gridTranCube .k-grid-content {
    min-height: 100px;
    max-height: 400px;
}

.PipeToolPageStyle .img {
    width: 180px;
    height: 280px;
    border: 2px solid #fff;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}


.PipeToolPageStyle #tlineoptions h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 25px 0 8px 0;
}



.PipeToolPageStyle .PipeToolPageStyle #addTransmissionbtn {
    vertical-align: top;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
}

.PipeToolPageStyle .tline {
    float: left;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

    .PipeToolPageStyle .tline img {
        display: block;
        margin-bottom: 10px;
    }

.PipeToolPageStyle .k-icon.k-clear-value.k-i-close {
    display: none !important;
}
/*.column {
            float: left;
            width: 300px;
            text-align: center;
        }

            .column .title {
                color: #000000;
                font-size: 12px;
                font-weight: normal;
            }*/

.PipeToolPageStyle .k-colorpicker {
    vertical-align: top;
    margin: 5px 0;
}

.PipeToolPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

.PipeToolPageStyle #popupTLineEdit .HeaderBgNone .k-header, .PipeToolPageStyle .HeaderBgNone .k-widget {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    float: left;
}

.PipeToolPageStyle #popupTLineEdit .HeaderBgNone {
    background-color: transparent;
    vertical-align: top;
}

.PipeToolPageStyle #ACMitWizardStep1 .wizardTitle, .PipeToolPageStyle #ACMitWizardStep1 tr td {
    padding: 2px 6px;
}

.PipeToolPageStyle #ACMitWizardStep1 input[type="radio"], .PipeToolPageStyle #ACMitWizardStep1 input[type="checkbox"] {
    margin: 12px 0 0 !important;
    line-height: normal;
}

.PipeToolPageStyle .BtnStyleOne {
    color: #000 !important;
    border-color: transparent !important;
    background-image: none;
    background-position: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300 !important;
    font-family: arial;
    border-radius: 4px;
    font-size: 12px !important;
}

.PipeToolPageStyle .TelerikModalOverlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90) !important;
    opacity: .9 !important;
    -moz-opacity: .9 !important;
}



.PipeToolPageStyle .Title {
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 1.2em;
    white-space: nowrap;
    background-color: #334e8f !important;
    text-align: left;
    padding: 10px 10px;
}

/*.fa {
            float: right;
            color: #30c331;
            font-size: 26px;
            margin-right: 15%;
            cursor: pointer;
        }*/

.PipeToolPageStyle .BodyTable {
    float: left;
    width: 100%;
}

    .PipeToolPageStyle .BodyTable .k-edit-field, .BodyTable .k-edit-form-container .editor-field {
        float: left;
    }

.PipeToolPageStyle .Label {
    width: 270px;
    font-weight: bold;
}

.PipeToolPageStyle .Value {
    float: left;
    text-align: left;
    width: 96%;
}

.PipeToolPageStyle .BodyTable tr td {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 2px 0;
}


/*.btn {
        color: #fff !important;
        font-weight: normal !important;
        padding: 6px 40px !important;
        border: none !important;
    }*/

.PipeToolPageStyle .SubmitBtn {
    background-color: #157cf1 !important;
}

    .PipeToolPageStyle .SubmitBtn:hover {
        background-color: #0c63c2 !important;
    }

.PipeToolPageStyle .CancelBtn {
    background-color: #939393 !important;
    color: #fff !important;
}

    .PipeToolPageStyle .CancelBtn:hover {
        background-color: #dbdbdb !important;
        color: #333 !important;
    }

/*.HideScrollBlock #ACsectionWindow {
            overflow:hidden !important;
            }
            div.k-window-content {
            position: relative;
            height: 100%;
            padding: .58em;
            overflow: hidden !important;
            outline: 0;
        }*/




/********************************************/
.PipeToolPageStyle #pipeTable table td + td input {
    float: none !important;
    padding: 1.5px;
}

.PipeToolPageStyle .k-datepicker input {
    float: none;
}

.PipeToolPageStyle .ElevationDefinitionRadioBlock {
    float: left;
    width: 66%;
    /*margin-left: 266px;*/
}

    .PipeToolPageStyle .ElevationDefinitionRadioBlock input[type="radio"] {
        -moz-appearance: radio !important;
        height: 13px;
        float: left;
        text-align: left;
        width: 26px;
        margin-left: 0 !important;
    }

.PipeToolPageStyle .ElevationDefinitionPopupBlock {
}

    .PipeToolPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft, .PipeToolPageStyle .ElevationDefinitionPopupBlock .LabelStyleLeft192 {
        width: 266px !important;
    }

    .PipeToolPageStyle .ElevationDefinitionPopupBlock .AmbTempTablePopup .LabelStyleLeft192 {
        width: 176px !important;
    }

    .PipeToolPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle {
        width: 94px !important;
        min-width: auto !important;
    }

    .PipeToolPageStyle .ElevationDefinitionPopupBlock .SecondValueStyle34 {
        float: none !important;
    }

    .PipeToolPageStyle .ElevationDefinitionPopupBlock .AmbTempTable .LabelStyleLeft {
        width: 246px !important;
    }
/****============================================****/
.PipeToolPageStyle .k-grid tbody .k-button, .PipeToolPageStyle .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 4px;
    font-size: 13px;
}

.PipeToolPageStyle #tabstrip {
    font-size: 13px;
}

.PipeToolPageStyle .PipelineSectionBox1 .k-grid tbody .k-button, .PipeToolPageStyle .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button {
    min-width: auto;
    padding: 0px 2px;
    font-size: 10px;
    margin: 0;
}

.PipelineSectionBox1 .k-grid tbody .k-button .k-icon, .PipelineSectionBox1 .k-ie8 .k-grid tbody button.k-button .k-icon {
    margin-right: 1px;
}

.PipeToolPageStyle .OutBloclTabList {
    background-color: #f5f5f5;
}

    .PipeToolPageStyle .OutBloclTabList .tab-content {
        border: 1px solid #ddd;
        padding: 1%;
        background-color: #fff;
        min-height: 420px;
    }

.PipeToolPageStyle .OutPutTabPanelBtnBlock {
    float: right;
}

    .PipeToolPageStyle .OutPutTabPanelBtnBlock .btn {
        border: 1px solid #333 !important;
        color: #333 !important;
        padding: 2px 6px !important;
    }

.PipeToolPageStyle .OutPutTabPanelCheckBox {
}

    .PipeToolPageStyle .OutPutTabPanelCheckBox input[type="checkbox"] {
    }

.PipeToolPageStyle .k-grid tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PipeToolPageStyle .SSTabPanelBg {
    background-color: #f5f5f5;
}

    .PipeToolPageStyle .SSTabPanelBg .tab-content #transmission,
    .PipeToolPageStyle .SSTabPanelBg .tab-content #pipelines,
    .PipeToolPageStyle .SSTabPanelBg .tab-content #output,
    .PipeToolPageStyle .SSTabPanelBg .tab-content #mitigation {
        margin: 0px 6px 6px 6px;
        border: 1px solid #ddd;
        padding-top: 2px;
    }

        .PipeToolPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList {
            margin: 6px;
        }

            .PipeToolPageStyle .SSTabPanelBg .tab-content #output .OutBloclTabList .tab-content {
                min-height: 384px;
                margin: 0 6px 6px 6px;
            }

    .PipeToolPageStyle .SSTabPanelBg .nav-tabs {
        margin: 0 6px;
    }

    .PipeToolPageStyle .SSTabPanelBg .nav > li > a {
        background: transparent;
        color: #333;
    }

    .PipeToolPageStyle .SSTabPanelBg .nav > li.active > a {
        background: #fff;
        color: #333;
    }

.PipeToolPageStyle .tab-content #mitigation {
    padding-top: 8px;
}

.PipeToolPageStyle #mitigation h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.PipeToolPageStyle .eicebox_help {
    background-image: url("../../../images/icon_help.png") !important;
    padding: 0px 17px 3px 2px !important;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-left: 2px;
    height: 16px;
    float: right;
}

.PipeToolPageStyle .BondConnectionsBlock {
    float: none;
    width: 300px;
    margin: 0 auto;
}

.PipeToolPageStyle #mitigation .BondConnectionsBlock h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
}

.PipeToolPageStyle .BondConnectionsInnerBlock {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px dashed #ccc;
    padding: 6px;
}

    .PipeToolPageStyle .BondConnectionsInnerBlock ul {
        margin: 0;
        padding: 0;
    }

        .PipeToolPageStyle .BondConnectionsInnerBlock ul li {
            margin: 4px 0;
            padding: 0;
            list-style-type: none;
        }

    .PipeToolPageStyle .BondConnectionsInnerBlock input[type="checkbox"] {
        position: relative;
        top: 2px;
    }

.PipeToolPageStyle .k-grid-header th.k-header {
    vertical-align: initial !important;
}

.PipeToolPageStyle .ACconnectionList h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal !important;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px !important;
    font-size: 13px !important;
}

/*.k-dropdown {
        max-width: 10em !important;
    }*/
/*#txtFrequency_listbox .kheight {
        min-height:15px !important;
        max-height:15px !important;
    }
    .k-animation-container .kheight {
        min-height:15px !important;
        max-height:15px !important;

    }*/

.PipeToolPageStyle #txtFrequency_Steady-list {
    min-height: 70px !important;
    max-height: 70px !important;
}

.PipeToolPageStyle #tlineoptions-list {
    min-height: 200px !important;
    max-height: 200px !important;
}

.PipeToolPageStyle #voltoptions-list {
    min-height: 150px !important;
    max-height: 150px !important;
}

.PipeToolPageStyle #gridster_tl_1 {
    left: 10px !important;
}

.PipeToolPageStyle body {
    font-size: 13px !important;
}

.PipeToolPageStyle .icon_import {
    background-image: url("../images/import_file.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 10px 1px 25px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.PipeToolPageStyle .icon_Edit {
    background-image: url("../images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 12px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    box-sizing: unset;
}

.PipeToolPageStyle .icon_Delete {
    background-image: url("../images/icon_delete.png") !important;
    background-repeat: no-repeat !important;
    padding: 1px 12px !important;
    background-position: 4px 4px !important;
    font-size: 13px;
    box-sizing: unset;
    margin-left: -5px !important;
}
/*.k-animation-container{
        min-height:50px !important;
        max-height:50px !important;
    }*/
.PipeToolPageStyle .containerCHK {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.PipeToolPageStyle #gridTranCube .k-grid-content {
    width: 100%;
    height: 152px;
    overflow: scroll;
}

.PipeToolPageStyle #mapContainerT .gmnoprint .gm-style-mtc div {
    height: 30px;
    font-size: 14px;
}

.PipeToolPageStyle #gridster_TL ul li + label {
    height: 600px !important;
}

.PipeToolPageStyle .SectionEditTable {
    width: 94%;
    margin: auto;
}

    .PipeToolPageStyle .SectionEditTable tr .noborder {
        height: 30px !important;
    }

.PipeToolPageStyle .TransmissionLinePopupTable {
    background-color: #fff;
}

    .PipeToolPageStyle .TransmissionLinePopupTable tr td {
        padding: 4px;
    }

    .PipeToolPageStyle .TransmissionLinePopupTable input {
        border: none;
    }

.PipeToolPageStyle .k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    zoom: 1;
}




.PipeToolPageStyle .wizard {
    height: 82%;
    width: 100%;
}

.PipeToolPageStyle .wizardTitle {
    height: 30px;
    font-size: 20px;
    color: white;
    background-color: lightgray;
    border: 1px solid white;
}

.PipeToolPageStyle .activewizardTitle {
    background-color: gray !important;
}

.PipeToolPageStyle #tblWizardTitle td:nth-child(1) {
    width: 33%;
}

.PipeToolPageStyle #tblWizardTitle td:nth-child(2) {
    width: 33%;
}

.PipeToolPageStyle #tblWizardTitle td:nth-child(3) {
    width: 33%;
}

.PipeToolPageStyle #WizardStep3 td:nth-child(10) {
    width: 30%;
}

.PipeToolPageStyle #WizardStep3 td:nth-child(10) {
    width: 70%;
}

.PipeToolPageStyle #navWizStep3 {
    font-size: 0.75em;
    width: 150px;
    margin-top: 10px;
}

    .PipeToolPageStyle #navWizStep3 ul {
        margin: 0px;
        padding: 0px;
    }

    .PipeToolPageStyle #navWizStep3 li {
        list-style: none;
        border: 1px solid lightgray;
        border-collapse: collapse;
    }


    .PipeToolPageStyle #navWizStep3 a {
        color: black;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
    }

    .PipeToolPageStyle #navWizStep3 li:hover {
        background: gray;
        position: relative;
        color: white;
    }

.PipeToolPageStyle.navWizStep3Active {
    background: gray;
    position: relative;
    color: white;
}

    .PipeToolPageStyle .navWizStep3Active a {
        background: gray;
        color: white !important;
    }

.PipeToolPageStyle #WizardStep2 td {
    padding: 0px !important;
    margin: 0px;
}

.PipeToolPageStyle #WizardStep2 input[type="text"] {
    height: 20px;
    padding: 0px !important;
    padding-left: 5px !important;
    margin: 0px;
}



.PipeToolPageStyle #dvSelectedPipe tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

    .PipeToolPageStyle #dvSelectedPipe thead, .PipeToolPageStyle#dvSelectedPipe tbody tr {
        display: table;
        width: 100%;
        /*table-layout:fixed;*/
    }

.PipeToolPageStyle #tblStartPoint tbody {
    display: block;
    max-height: 255px;
    overflow: auto;
}

.PipeToolPageStyle #tblStartPoint thead, #tblStartPoint tbody tr {
    display: table;
    width: 100%;
    /*table-layout:fixed;*/
}

/* Definition Import */
.PipeToolPageStyle #FluidImportOpt {
    padding: 0;
    list-style: none;
    width: 26px;
    float: left;
    margin: 1px;
}

    .PipeToolPageStyle #FluidImportOpt li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .PipeToolPageStyle #FluidImportOpt li a {
            display: block;
            padding: 8px 10px !important;
            color: #333;
            text-decoration: none;
        }

            .PipeToolPageStyle #FluidImportOpt li a:hover {
                color: #fff;
                background: #939393;
            }

        .PipeToolPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt {
            min-width: 155px; /* Set width of the dropdown */
            background: #f2f2f2;
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
            padding-left: 0px;
        }

        .PipeToolPageStyle #FluidImportOpt li:hover ul.dropdownFluidImportOpt {
            display: block; /* Display the dropdown */
        }

        .PipeToolPageStyle #FluidImportOpt li ul.dropdownFluidImportOpt li {
            display: block;
        }

.PipeToolPageStyle .example4 {
    height: 480px;
}

.PipeToolPageStyle #lstBndConn {
    height: auto;
    max-height: 120px;
    overflow: auto;
    border: none;
    border-width: 1px;
    border-color: lightgray;
}


.PipeToolPageStyle .connectionList {
    border: none;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0;
    padding: 5px;
    float: left;
}

    .PipeToolPageStyle .connectionList h3 {
        margin: 0;
        float: left;
        padding: 3px 5px 0 0;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .9em;
        font-weight: normal;
        text-transform: uppercase;
        color: #000000;
    }
/***************************ToolsetCalculationBlock*****************/
.RstrengPageStyle .MultiPopupBlock .ResizeBlock .CalculationBlock input[type="text"], .RstrengPageStyle .MultiPopupBlock .ResizeBlock .CalculationBlock select {
    width: 90% !important;
}

.RstrengPageStyle .MultiPopupBlock .tblCalculationspn table thead td input[type="text"],
.RstrengPageStyle .MultiPopupBlock .tblCalculationspn table thead td select,
.RstrengPageStyle .MultiPopupBlock .ResizeBlock .CalculationBlock thead select {
    width: 30% !important;
}
/*****************************UnitToolPageStyle*************************/
.UnitToolPageStyle span.k-tooltip {
    margin-left: 6px;
    position: absolute;
}

.UnitToolPageStyle .featured {
    background-color: #003399;
    float: left;
    position: relative;
    width: 100%;
    z-index: 5000;
}

.UnitToolPageStyle select {
    border: 1px solid silver;
    border-radius: 6px;
    margin: 2px 1px 3px 0;
    padding: 1px;
    width: 171px;
}



.UnitToolPageStyle #tblformula tr td + td {
    padding-left: 0px !important;
}

.UnitToolPageStyle #tblformula tr td {
    padding-left: 0px !important;
}

.UnitToolPageStyle fieldset {
    border: 1px solid lightgrey;
    padding: 5px;
    font-family: Arial;
}
/******************************WellToolPageStyle**************************/
.WellToolPageStyle .WidthPOp {
    width: 100%;
    margin: 0px auto;
    font-size: 12px;
    float: left;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 98% !important;
}
/********************************fieldUomPageStyle**********************************/
.fieldUomPageStyle .k-list-scroller {
    overflow-y: scroll;
    height: 36vw !important;
}

#chartPlot1API1104WeldImperfectionAssessmentGas, #chartPlot2API1104WeldImperfectionAssessmentGas, #chartPlot1API1104WeldImperfectionAssessmentLiquid, #chartPlot2API1104WeldImperfectionAssessmentLiquid {
    width: 100% !important;
}

.SteadyStateAppTramissionPopup table tr td {
    padding: 4px !important;
}

.SteadyStateAppTramissionPopup table {
    margin-bottom: 2px !important;
}
/**********************SOverviewTabStyle*****************************/
.SOverviewTabStyle .FieldsetRowMargin .col-lg-2 {
    padding: 0 6px;
}

.OverflowWithHight {
    height: 38vh;
    overflow: auto;
    margin-bottom: 18px;
}

.RightPostionBtn {
    float: right !important;
    margin: -20px 7px 0 4px;
}

    .RightPostionBtn .PrintReportSubBtn {
        margin-left: -16px !important;
    }
/**************************************************/
.WidthPOp .k-content {
    margin: 0 !important;
    padding: 0 !important;
}


/*.WidthPOp .k-dropdown {
    background-color: transparent;
}*/

.ReinforcementWBCGasPageStyle .RightPostionBtn {
    float: right !important;
    margin: -28px 7px 0 4px;
}

.adHocOptions input[type="text"], .adHocOptions select {
    width: 90px;
}

.tableWithPadding td {
    padding: 1px;
}

.trashDeletePLTB {
    position: relative;
    /*font-size: 18px;
    color: #337ab7;
    margin: 0 4px;*/
}

.PrintReportBtnDiv {
    /*float: left;*/
    margin-right: 6px;
    position: relative;
}

.WidthPOp .PlusBtn, .WidthPOp .trashDeletePLTB, .WidthPOp .PrintReportBtnDiv {
    float: left;
    /*margin: 0 2px*/
}

.disableArea {
    pointer-events: none;
    background-color: gray !important;
    opacity: 0.5;
}

.disablePointer {
    pointer-events: none;
    background-color: gray !important;
    opacity: 0.5;
}


.rzslider .rz-pointer {
    top: -8px !important;
    z-index: 3 !important;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer !important;
    background-color: #0db9f0 !important;
    border-radius: 16px !important;
}

    .rzslider .rz-pointer:after {
        position: absolute !important;
        top: 5px !important;
        left: 5px !important;
        width: 7px !important;
        height: 7px !important;
        background: #ffffff !important;
        border-radius: 4px !important;
        content: '' !important;
    }

.maxSPLowerRowStyle {
    color: red;
    font-weight: bold;
}


/******************* WidthPopMinSize *****************/
.WidthPopMinSize .DropwonMenuListCustom {
    width: 52px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 27px;
    background-position: center;
    z-index: 100;
}

    .WidthPopMinSize .DropwonMenuListCustom .MenuBtn {
        background-image: url(images/menu_img_black.png);
        background-repeat: no-repeat;
        border: none;
        background-color: transparent;
        width: 26px;
        margin: 0 !important;
        padding: 0;
        height: 20px;
    }


    .WidthPopMinSize .DropwonMenuListCustom .LinkAction {
        margin: 0 0 0 0;
        padding: 0;
        display: none;
    }

    .WidthPopMinSize .DropwonMenuListCustom:hover .LinkAction {
        height: 142px;
        overflow-y: auto;
        display: block;
        overflow-x: hidden;
        padding: 0px 0 0 0 !important;
        width: auto;
        float: none;
        margin: 0 auto;
        box-shadow: 0 0 4px grey;
        background-color: #d2f4ff;
    }

.WidthPopMinSize .LinkAction .PrintReportSubBtn {
    margin-left: -9px;
}

.WidthPopMinSize .DropwonMenuListCustom:hover .LinkAction li {
    list-style-type: none;
    float: left;
    margin: 2px 0px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

    .WidthPopMinSize .DropwonMenuListCustom:hover .LinkAction li a {
        float: none;
        margin: 0 2px;
    }

.WidthPopMinSize .DropwonMenuListCustom:hover .LinkAction .PrintReportBtnDiv {
    float: none;
    margin: 0 2px;
}

.WidthPOp .LinkAction {
    margin: 0;
    padding: 0 !important;
    float: left;
}

    .WidthPOp .LinkAction li {
        list-style-type: none;
        float: left;
        margin: 0 0px;
    }

.pipeTemplate, .pipeTemplate *, .pipeTemplate *:before {
    -webkit-box-sizing: inherit !important;
    box-sizing: unset !important;
}

.AllHeaderPLTB, .AllHeaderPLTB div, .AllHeaderPLTB div:before {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
/*ul.TopLeftSubList.TopLeftSubListLinkSmall.HydraulicsMenuItems {
    width: 200px !important;
}*/

/*workflow*/
/*.k-window {
    z-index: 9999999999 !important;
}*/

.font-inherit {
    font-size: inherit;
}


.ToolTipLeft {
    position: absolute;
    width: auto;
    background-color: #000;
    color: #fff;
    left: -104px;
    text-align: center;
    border-radius: 4px;
    padding: 2px 5px;
    top: -2px;
    z-index: 9999999;
    display: none;
}

    .ToolTipLeft .fa {
        position: absolute;
        top: 1px;
        color: #000;
        font-size: 18px;
        left: 100%;
    }

.ToolTipRight {
    position: absolute;
    width: auto;
    background-color: #000;
    color: #fff;
    right: -86px;
    text-align: center;
    border-radius: 4px;
    padding: 2px 5px;
    top: -2px;
    z-index: 9999999;
    display: none;
}

    .ToolTipRight .fa {
        position: absolute;
        position: absolute;
        top: 1px;
        color: #000;
        font-size: 18px;
        right: 99%;
    }


.scrollable-table table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #959595;
}

.scrollable-table .table-header {
    border-bottom: none;
    /*background-color: #cccccc;*/
    /*background: linear-gradient(to bottom, rgba(51,78,175,1) 0%, rgba(73,155,234,1) 100%) !important;*/
    /*background: linear-gradient(to bottom, #C4C2C4 0%, #d8d8d8 100%) !important;*/
    background: var(--Table-Header, #EEF2F6);
    border: 1px solid #E0DEDE;
}

.table-header a {
    padding-right: 4px;
}

.scrollable-table .table-body {
    border-top: none;
    margin-bottom: 2px;
    border: 1px solid #E0DEDE;
}

.scrollable-table thead, .scrollable-table tbody, .scrollable-table tr, .scrollable-table td, .scrollable-table th {
    display: block;
}

    .scrollable-table tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    .scrollable-table thead th {
        word-break: break-all;
        padding-left: 4px;
        /*text-align: left;*/
    }

.scrollable-table tbody {
    height: auto;
    /*max-height: 100px;*/
    /*overflow-y: scroll;*/
}

.scrollable-table thead {
    /* fallback */
    width: 100%;
    /* minus scroll bar width */
    /*width: calc(100% - 17px);*/
}

.scrollable-table tbody {
    /*border-top: 1px solid #959595;*/
}

    .scrollable-table tbody td, .scrollable-table thead th {
        width: 10%;
        float: left;
        padding: 2px;
        min-height: 24px;
        /*line-height:27px;*/
        white-space: normal;
        text-overflow: clip;
        overflow: hidden;
        border-right: 1px solid #959595;
        word-break: break-word;
    }

        .scrollable-table tbody td:last-child, .scrollable-table thead th:last-child {
            border-right: none;
        }

.passStatus {
    background: rgba(42, 178, 20, 0.42);
    border-radius: 100px;
    margin-top: 10px;
    color: #023D24;
}

.failStatus {
    background: #FFBFBF;
    border-radius: 100px;
    margin-top: 10px;
    color: #A71111;
}

.table-row-strips > tbody > tr:nth-child(even) {
    /*background-color: #eee;*/
}

.linked-cases {
    width: 98%;
    margin: 0 auto;
}

.blue-inline-button {
    color: #337ab7;
    font-size: 16px !important;
    cursor: pointer;
}

.red-inline-button {
    color: red;
    font-size: 16px !important;
    cursor: pointer;
}

.inline-button {
    font-size: 16px !important;
    cursor: pointer;
}

.scrollable-table tr.k-state-selected i {
    /*color: white !important;*/
}

.scrollable-table tr.k-state-selected {
    color: #000000 !important;
    background-color: #9EC2DB !important;
    border-color: #9EC2DB !important;
}

.no-margin-padding {
    margin: 0px !important;
    padding: 0px !important;
}

.no-background {
    background: none !important;
}

.alertify {
    z-index: 999999999999999 !important;
}

.editable-input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    height: auto;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 96%;
    padding: 1px 3px !important;
    margin-bottom: 0 !important;
}

.scrollable-table .editable-text, .scrollable-table .editable-select {
    width: 96%;
}

.fixed-div {
    width: 600px;
    overflow-x: scroll;
    margin-left: 383px;
    overflow-y: visible;
    padding-bottom: 1px;
}

    .fixed-div table {
        border-collapse: separate;
        border-top: 3px solid grey;
    }

        .fixed-div table td, .fixed-div table th {
            margin: 0;
            border: 3px solid grey;
            border-top-width: 0px;
            white-space: nowrap;
        }

.xeditable_icon_td .editable-text, .xeditable_icon_td .editable-select {
    width: calc(100% - 18px) !important;
}

.fixedCol {
    position: absolute;
    width: 383px;
    left: 0;
    top: auto;
    border-right: 0px none black;
    border-top-width: 3px; /*only relevant for first row*/
    margin-top: -3px; /*compensate for top border*/
}

.orangered-font {
    color: orangered !important;
}

.green-font {
    color: green !important;
}

.green-font path {
    fill: #028D53;
}

.red-font {
    color: red !important;
}

.red-font path {
    fill: #D10808;
}


.acmWorkFlowPageStyle .table-striped tr td {
    padding: 2px !important;
    width: fit-content;
}

    .acmWorkFlowPageStyle .table-striped tr td .textbox_width {
        width: 96% !important;
    }

.acmWorkFlowPageStyle .nav-tabs {
    background-color: transparent;
}

    .acmWorkFlowPageStyle .nav-tabs > li {
        background: #f9f9f9;
    }

.acmWorkFlowPageStyle .nav > li > a {
    border-color: silver;
    background-color: #ccc;
    color: #000;
    border-bottom: none;
}

.acmWorkFlowPageStyle .nav-tabs > li.active > a, .acmWorkFlowPageStyle .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #fff !important;
}

.acmWorkFlowPageStyle .table-striped tr td {
    padding-left: 4px;
}

.kendoTransform {
    transform: scale(1) !important;
}

.wf-border-bottom {
    border-bottom: 1px solid #525252;
}

.wf-border-top {
    border-top: 1px solid #525252;
}

.wf-border-left {
    border-left: 1px solid #525252;
}

.wf-border-right {
    border-right: 1px solid #525252;
}

.wf-red {
    color: red;
    font-weight: bold;
}

.wf-green {
    color: green;
    font-weight: bold;
}

.wf-calc-header {
    color: black;
    font-weight: bold;
    background-color: #d0cfcf;
    border-top: 2px solid #525252;
    border-bottom: 2px solid #525252;
}

.wf-calc-headerForMultiple {
    color: black;
    background-color: #e6ecd9 !important; /*#eee*/
    border-top: 1px solid #525252;
    font-size: 10px;
    font-weight: 600;
}

.wf-calc-headerColumnMultiple {
    padding-left: 13px;
}

/*workflow*/
.attributeTable table thead tr td:nth-child(1) {
    width: 38% !important;
}

.attributeTable table tr td:nth-child(1) {
    width: 40% !important;
}

.attributeTable table tr td:nth-child(2) {
    width: 35% !important;
}

.attributeTable table tr td:nth-child(3) {
    width: 23% !important;
}

.hddColorGreen {
    color: green;
}

.hddColorRed {
    color: red;
}

.hdd_steel_plotlabel {
    background: red;
    border: 1px solid black;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    .SteadyPageStyle .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
        min-width: 0px !important;
        padding: 0px 0px;
        font-size: 13px;
        float: left;
        margin-left: 6px !important;
    }

    .FaultPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
        height: 22px;
    }

    .FaultPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
        height: 22px;
    }
}
/****************
    .SteadyPageStyle .icon_Edit {
    background-image: url("../images/edit-icon.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    background-position: 4px 5px !important;
    font-size: 13px;
    width: 21px;
    box-sizing: unset;
    height: 20px;
}


.SteadyPageStyle .icon_Delete {
    background-image: url("../images/icon_delete.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    background-position: 4px 4px !important;
    font-size: 13px;
    box-sizing: unset;
    width: 21px;
    margin-left: -5px !important;
    height: 20px;
}
FaultPageStyle .k-grid tbody .k-button, .FaultPageStyle .k-ie8 .k-grid tbody button.k-button {
    min-width: 0px !important;
    padding: 0px 0px !important;
    font-size: 13px;
    float: left;
    margin-left: 4px !important;
    width:22px ;
    height:22px;
}
 .FaultPageStyle .icon_Edit {
        background-image: url("../images/edit-icon.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 5px !important;
        font-size: 13px;
        box-sizing: unset;
        height: 22px;
        width:22px;
    }

    .FaultPageStyle .icon_Delete {
        background-image: url("../images/icon_delete.png") !important;
        background-repeat: no-repeat !important;
        padding: 0px !important;
        background-position: 4px 4px !important;
        font-size: 13px;
        box-sizing: unset;
        margin-left: -5px !important;
        height: 22px;
        width:22px;
    }

*/
.GISACM .k-grid-header th {
    font-size: 11px !important;
    font-weight: bolder !important;
}

.GISACM .k-grid-header span {
    font-size: 11px;
    font-weight: bolder !important;
}

.black_icon_fa {
    font-size: 16px !important;
    cursor: pointer;
    font-weight: bold;
    color: black;
}

.FaultPageStyle .containerCHK {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
}

.GISACM .k-grid tbody .k-button.icon_Edit, .GISACM .icon_Edit, .GISACM .k-grid-edit, .GISACM .k-grid tbody .k-button.icon_Delete, .GISACM .icon_Delete, .GISACM .k-grid-Delete {
    background-color: transparent !important;
    border: none !important;
}

.GISACM div.k-grid-header, .GISACM div.k-grid-footer {
    padding-right: 17px !important;
}

.GISACM .k-grid tbody .k-button, .GISACM .k-ie8 .k-grid tbody button.k-button {
    min-width: 0px !important;
    padding: 0px 0px !important;
    font-size: 13px;
    float: left;
    margin-left: 0px !important;
    width: 22px !important;
    height: 22px;
}

.k-grid-header40 .k-grid-content.k-auto-scrollable {
    max-height: calc(100% - 40px);
}

span.k-icon.k-i-expand {
    cursor: pointer;
}

@media only screen and (min-width:300px) and (max-width:1080px) {
    .TopLeftNav {
        width: 100%;
    }

    .TopNavBlock .navbar li {
        list-style-type: none;
        float: left;
        margin: 0 1px;
        width: 100%;
        border-left: none !important;
    }

        .TopNavBlock .navbar li + li {
            border-top: 1px solid silver;
        }

        .TopNavBlock .navbar li a {
            margin: 0;
            padding: 10px 4px;
            float: left;
            color: #fff;
            width: 100%;
            background-color: transparent;
        }

        /*.TopNavBlock .navbar li.open a {
            color: #000 !important;
        }*/

    .pltbMenu .TopLeftNavDropdown {
        display: none;
        position: absolute;
        background-color: #fff;
        float: left;
        top: 46px;
        width: 175px;
        padding: 0;
        margin: 0;
        z-index: 1;
        left: 8%;
    }

    .TopLeftNav li:hover .TopLeftNavDropdown:before, .TopLeftNav li:hover a {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .pltbMenu .TopLeftSubList {
        display: none;
        position: absolute;
        background-color: #375cba;
        float: left;
        top: inherit;
        width: 340px;
        padding: 0;
        margin: 0;
        left: 175px;
    }

    .TopLeftSubList2 {
        display: none;
        position: absolute;
        background-color: #fff;
        float: left;
        top: 28px;
        width: 250px;
        padding: 0;
        margin: 0;
        right: 1%;
    }
}

.InfmPopupDesignColumn img {
    max-width: 100%;
}

/******************************* Hub Report Builder Block *************************/

.HubReportBuilderBlock {
    font-size: 12px;
}

    .HubReportBuilderBlock .Padding16 {
        padding: 16px;
    }

    .HubReportBuilderBlock .btn {
        margin-right: 4px !important;
        width: auto;
    }

    .HubReportBuilderBlock textarea {
        width: 100%;
        height: 60px;
    }

    .HubReportBuilderBlock .AllHeaderPLTB .row {
        margin-bottom: 10px;
        /*margin-right: 0px !important;*/
        /*margin-left: -15px;*/
    }

    .HubReportBuilderBlock .AllHeaderPLTB .row {
        margin-bottom: 10px;
        margin-right: 0px !important;
        margin-left: -15px;
    }

    .HubReportBuilderBlock input, .HubReportBuilderBlock select {
        width: 100%;
        min-height: 20px;
    }

    .HubReportBuilderBlock .Hight130Scroll {
        min-height: 130px;
        overflow-y: auto;
    }

    .HubReportBuilderBlock .PlusBtn {
        position: relative;
        margin: 0 4px;
    }

    .HubReportBuilderBlock .SpaceBtn tr td {
        padding: 0 0px;
    }

.DeleteSmallBtn {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url(api_img/icons/icn_delete.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

#toast-container > div {
    opacity: 0.94 !important;
}

/*Naval Sharma Comment this code call me first before enabled this z-index*/
/*.k-widget.k-window {
    z-index: 999999 !important; 
}*/

.ShowOwnTooltip {
    position: relative;
}

    .ShowOwnTooltip .ToolTipCustom {
        position: absolute;
        width: 100%;
        background-color: #000;
        color: #fff;
        left: 0px;
        text-align: center;
        border-radius: 4px;
        padding: 1px 2px;
        top: 23px;
        z-index: 10;
        display: none;
    }

    .ShowOwnTooltip:hover .ToolTipCustom {
        display: block;
    }

.MarginBottom6px {
    margin-bottom: 6px;
}

.SimpleLinkStyle {
    font-size: 13px;
    color: #333;
}

    .SimpleLinkStyle .fa {
        font-size: 15px;
    }

.HubReportPageStyle {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.HubReportBuilderBlock .exp_coll_div {
    float: right;
}

.HubReportBuilderBlock .BorderDiv .BorderDiv .row:last-child .SpaceBtn .PlusBtn:hover .ToolTipCustom {
    top: -46px;
}

    .HubReportBuilderBlock .BorderDiv .BorderDiv .row:last-child .SpaceBtn .PlusBtn:hover .ToolTipCustom .fa {
        position: absolute;
        bottom: -13px;
        color: #000;
        font-size: 18px;
        left: 41%;
        transform: rotate(180deg);
    }

.HubReportBuilderBlock .BorderDiv .BorderDiv .row:last-child .SpaceBtn td + td .PlusBtn:hover .ToolTipCustom {
    top: -26px;
}


#viewer embed#plugin, #viewer embed {
    top: -56px;
}

.k-tooltip.k-chart-tooltip {
    z-index: 999999999 !important;
}

.hddElevationChart {
    height: 270px;
    width: 100%;
}

.hddElevationChartPrint {
    height: 300px;
    width: 700px;
}
.redBorderClass {
    border: 1px solid #b01111 !important;
    box-shadow: 0 0 2px 1px #cf3838 !important;
    border-collapse: collapse !important;
}
.greenBorderClass {
    border: 1px solid #5dcd90 !important;
    box-shadow: 0 0 2px 1px #8eddb1 !important;
    border-collapse: collapse !important;
}

.orangeBorderClass {
    border: 1px solid #ffd65c !important;
    box-shadow: 0 0 2px 1px #fade8b !important;
    border-collapse: collapse !important;
}

.greyBorderClass {
    border: 1px solid #b1b1b1 !important;
    box-shadow: none;
    border-collapse: collapse !important;
}

/****************************** Encroachment Style *************************/

.EncroachmentPopupStyle {
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    background: #fff;
    color: rgba(0,0,0,.87);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    display: block;
    position: relative;
    padding: 2%;
    border-radius: 4px;
    float: left;
    width: 95%;
    border: 1px solid #f2f2f2;
    margin-bottom: 16px;
    border-top: none;
}

.ShadowBorderNone {
    box-shadow: none !important;
    border: none !important;
}

.EncroachmentPopupStyle .WidthFull {
    width: 100%;
    height: 24px !important;
}

.EncroachmentPopupStyle .k-dropdown.WidthFull {
    height: auto !important;
}

.EncroachmentPopupStyle .WidthFull .k-dropdown-wrap, .EncroachmentPopupStyle .WidthFull .k-multiselect-wrap {
    height: 32px !important;
    /*height: 28px !important;
 text-align: left !important;
 padding-top: 4px*/;
}

    .EncroachmentPopupStyle .WidthFull .k-dropdown-wrap .k-input {
        color: #333;
        text-align: left;
        padding-top: 6px;
    }

    .EncroachmentPopupStyle .WidthFull .k-dropdown-wrap .k-icon:before, .EncroachmentPopupStyle .WidthFull .k-multiselect-wrap .k-icon:before {
        top: 6px;
    }

.EncroachmentPopupStyle .form-control.WidthFull {
    padding: 4px 2% !important;
    width: 96%;
}

.EncroachmentPopupStyle label {
    width: 100%;
    float: left;
    font-weight: normal !important;
    color: #000;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.EncroachmentPopupStyle .WidthFull90 {
    width: 90% !important;
}

.EncroachmentPopupStyle .col-lg-1,
.EncroachmentPopupStyle .col-lg-2,
.EncroachmentPopupStyle .col-lg-3,
.EncroachmentPopupStyle .col-lg-4,
.EncroachmentPopupStyle .col-lg-5,
.EncroachmentPopupStyle .col-lg-6,
.EncroachmentPopupStyle .col-lg-7,
.EncroachmentPopupStyle .col-lg-8,
.EncroachmentPopupStyle .col-lg-9,
.EncroachmentPopupStyle .col-lg-10,
.EncroachmentPopupStyle .col-lg-11,
.EncroachmentPopupStyle .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px;
}

.EncroachmentPopupStyle .CloseBtnWithTextRight {
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    position: relative;
    padding-right: 6%;
}

.EncroachmentPopupStyle .TitleTextStyle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 6px;
}

.EncroachmentPopupStyle .MarginTop8 {
    margin-top: 8px !important;
}

.EncroachmentPopupStyle tr td {
    padding-bottom: 8px;
    padding-right: 8px;
    font-size: 13px;
}

.ScrollStyle {
    width: 100%;
    height: 90%;
    border: none !important; 
}
/*table.EncroachmentPopupStyle{
           display: inline-table;
   }*/
.EncroachmentPopupStyle h4 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.5px;
    margin: 0;
}

.EncroachmentPopupStyle h5 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.EncroachmentPopupStyle .TitleTextStyle2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}

.EncroachmentPopupStyle .k-upload .k-dropzone {
    background-color: transparent;
}

.EncroachmentPopupStyle .k-upload .k-upload-button {
    margin-right: 0 !important;
    width: 129px;
    height: 33px;
    padding: 8px 14px;
    border-radius: 4px;
    background: rgba(25, 59, 103, 0.05);
    color: #08406F;
    border: none;
    font-weight: 600;
}

.EncroachmentPopupStyle .k-upload .k-upload-button:hover {
    border: 2px solid #08406F;
    background-color: #C1CFDB;
}

.EncroachmentPopupStyle .k-upload .k-dropzone .k-upload-status {
    display: none;
}

.EncroachmentPopupStyle .RemoveFileButton {
    width: 95px;
    height: 31px;
    border-radius: 5px;
    border: 1px solid #DBDCDD;
    background-color: #FFFFFF;
    color: #08406F;
    font-weight: 600;
}

.EncroachmentPopupStyle .RemoveFileButton:hover {
    border: 2px solid #08406F;
    background-color: #C1CFDB;
}

.EncroachmentPopupStyle .ProgressBarUpload {
    width: 512px;
    height: 5px;
    margin-bottom: 10px;
    background-color: #E8EBEF;
    border-color: #E8EBEF;
}

.EncroachmentPopupStyle .k-progressbar .k-state-selected {
    background-color: #1065AC;
    border-color: #1065AC;
}

.BoxShadowNone {
    box-shadow: none !important;
}

.OverflowY {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 68vh;
}

.RStrengtempMapRotate {
    margin-left: -10px !important;
}

/*.RStrengtempMapRotate {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}*/

.disabledLight {
    background-color: lightgray !important;
    opacity: 1 !important;
    pointer-events: none !important;
    color: black !important;
}

.PolyethylneSelectWithText1 {
    width: 40% !important;
    float: left;
}

.PolyethylneSelectWithText2 {
    float: right !important;
    width: 56% !important;
}


.ReportRepositoryPageCenterDiv {
    border: 1px solid #C0C0C0;
    float: left;
    height: 252px;
    margin-top: 6px;
    overflow-x: hidden;
    width: 100%;
}

.ReportRepositoryPdfOutter {
    position: relative;
    top: -7px;
}

.ReportRepositoryPdf {
    background-image: url(../Content/images/Reports_Repository_pdf.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -2px;
    right: 0;
    background-position: center;
    z-index: 100;
    left: -4px;
}

.RstrengPagePopupStyle .PanelTopBlock .ReportRepositoryPdf {
    background-image: url(../Content/images/Reports_Repository_pdf.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 0;
    background-position: center;
    z-index: 100;
    left: -4px;
}

.customeViewReportRepositoryReport {
    background-image: url(../Content/images/Reports_Repository_pdf.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    right: 0;
    background-position: center;
    z-index: 100;
    left: 0px;
}


.CalendarEventPageCenterDiv {
    border: 1px solid #C0C0C0;
    float: left;
    height: 284px;
    margin-top: 6px;
    overflow-x: hidden;
    width: 99%;
}



/*======================================= River X Start ==================================================*/


.RiverXCenterDiv {
    border: 1px solid #C0C0C0;
    float: left;
    height: 284px;
    margin-top: 6px;
    overflow-x: hidden;
    width: 99%;
}

.RiverXReportCenterDiv {
    border: 1px solid #C0C0C0;
    float: left;
    height: 284px;
    margin-top: 6px;
    overflow-x: hidden;
    width: 99%;
}


.RiverX .leftTabStyle .TabViewBlock2 {
    width: 99% !important;
}

.RiverX {
    float: left;
    width: 100%;
}
    /*.VScrollBasic {
    width: 2000px;
}
.VScrollRiver {
    width: 1600px;
}
.RiverX .HeadSectionBlock {
    width:100%;
    min-height:260px;
}
.VScrollECA {
    width: 1600px;
}*/

    .RiverX .row {
        margin-right: -10px;
        margin-left: -10px;
        display: flex !important;
    }

    .RiverX .PipeDefinitionTemplatePageStyle .ng-hide {
        display: none !important;
    }

    .RiverX .col-lg-1, .RiverX .col-lg-2, .RiverX .col-lg-3,
    .RiverX .col-lg-4, .RiverX .col-lg-5, .RiverX .col-lg-6,
    .RiverX .col-lg-7, .RiverX .col-lg-8, .RiverX .col-lg-9,
    .RiverX .col-lg-10, .RiverX .col-lg-11, .RiverX .col-lg-12 {
        padding: 0 6px;
    }

    .RiverX .nav-tabs {
        border: 1px solid #aaaaaa;
        background: #cccccc;
        background-image: url("../img/ui-bg_highlight-soft_75_cccccc_1x100.png");
        background-size: 50% 50%;
        background-repeat: repeat-x;
        color: #222222;
        font-weight: bold;
        border-bottom-right-radius: 4px;
    }

        .RiverX .nav-tabs li {
            border: 1px solid #d3d3d3;
            background: #e6e6e6 !important;
            padding: 0px;
            border-color: #ccc;
            border-radius: 4px 4px 0 0;
        }

    .RiverX .leftTabStyle .nav-tabs {
        background: #fff !important;
        margin-top: 16px;
        padding-bottom: 1px;
    }

        .RiverX .leftTabStyle .nav-tabs li {
            float: left;
            width: 100%;
            background: #fff !important;
            border: none;
        }

    .RiverX .leftTabStyle2 .tab-content > .tab-pane {
        border-top: 0;
        background-color: #fff;
        display: contents;
    }

    .RiverX .leftTabStyle2 .nav-tabs li {
        float: left;
        width: auto;
        background: #fff !important;
        border: none;
    }

        .RiverX .leftTabStyle2 .nav-tabs li a {
            border: none;
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 4px;
            margin: 0;
            border-radius: 0;
            padding: 6px;
            background-color: #fff;
        }

    .RiverX .leftTabStyle .nav-tabs li a {
        border: none;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 4px;
        margin: 0;
        border-radius: 0;
        padding: 6px 4px;
        background-color: #fff;
    }

    .RiverX .leftTabStyle .nav-tabs li.active a {
        border: none;
        font-size: 12px;
        font-weight: bold;
        background-color: #e6e5e3 !important;
    }

    .RiverX .nav-tabs a {
        padding: 4px;
        font-size: 11px;
        text-decoration: none;
        color: #555555 !important;
        font-weight: 300;
    }

    .RiverX .nav-tabs {
    }

    .RiverX .TabViewBlock {
        width: 100%;
        float: left;
    }

    .RiverX .TabViewBlock2 {
        width: 19%;
        float: left;
        margin-left: 1%;
    }

    .RiverX .NormalHeadingBlock .HeadingR {
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        margin: 2px 0 4px 0 !important;
        font-size: 14px !important;
    }

    .RiverX .NormalHeadingBlock .text-left {
        text-align: left;
    }

.TabViewStyle .RiverX fieldset.BorderDiv {
    border: 1px solid silver !important;
    padding: 5px !important;
    margin: 2px !important;
    min-height: 160px;
}

.RiverX fieldset.BorderDiv fieldset.BorderDiv {
    border: 1px solid silver !important;
    padding: 5px !important;
    margin: 2px !important;
    margin-bottom: 6px !important;
}


.RiverX fieldset legend {
    display: block;
    width: auto;
    max-width: auto;
    padding: 0 6px 0 4px;
    margin-bottom: 3px;
    font-size: 12px !important;
    font-weight: bold;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    border: none !important;
}

.RiverX .BorderDiv .row {
    margin-bottom: 6px;
    text-align: right;
}

.RiverX .BorderDiv legend {
    margin-bottom: 6px;
    text-align: left;
}

.RiverX .FieldsetRowMargin .row {
    padding: 0 6px !important;
}

    .RiverX .FieldsetRowMargin .row .col-lg-9,
    .RiverX .FieldsetRowMargin .row .col-lg-8,
    .RiverX .FieldsetRowMargin .row .col-lg-7,
    .RiverX .FieldsetRowMargin .row .col-lg-6,
    .RiverX .FieldsetRowMargin .row .col-lg-5,
    .RiverX .FieldsetRowMargin .row .col-lg-4,
    .RiverX .FieldsetRowMargin .row .col-lg-3,
    .RiverX .FieldsetRowMargin .row .col-lg-2,
    .RiverX .FieldsetRowMargin .row .col-lg-1 {
        padding: 0 1.5% 0 0 !important;
    }

.RiverX .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 22px;
    line-height: 1.42857;
    padding: 2px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 96%;
}


.RiverX .HeadingR {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.RiverX .BtnStyle9 {
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 1s ease-out;
}

    .RiverX .BtnStyle9:hover {
        transition: all 1s ease-out;
    }

.RiverX .BtnStyle10 {
    background-color: #ff9800;
    border: 1px solid #ff9800;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 1s ease-out;
}

    .RiverX .BtnStyle10:hover {
        background-color: #fff;
        border: 1px solid #ff9800;
        transition: all 1s ease-out;
    }

.RiverX .ListOverflowBlock {
    float: left;
    width: 96%;
    height: auto;
    overflow: auto;
}

.RiverX .SelectValue {
    margin: 2% auto;
    padding: 0;
    height: 166px;
}

    .RiverX .SelectValue li {
        padding: 8px 0;
        text-align: left;
        padding-left: 10%;
    }

        .RiverX .SelectValue li:hover {
            background-color: #e6e5e3;
        }

    .RiverX .SelectValue .k-state-selected i {
        color: white !important;
    }

    .RiverX .SelectValue .k-state-selected {
        color: #fff !important;
        background-color: #428bca !important;
        border-color: #428bca !important;
    }

.RiverX .FieldsetRowMargin .row.OverflowDiv {
    overflow: auto;
    padding: 0 15px !important;
    margin: 0;
}

.ImgBlockWidth {
}

.RiverX .ImageValueBlock01 {
    position: relative;
    padding: 67px;
    width: 200px;
    float: left;
}

    .RiverX .ImageValueBlock01 img {
        width: 220px;
    }

    .RiverX .ImageValueBlock01 .Img01Top {
        position: absolute;
        top: 60px;
        left: 170px;
    }

    .RiverX .ImageValueBlock01 .Img01LeftTop {
        position: absolute;
        top: 110px;
        left: 26px;
    }

    .RiverX .ImageValueBlock01 .Img01LeftCenter {
        position: absolute;
        top: 160px;
        left: 70px;
    }

    .RiverX .ImageValueBlock01 .Img01LeftBottom {
        position: absolute;
        top: 220px;
        left: 30px;
    }


    .RiverX .ImageValueBlock01 .Img01RightBottom {
        position: absolute;
        bottom: 50px;
        left: 130px;
    }

    .RiverX .ImageValueBlock01 .Img01Bottom {
        position: absolute;
        right: -25px;
        bottom: 80px;
    }

.RiverX .ImageValueBlock02 {
    position: relative;
    width: 560px;
    padding: 20px 20px 20px 80px;
}

    .RiverX .ImageValueBlock02 img {
        margin-top: 80px;
    }

    .RiverX .ImageValueBlock02 .Img02Top {
        position: absolute;
        top: 96px;
        left: 50%;
    }

    .RiverX .ImageValueBlock02 .Img02Left {
        position: absolute;
        left: 110px;
        top: 130px;
    }

    .RiverX .ImageValueBlock02 .Img02Right {
        position: absolute;
        right: 66px;
        top: 130px;
    }

    .RiverX .ImageValueBlock02 .Img02Bottom {
        position: absolute;
        text-align: left;
        left: 50%;
        bottom: -30px;
    }

/*#RiverXDV  .k-animation-container, #RiverXDV  .k-animation-container , #RiverXDV  .k-animation-container :after, #RiverXDV  .k-block .k-header, #RiverXDV  .k-dialog .k-window-content, #RiverXDV  .k-list-container, #RiverXDV  .k-widget, #RiverXDV  .k-widget , #RiverXDV  .k-widget :before, #RiverXDV  .k-animation-container, #RiverXDV  .k-animation-container , #RiverXDV  .k-animation-container :after, #RiverXDV  .k-block .k-header, #RiverXDV  .k-dialog .k-window-content, #RiverXDV  .k-list-container, #RiverXDV  .k-widget, #RiverXDV  .k-widget , #RiverXDV  .k-widget :before {
    box-sizing: inherit !important;
}
.RiverX .row::before, .RiverX .row:before{

}*/

.RiverX h2, .RiverX .h2, h2 {
    font-size: 18px !important;
    font-weight: bold;
}

.RiverX form {
    color: #404040;
    font-size: 14px !important;
    padding: 1px 1px;
}

.TabViewStyle fieldset .BorderDiv {
    border: 1px solid silver !important;
    padding: 1% !important;
    margin: 1% !important;
}

.RiverX .col-xs-1,
.RiverX .col-sm-1,
.RiverX .col-md-1,
.RiverX .col-lg-1,
.RiverX .col-xs-2,
.RiverX .col-sm-2,
.RiverX .col-md-2,
.RiverX .col-lg-2,
.RiverX .col-xs-3,
.RiverX .col-sm-3,
.RiverX .col-md-3,
.RiverX .col-lg-3,
.RiverX .col-xs-4,
.RiverX .col-sm-4,
.RiverX .col-md-4,
.RiverX .col-lg-4,
.RiverX .col-xs-5,
.RiverX .col-sm-5,
.RiverX .col-md-5,
.RiverX .col-lg-5,
.RiverX .col-xs-6,
.RiverX .col-sm-6,
.RiverX .col-md-6,
.RiverX .col-lg-6,
.RiverX .col-xs-7,
.RiverX .col-sm-7,
.RiverX .col-md-7,
.RiverX .col-lg-7,
.RiverX .col-xs-8,
.RiverX .col-sm-8,
.RiverX .col-md-8,
.RiverX .col-lg-8,
.RiverX .col-xs-9,
.RiverX .col-sm-9,
.RiverX .col-md-9,
.RiverX .col-lg-9,
.RiverX .col-xs-10,
.RiverX .col-sm-10,
.RiverX .col-md-10,
.RiverX .col-lg-10,
.RiverX .col-xs-11,
.RiverX .col-sm-11,
.RiverX .col-md-11,
.RiverX .col-lg-11,
.RiverX .col-xs-12,
.RiverX .col-sm-12,
.RiverX .col-md-12,
.RiverX .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.RiverX .RiverX .FieldsetRowMargin .row .col-xs-1,
.RiverX .FieldsetRowMargin .row .col-sm-1,
.RiverX .FieldsetRowMargin .row .col-md-1,
.RiverX .FieldsetRowMargin .row .col-lg-1,
.RiverX .FieldsetRowMargin .row .col-xs-2,
.RiverX .FieldsetRowMargin .row .col-sm-2,
.RiverX .FieldsetRowMargin .row .col-md-2,
.RiverX .FieldsetRowMargin .row .col-lg-2,
.RiverX .FieldsetRowMargin .row .col-xs-3,
.RiverX .FieldsetRowMargin .row .col-sm-3,
.RiverX .FieldsetRowMargin .row .col-md-3,
.RiverX .FieldsetRowMargin .row .col-lg-3,
.RiverX .FieldsetRowMargin .row .col-xs-4,
.RiverX .FieldsetRowMargin .row .col-sm-4,
.RiverX .FieldsetRowMargin .row .col-md-4,
.RiverX .FieldsetRowMargin .row .col-lg-4,
.RiverX .FieldsetRowMargin .row .col-xs-5,
.RiverX .FieldsetRowMargin .row .col-sm-5,
.RiverX .FieldsetRowMargin .row .col-md-5,
.RiverX .FieldsetRowMargin .row .col-lg-5,
.RiverX .FieldsetRowMargin .row .col-xs-6,
.RiverX .FieldsetRowMargin .row .col-sm-6,
.RiverX .FieldsetRowMargin .row .col-md-6,
.RiverX .FieldsetRowMargin .row .col-lg-6,
.RiverX .FieldsetRowMargin .row .col-xs-7,
.RiverX .FieldsetRowMargin .row .col-sm-7,
.RiverX .FieldsetRowMargin .row .col-md-7,
.RiverX .FieldsetRowMargin .row .col-lg-7,
.RiverX .FieldsetRowMargin .row .col-xs-8,
.RiverX .FieldsetRowMargin .row .col-sm-8,
.RiverX .FieldsetRowMargin .row .col-md-8,
.RiverX .FieldsetRowMargin .row .col-lg-8,
.RiverX .FieldsetRowMargin .row .col-xs-9,
.RiverX .FieldsetRowMargin .row .col-sm-9,
.RiverX .FieldsetRowMargin .row .col-md-9,
.RiverX .FieldsetRowMargin .row .col-lg-9,
.RiverX .FieldsetRowMargin .row .col-xs-10,
.RiverX .FieldsetRowMargin .row .col-sm-10,
.RiverX .FieldsetRowMargin .row .col-md-10,
.RiverX .FieldsetRowMargin .row .col-lg-10,
.RiverX .FieldsetRowMargin .row .col-xs-11,
.RiverX .FieldsetRowMargin .row .col-sm-11,
.RiverX .FieldsetRowMargin .row .col-md-11,
.RiverX .FieldsetRowMargin .row .col-lg-11,
.RiverX .FieldsetRowMargin .row .col-xs-12,
.RiverX .FieldsetRowMargin .row .col-sm-12,
.RiverX .FieldsetRowMargin .row .col-md-12,
.RiverX .FieldsetRowMargin .row .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}





#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-1,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-1,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-1,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-1,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-2,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-2,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-2,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-2,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-3,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-3,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-3,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-3,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-4,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-4,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-4,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-4,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-5,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-5,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-5,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-5,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-6,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-6,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-6,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-6,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-7,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-7,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-7,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-7,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-8,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-8,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-8,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-8,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-9,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-9,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-9,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-9,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-10,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-10,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-10,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-10,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-11,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-11,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-11,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-11,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-xs-12,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-sm-12,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-md-12,
#RiverXDV .HubReportBuilderHeaderTemplateStyle .row .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.RiverX .HideSelect {
    visibility: hidden;
}

.RiverX table tr td {
    padding-bottom: 4px !important;
}

.RiverX .ECATableFixerHeader {
    /*width: 99.2%;*/
    width: 95.6%;
    text-align: center;
}

    .RiverX .ECATableFixerHeader tr td {
        width: 29%;
    }

        .RiverX .ECATableFixerHeader tr td + td + td + td {
            width: 20px;
            text-align: center;
            float: right;
        }

.RiverX .ECATableOutterBlock {
    width: 100%;
    overflow-y: scroll;
    height: 130px;
}

    .RiverX .ECATableOutterBlock tr td {
        width: 31%;
    }

        .RiverX .ECATableOutterBlock tr td + td + td + td {
            width: 20px;
            text-align: center;
            float: right;
        }

    .RiverX .ECATableOutterBlock .fullWidthTable {
        width: 100%;
    }

.RiverX .PaddingBottom9 {
    padding-bottom: 9px;
}

.RiverX .row::before {
    box-sizing: inherit !important;
}

.VScrollRiver .ECATableFixerHeader td {
    width: 10%;
}

    .VScrollRiver .ECATableFixerHeader td + td {
        width: 36%;
    }

.RiverX .RiverTableOutBlockCurve .ECATableFixerHeader tr td {
    width: 15%;
}

.RiverX .RiverTableOutBlockCurve .ECATableFixerHeader td + td {
    width: 42%;
}

.VScrollRiver .RiverTableOutBlock {
    width: 100%;
    overflow-y: scroll;
    height: 146px;
}

.RiverX .RiverTableOutBlock.fullWidthTable {
    width: 100%;
}

.RiverX .BorderDiv .row .form-control, .RiverX .NoBorderDiv .row .form-control, .RiverX .BorderDiv table .form-control {
    padding: 1px 3px !important;
    font-size: 12px !important;
    line-height: normal;
    height: auto;
}

.RiverX {
    font-size: 12px;
    line-height: normal;
}

    .RiverX .FieldsetRowMargin {
        border: 1px solid silver !important;
        padding: 1% !important;
        margin: 0.5% !important;
        min-height: 240px !important;
    }

        .RiverX .FieldsetRowMargin.Width162Min {
            /*min-height: 162px !important;*/
            min-height: 144px !important;
        }

    .RiverX .CurveTableBlock .form-control {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    .RiverX .CurveTableBlock td {
        width: 20%;
        text-align: left;
        padding-left: 6%;
    }

        .RiverX .CurveTableBlock td + td {
            width: 40%;
            padding-left: 2%;
        }

    .RiverX .LeftViewTable {
        display: block;
    }

        .RiverX .LeftViewTable .LeftViewSide {
            width: 22%;
            float: left;
        }

        .RiverX .LeftViewTable .ReportLeftViewSide {
            width: 96%;
            float: left;
        }

            .RiverX .LeftViewTable .ReportLeftViewSide .Margin28 {
                margin-top: 28px !important
            }

            .RiverX .LeftViewTable .ReportLeftViewSide .Margin15 {
                margin-top: 15px !important
            }

    .RiverX .CenterList {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .RiverX .CenterList li {
            padding: 0 6px;
            display: inline-flex;
        }

    .RiverX .RightViewSide {
        width: 77%;
        float: left;
    }

    .RiverX .LeftViewTable .LeftViewSide ul {
        width: 100%;
        float: left;
        margin-top: 4px;
        background: transparent;
        border: none;
    }

    .RiverX .LeftViewTable .LeftViewSide .LeftViewTable2 {
        border: 1px solid silver !important;
        float: left;
        width: 100%;
        word-break: break-all;
        margin-top: 44px;
        font-size: 12px;
    }


        .RiverX .LeftViewTable .LeftViewSide .LeftViewTable2 ul {
            width: 100.5%;
            float: left;
            background: transparent;
            border: none;
            border-bottom: 1px solid silver;
        }

        .RiverX .LeftViewTable .LeftViewSide .LeftViewTable2 .tab-content {
            float: left;
            width: 90%;
            padding: 3%;
        }

    .RiverX .LeftViewTable .LeftViewSide ul li.active, .RiverX .LeftViewTable .LeftViewSide ul li.active a {
        background-color: #cfcfcf !important;
    }

    .RiverX .LeftViewTable .LeftViewSide ul li:hover {
        background-color: #f2f2f2;
    }

    .RiverX .LeftViewTable .LeftViewSide ul li {
        width: 100%;
        background: transparent !important;
        border: none;
    }

    .RiverX .LeftViewTable .LeftViewSide .LeftViewTable2 ul li {
        width: auto;
        background: transparent !important;
        border: none;
    }

    .RiverX .LeftViewTable .LeftViewSide ul li a {
        border: none !important;
        padding: 8px;
        border-radius: 0;
    }

    .RiverX .LeftViewTable .tab-content {
        float: left;
        width: 76%;
        padding-left: 1%;
    }

    .RiverX .TableRStyle {
        width: 100%;
    }

    .RiverX .WidthFull {
        width: 100%;
    }

        .RiverX .WidthFull .Width40 {
            width: 40%;
        }

    .RiverX .TableRStyle .form-control {
        width: 100%;
        height: 18px;
    }

    .RiverX .TableRStyle .Width100Max {
        width: 15%;
    }

    .RiverX .TableRStyle .Width40Percent {
        width: 40%;
    }

    .RiverX .FieldsetRowMargin.MarginZero {
        margin: 0% !important;
    }

    .RiverX .RepoteDataView .Table01 {
        width: 50%;
        font-size: 12px;
        line-height: 20px;
    }

    .RiverX .RepoteDataView .DashBorderLine {
        border: dashed;
        /*border-style: double;*/
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-width: 1px;
        margin-left: 2%;
    }

        .RiverX .RepoteDataView .DashBorderLine .DashBorderLineTd {
            border-left: 1px solid #333;
            border-right: 1px solid #333;
            padding: 4px 10px;
        }

    .RiverX .RepoteDataView .LeftOutSideTable {
        width: 104%;
        margin-left: -2%;
    }

    .RiverX .RepoteDataView .WidthFull {
        width: 100%;
    }

    .RiverX .RepoteDataView .BorderDashBottom {
        border-bottom: 1px dashed #333;
    }

    .RiverX .RepoteDataView .BorderOverflowBlock {
        border-radius: 4px;
        height: 360px;
        overflow: auto;
    }

    .RiverX .SelectValue.Height300 {
        height: 300px;
    }

    .RiverX .ListOverflowBlock.FloatNone {
        float: none;
    }

    .RiverX .GreyBgBlock {
        background-color: #e8e8e8;
        padding: 10px;
    }

        .RiverX .GreyBgBlock p {
            font-size: 18px;
            font-weight: 600;
        }

    .RiverX .RepoteDataView .WidthFullWithFloat {
        width: 100%;
        display: block;
        text-align: left;
    }

    .RiverX .Width10 {
        width: 10%;
    }

    .RiverX .Width20 {
        width: 20%;
    }

    .RiverX textarea {
        padding: 10px !important;
    }

    .RiverX .k-upload-sync .k-upload-button {
        margin: 0;
        border: none;
        min-width: 100%;
        padding: 0px 0 4px 0;
    }

    .RiverX .FieldsetRowMargin .k-upload {
        position: relative;
        height: 18px;
    }

        .RiverX .FieldsetRowMargin .k-upload.disable {
            background-color: #ccc !important;
            height: 18px;
        }

        .RiverX .FieldsetRowMargin .k-upload .k-upload-button {
            background-color: transparent !important;
        }

.PlusBtn:hover .ToolTipCustom, .PlusBtn:hover .ToolTipLeft, .PlusBtn:hover .ToolTipRight, .PlusBtn:hover .ToolTipCustomSetting {
    display: block;
    z-index: 100;
}

.ReportRepositoryPdfOutter {
    position: relative;
    top: -8px;
    z-index: 1;
}

.ReportRepositoryPdf {
    z-index: 1;
}

.PaddingLeft20 {
    padding-left: 20px !important;
}
/*.RiverX  .ReportRepositoryPdf {
    background-image: url(../Content/images/Reports_Repository_pdf.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    position: absolute;
    top: 0px;
    right: 0;
    background-position: center;
    z-index: 100;
    left: 0px;
    background-size: 16px;
}*/

.RiverX .row .riverXDirective {
    display: initial !important;
}

    .RiverX .row .riverXDirective .row .col-lg-3 + .col-lg-3 select {
        margin-left: 8px;
    }

    .RiverX .row .riverXDirective select {
        width: 96% !important;
    }

.RiverX .riverXDirective .FieldsetRowMargin {
    min-height: auto !important;
    margin-bottom: 10px !important;
}
/*

.RiverX .PipeDefinitionTemplatePageStyle .row{
    display: inline !important;
    display:block !important;
    display:compact !important;
    display:flow !important;
    display:inline !important;
    display:inline-table !important;
    display:
}

.RiverX .PipeDefinitionTemplatePageStyle .ShowPipeDefinitionTemp .row.ng-hide, .RiverX .PipeDefinitionTemplatePageStyle .ShowPipeDefinitionTemp .row {
    
}*/

/*======================================================River X End=========================================================*/

/*============================================ Encroachments Start ====================================================*/

.TabBtnStyleEncroachments {
}

.ActiveEneroachmentaTemp .TabBtnStyleEncroachments .k-tabstrip .k-tabstrip-items {
    border: none;
    background: transparent;
    background-image: none;
    background-size: 50% 50%;
    background-repeat: repeat-x;
    color: #222222;
    font-weight: bold;
    border-bottom-right-radius: 4px;
}

.ActiveEneroachmentaTemp .TabBtnStyleEncroachments .k-tabstrip-items .k-state-default .k-link, .ActiveEneroachmentaTemp .k-panelbar > li.k-state-default > .k-link {
    padding: 8px !important;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.ActiveEneroachmentaTemp .TabBtnStyleEncroachments .TabBtnCss {
    padding: 6px !important;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.5px;
    display: table-cell;
    top: 5px !important;
    position: relative;
}
/******** EncroachmentPopupStyle ****/
.ActiveEneroachmentaTemp .EncroachmentPopupStyle {
    box-shadow: 0px 2px 2px 0px silver;
    background: #fff;
    color: rgba(0,0,0,.87);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    display: block;
    position: relative;
    padding: 2%;
    border-radius: 4px;
    float: left;
    width: 95%;
    border: 1px solid #e1e1e1;
    margin-bottom: 16px;
}

.EncroachmentPopupStyle .row {
    display: flex;
}

.EncroachmentPopupStyle .form-control {
    font: 400 16px/1.125 Muli,Helvetica Neue,Arial,sans-serif;
    width: 98%;
    padding: 4px 12px !important;
    margin-bottom: 8px !important;
    height: 16px;
}

.EncroachmentPopupStyle input[type="button"] {
}

.EncroachmentPopupStyle .CancelBtn {
    background-color: #FFFFFF;
    color: #08406F;
    border: 2px solid #928E8E;
    border-radius: 5px;
    padding: 6px 46px;
    font-size: 14px;
}

.EncroachmentPopupStyle .CancelBtn:hover {
    border: 2px solid #08406F;
    background-color: #C1CFDB;
}

.EncroachmentPopupStyle .SaveBtn {
    background-color: #08406F;
    color: #FFFFFF;
    border: 2px solid #08406F;
    border-radius: 5px;
    padding: 6px 46px;
    font-size: 14px;
}

.EncroachmentPopupStyle .SaveBtn:hover {
    border: 2px solid #1B65A4;
    background-color: #1B65A4;
}

.EncroachmentPopupStyle .MarginBottom10 {
    margin-bottom: 10px;
}

.EncroachmentPopupStyle .CloseBtn {
    text-align: inherit;
    position: absolute;
    right: 0;
    border: none;
    background-color: #fff;
}

.EncroachmentPopupStyle .ScrollStyle {
}

.EncroachmentPopupStyle .BorderHideTop {
    border-top: none !important;
}

.EncroachmentPopupStyle tr td {
    padding-bottom: 8px;
    padding-right: 8px;
}

.EncroachmentPopupStyle a {
    background-size: 16px !important;
    width: 20px !important;
    height: 20px;
    margin-right: 0;
    background-position: 1px 4px;
    background-repeat: no-repeat;
    border: none !important;
    border-bottom: none;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: normal;
}

    .EncroachmentPopupStyle a .fa {
        font-size: 16px !important;
    }

/*.setPopUpZIndex {
                z-index:99999 !important;
            }*/

.TabBtnStyleEncroachments {
}

    .TabBtnStyleEncroachments .k-tabstrip .k-tabstrip-items {
        border: none;
        background: transparent;
        background-image: none;
        background-size: 50% 50%;
        background-repeat: repeat-x;
        color: #222222;
        font-weight: bold;
        border-bottom-right-radius: 4px;
    }

    .TabBtnStyleEncroachments .k-tabstrip-items .k-state-default .k-link, .TabBtnStyleEncroachments .k-panelbar > li.k-state-default > .k-link {
        padding: 8px !important;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    .TabBtnStyleEncroachments .TabBtnCss {
        padding: 6px !important;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0.5px;
        display: table-cell;
        top: 5px !important;
        position: relative;
        border: none;
    }
/******** EncroachmentPopupStyle ****/
.EncroachmentPopupStyle {
    box-shadow: 0px 2px 2px 0px silver;
    background: #fff;
    color: rgba(0,0,0,.87);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    display: block;
    position: relative;
    padding: 2%;
    border-radius: 4px;
    float: left;
    width: 95%;
    border: 1px solid #e1e1e1;
    margin-bottom: 16px;
}

    .EncroachmentPopupStyle .row {
        display: flex;
    }

    .EncroachmentPopupStyle .form-control {
        font: 400 16px/1.125 Muli,Helvetica Neue,Arial,sans-serif;
        width: 98%;
        padding: 4px 12px !important;
        margin-bottom: 8px !important;
        height: 16px;
    }

    .EncroachmentPopupStyle input[type="button"] {
    }

    .EncroachmentPopupStyle .MarginBottom10 {
        margin-bottom: 10px;
    }

    .EncroachmentPopupStyle .CloseBtn {
        text-align: inherit;
        position: absolute;
        right: 0;
        border: none;
        background-color: #fff;
    }

    .EncroachmentPopupStyle .ScrollStyle {
    }

    .EncroachmentPopupStyle .BorderHideTop {
        border-top: none !important;
    }

    .EncroachmentPopupStyle tr td {
        padding-bottom: 8px;
        padding-right: 8px;
    }

    .EncroachmentPopupStyle a {
        background-size: 16px !important;
        width: 20px !important;
        height: 20px;
        margin-right: 0;
        background-position: 1px 4px;
        background-repeat: no-repeat;
        border: none !important;
        border-bottom: none;
        padding: 0 !important;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        line-height: normal;
    }

        .EncroachmentPopupStyle a .fa {
            font-size: 16px !important;
        }

    .EncroachmentPopupStyle .BtnStyleTable {
        display: inline-block;
    }

        .EncroachmentPopupStyle .BtnStyleTable .TabBtnCss {
            display: block !important;
        }

    .EncroachmentPopupStyle .SearchBlock {
        display: block;
        min-width: 400px;
        background-color: #2d7bba;
        margin: 0 10px 0;
        border-radius: 50px;
        padding: 1px 12px;
        position: relative;
        top: 4px;
    }

        .EncroachmentPopupStyle .SearchBlock .fa {
            float: left;
            width: 20px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            margin-top: 6px;
            margin-right: 6px;
        }

        .EncroachmentPopupStyle .SearchBlock .form-control {
            display: block;
            width: 88%;
            HEIGHT: 30px;
            padding: 0 6px !important;
            border-radius: 0;
        }

.commentPopup .BtnStyleTable {
    display: inline-table;
    width: 100%;
}


.EncroachmentPopupStyle.commentPopup tr td {
    padding-bottom: 8px;
    padding-right: 8px;
    font-size: 13px;
    width: 50%;
}

.commentPopup .SearchBlock {
    display: block;
    min-width: 400px;
    background-color: #2d7bba;
    margin: 0 10px 0;
    border-radius: 50px;
    padding: 1px 12px;
    position: relative;
    top: 4px;
    right: 0;
}

.EncroachmentPopupStyle.commentPopup .SearchBlock .form-control {
    width: 86%;
    height: 20px;
    margin: 0 !important;
    padding: 0;
}

.EncroachmentPopupStyle .k-grid-header th.k-header > .k-link {
    display: initial;
    min-height: 18px;
    line-height: 18px !important;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.EncroachmentMapBaseToggle .BasemapToggle {
    bottom: 2px !important;
    right: 2px !important;
}

.ViewHourRateTemp .dateStyle .k-picker-wrap, .ViewHourRateTemp .dateStyle .k-state-default {
    width: 96% !important;
    padding: 4px 2% !important;
}

.ViewHourRateTemp .HoursRateInsidePopup {
}

    .ViewHourRateTemp .HoursRateInsidePopup .dateStyle .k-picker-wrap, .ViewHourRateTemp .HoursCommentInsidePopup .dateStyle .k-state-default {
        width: 100% !important;
        padding: 0 !important;
    }

    .ViewHourRateTemp .HoursRateInsidePopup .dateStyle input {
        width: 99% !important;
        padding: 5px 2px !important;
        height: auto !important;
    }

.ViewDetailsTemp .commentPopup .BtnStyleTable {
    display: inline-table;
    width: 100%;
}


.ViewDetailsTemp .EncroachmentPopupStyle.commentPopup tr td {
    padding-bottom: 8px;
    padding-right: 8px;
    font-size: 13px;
    width: 50%;
}

.ViewDetailsTemp .commentPopup .SearchBlock {
    display: block;
    min-width: 400px;
    background-color: #2d7bba;
    margin: 0 10px 0;
    border-radius: 50px;
    padding: 1px 12px;
    position: relative;
    top: 4px;
    right: 0;
}

.ViewDetailsTemp .EncroachmentPopupStyle.commentPopup .SearchBlock .form-control {
    width: 86%;
    height: 20px;
    margin: 0 !important;
    padding: 0;
}

.ViewDetailsTemp .EncroachmentPopupStyle .k-grid-header th.k-header > .k-link {
    display: initial;
    min-height: 18px;
    line-height: 18px !important;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ViewCommentAndHourTemp .dateStyle .k-picker-wrap, .dateStyle .k-state-default {
    width: 96% !important;
    padding: 4px 2% !important;
}

.ViewCommentAndHourTemp .HoursCommentInsidePopup {
}

    .ViewCommentAndHourTemp .HoursCommentInsidePopup .dateStyle .k-picker-wrap, .ViewCommentAndHourTemp .HoursCommentInsidePopup .dateStyle .k-state-default {
        width: 100% !important;
        padding: 0 !important;
    }

    .ViewCommentAndHourTemp .HoursCommentInsidePopup .dateStyle input {
        width: 99% !important;
        padding: 5px 2px !important;
        height: auto !important;
    }

.EncroachmentsPageStyle .SearchBlock {
    display: block;
    min-width: 400px;
    background-color: #2d7bba;
    margin: 0 10px 0;
    border-radius: 50px;
    padding: 1px 12px;
    position: relative;
    top: 4px;
}

    .EncroachmentsPageStyle .SearchBlock .fa {
        float: left;
        width: 20px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin-top: 2px;
        margin-right: 6px;
    }

    .EncroachmentsPageStyle .SearchBlock .form-control {
        display: block;
        width: 88%;
        HEIGHT: 30px;
        padding: 0 6px !important;
        border-radius: 0;
    }

.EncroachmentsPageStyle .BtnStyleTable {
    display: inline-table;
    width: auto;
}


.EncroachmentPopupStyle tr td {
    padding-bottom: 8px;
    padding-right: 8px;
    font-size: 13px;
    width: 33% !important;
}

    .EncroachmentPopupStyle tr td table tr td {
        padding-bottom: 0px;
        padding-right: 0px;
        font-size: 13px;
        width: auto !important;
    }

    .EncroachmentPopupStyle tr td.NoChanges table tr td {
        padding-bottom: 8px;
        padding-right: 8px;
        font-size: 13px;
    }

.EncroachmentsPageStyle .SearchBlock {
    display: block;
    min-width: 400px;
    background-color: #2d7bba;
    margin: 0 10px 0;
    border-radius: 50px;
    padding: 1px 12px;
    position: relative;
    top: 4px;
    right: 0;
}

    .EncroachmentsPageStyle .SearchBlock .form-control {
        width: 86%;
        height: 20px;
        margin: 0 !important;
        padding: 0;
    }
/*================================================ Encroachments End ============================================*/



/*================================================ HotTapStyle Start ============================================*/
.HotTapStyle {
}

    .HotTapStyle .row {
        margin-right: 0;
        margin-left: 0;
    }

    .HotTapStyle .col-xs-1, .HotTapStyle .col-sm-1, .HotTapStyle .col-md-1, .HotTapStyle .col-lg-1,
    .HotTapStyle .col-xs-2, .HotTapStyle .col-sm-2, .HotTapStyle .col-md-2, .HotTapStyle .col-lg-2,
    .HotTapStyle .col-xs-3, .HotTapStyle .col-sm-3, .HotTapStyle .col-md-3, .HotTapStyle .col-lg-3,
    .HotTapStyle .col-xs-4, .HotTapStyle .col-sm-4, .HotTapStyle .col-md-4, .HotTapStyle .col-lg-4,
    .HotTapStyle .col-xs-5, .HotTapStyle .col-sm-5, .HotTapStyle .col-md-5, .HotTapStyle .col-lg-5,
    .HotTapStyle .col-xs-6, .HotTapStyle .col-sm-6, .HotTapStyle .col-md-6, .HotTapStyle .col-lg-6,
    .HotTapStyle .col-xs-7, .HotTapStyle .col-sm-7, .HotTapStyle .col-md-7, .HotTapStyle .col-lg-7,
    .HotTapStyle .col-xs-8, .HotTapStyle .col-sm-8, .HotTapStyle .col-md-8, .HotTapStyle .col-lg-8,
    .HotTapStyle .col-xs-9, .HotTapStyle .col-sm-9, .HotTapStyle .col-md-9, .HotTapStyle .col-lg-9,
    .HotTapStyle .col-xs-10, .HotTapStyle .col-sm-10, .HotTapStyle .col-md-10, .HotTapStyle .col-lg-10,
    .HotTapStyle .col-xs-11, .HotTapStyle .col-sm-11, .HotTapStyle .col-md-11, .HotTapStyle .col-lg-11,
    .HotTapStyle .col-xs-12, .HotTapStyle .col-sm-12, .HotTapStyle .col-md-12, .HotTapStyle .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

    /*.HotTapStyle .TabViewStyle fieldset.BorderDiv {
        border: 1px solid silver !important;
        padding: 0.5% !important;
        margin: 1% !important;
    }*/

    /*.HotTapStyle .BorderDiv .row .form-control, .HotTapStyle .NoBorderDiv .row .form-control {
        margin: 0 0px !important;
        width: 90% !important;
    }*/


/*================================================ HotTapStyle End ============================================*/





/*================================================ MSDTStyle Start ============================================*/
.MSDTStyle {
}

    .MSDTStyle .row {
        margin-right: 0;
        margin-left: 0;
    }

    .MSDTStyle .col-xs-1, .MSDTStyle .col-sm-1, .MSDTStyle .col-md-1, .MSDTStyle .col-lg-1,
    .MSDTStyle .col-xs-2, .MSDTStyle .col-sm-2, .MSDTStyle .col-md-2, .MSDTStyle .col-lg-2,
    .MSDTStyle .col-xs-3, .MSDTStyle .col-sm-3, .MSDTStyle .col-md-3, .MSDTStyle .col-lg-3,
    .MSDTStyle .col-xs-4, .MSDTStyle .col-sm-4, .MSDTStyle .col-md-4, .MSDTStyle .col-lg-4,
    .MSDTStyle .col-xs-5, .MSDTStyle .col-sm-5, .MSDTStyle .col-md-5, .MSDTStyle .col-lg-5,
    .MSDTStyle .col-xs-6, .MSDTStyle .col-sm-6, .MSDTStyle .col-md-6, .MSDTStyle .col-lg-6,
    .MSDTStyle .col-xs-7, .MSDTStyle .col-sm-7, .MSDTStyle .col-md-7, .MSDTStyle .col-lg-7,
    .MSDTStyle .col-xs-8, .MSDTStyle .col-sm-8, .MSDTStyle .col-md-8, .MSDTStyle .col-lg-8,
    .MSDTStyle .col-xs-9, .MSDTStyle .col-sm-9, .MSDTStyle .col-md-9, .MSDTStyle .col-lg-9,
    .MSDTStyle .col-xs-10, .MSDTStyle .col-sm-10, .MSDTStyle .col-md-10, .MSDTStyle .col-lg-10,
    .MSDTStyle .col-xs-11, .MSDTStyle .col-sm-11, .MSDTStyle .col-md-11, .MSDTStyle .col-lg-11,
    .MSDTStyle .col-xs-12, .MSDTStyle .col-sm-12, .MSDTStyle .col-md-12, .MSDTStyle .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .MSDTStyle .TabViewStyle fieldset.BorderDiv {
        border: 1px solid silver !important;
        padding: 0.5% !important;
        margin: 1% !important;
    }

    .MSDTStyle .BorderDiv .row .form-control, .MSDTStyle .NoBorderDiv .row .form-control {
        margin: 0 0px !important;
        width: 90% !important;
    }


    .MSDTStyle .TabViewStyle fieldset.BorderDiv.PaddingBottom18 {
        padding-bottom: 18px !important;
    }

    .MSDTStyle .TabViewStyle fieldset.BorderDiv.PaddingBottom9 {
        padding-bottom: 9px !important;
    }

    .MSDTStyle .blackboxgreentext {
        background-color: black !important;
        color: #26E600 !important;
    }

    .MSDTStyle .blackboxredtext {
        background-color: black !important;
        color: #FF1919 !important;
    }



    .MSDTStyle .Width1200 {
        width: 1200px;
        margin: 0 auto;
    }

    .MSDTStyle img {
        width: 100%;
    }

    .MSDTStyle .Paddingtable table {
        margin-left: 16px;
    }

        .MSDTStyle .Paddingtable table tr td {
            padding-left: 6px;
        }

    .MSDTStyle .cursorpointer {
        cursor: pointer !important;
    }

    .MSDTStyle .fa-folder {
        color: #ffea99;
    }

    .MSDTStyle .fa-circle {
        font-size: 9px;
        color: #666;
    }
    /* .MSDTStyle .Width1200 tr td:active, .MSDTStyle .Width1200 tr td:focus {
        background-color: #0096d6;
        color: #fff;
    }*/
    .MSDTStyle .ActiveResult {
        background-color: #0096d6;
        color: #fff;
    }

.msdtResultSelect {
    background-color: #1e90ff;
    color: #FFFFFF;
}


.msdtResultScrollbar {
    float: left;
    width: 20% !important;
    border-right: 1px solid #000;
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
}

/*================================================ MSDTStyle End ============================================*/
.k-window-titlebar .k-window-action {
    width: 24px !important;
}



.DisplayFlex {
    display: flex;
}

.API1104WeldImperfectionAssessmentPageStyleCustomStyle #RSTRENGtempContainerapiwiapt110 .row {
    display: inline;
}

    .API1104WeldImperfectionAssessmentPageStyleCustomStyle #RSTRENGtempContainerapiwiapt110 .row .row {
        display: initial;
    }

    .API1104WeldImperfectionAssessmentPageStyleCustomStyle #RSTRENGtempContainerapiwiapt110 .row .CaseNameDDL {
        width: 88% !important;
    }

.esri-scale-bar.esri-widget {
    bottom: 0px !important;
    left: calc(50% - 40px) !important;
    background: #f5f4f4 !important;
}

.esri-popup__button--dock {
    display: none !important;
}


.HotTapStyle.PipeJointAutoScroll {
    height: 100% !important;
}

.HotTapStyle .BtnViewSpace {
    padding: 6px;
    font-size: 14px;
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
    cursor: pointer;
}

.HotTapStyle .BtnViewSpaceList {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 90%;
    float: left;
}

    .HotTapStyle .BtnViewSpaceList li {
        list-style-type: none;
        display: inline;
    }

/************************************** MSDT PRCI ********************************************/
.PRCITableMSDT {
    border-collapse: collapse;
    width: 100%;
}

    .PRCITableMSDT .TableHead {
    }

        .PRCITableMSDT .TableHead td {
            font-size: 12px;
            text-align: center;
            min-width: 60px;
            padding: 4px;
            font-weight: bold;
        }

    .PRCITableMSDT tr td {
        padding: 4px;
    }

.InitialMeterTable {
    border-collapse: collapse;
    width: 100%;
}

    .InitialMeterTable .HeadTr {
        font-size: 12px;
        text-align: center;
        min-width: 60px;
        padding: 4px;
        font-weight: bold;
    }

    .InitialMeterTable tr td {
        padding: 4px;
    }

.k-treeview-leaf {
    padding: 0px !important;
}

.k-treeview-leaf-text {
    font-size: 11px !important;
}

.k-treeview .k-checkbox-wrap, .k-treeview .k-checkbox-wrapper {
    margin-left: 0px !important;
}

.HubNewStyling .k-tabstrip-items .k-item .k-link,
.HubNewStyling .k-panelbar > li.k-item > .k-link,
.HubNewStyling .kendo-tab-strip-view li {
    padding: 4px !important;
    font-size: 10px !important;
    text-decoration: none !important;
    color: #555555 !important;
}
    
.k-dropzone .k-dropzone-hint {
    margin-left: 0.6em;
    display: none;
}

.k-prompt-container, .k-window-content {
    height: 100%;
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    right: 10px;
}

.k-window-titlebar {
    margin-top: -31px !important;
}

.k-window-title {
    min-height: 20px !important;
}

.item .connectionList.row {
    width: 90% !important;
    float: left;
    padding: 0px !important;
    margin-left: 5%;
}

.hideBorder {
    border: none !important;
}

.password-policy .green-font:before, .password-policy .red-font:before {
    margin-right: 2px
}

.ColMargin3Pec .col-xs-1,
.ColMargin3Pec .col-sm-1, .ColMargin3Pec .col-md-1, .ColMargin3Pec .col-lg-1, .ColMargin3Pec .col-xs-2, .ColMargin3Pec .col-sm-2, .ColMargin3Pec .col-md-2, .ColMargin3Pec .col-lg-2, .ColMargin3Pec .col-xs-3, .ColMargin3Pec .col-sm-3, .ColMargin3Pec .col-md-3, .ColMargin3Pec .col-lg-3, .ColMargin3Pec .col-xs-4, .ColMargin3Pec .col-sm-4, .ColMargin3Pec .col-md-4, .ColMargin3Pec .col-lg-4, .ColMargin3Pec .col-xs-5, .ColMargin3Pec .col-sm-5, .ColMargin3Pec .col-md-5, .ColMargin3Pec .col-lg-5, .ColMargin3Pec .col-xs-6, .ColMargin3Pec .col-sm-6, .ColMargin3Pec .col-md-6, .ColMargin3Pec .col-lg-6, .ColMargin3Pec .col-xs-7, .ColMargin3Pec .col-sm-7, .ColMargin3Pec .col-md-7, .ColMargin3Pec .col-lg-7, .ColMargin3Pec .col-xs-8, .ColMargin3Pec .col-sm-8, .ColMargin3Pec .col-md-8, .ColMargin3Pec .col-lg-8, .ColMargin3Pec .col-xs-9, .ColMargin3Pec .col-sm-9, .ColMargin3Pec .col-md-9, .ColMargin3Pec .col-lg-9, .ColMargin3Pec .col-xs-10, .ColMargin3Pec .col-sm-10, .ColMargin3Pec .col-md-10, .ColMargin3Pec .col-lg-10, .ColMargin3Pec .col-xs-11, .ColMargin3Pec .col-sm-11, .ColMargin3Pec .col-md-11, .ColMargin3Pec .col-lg-11, .ColMargin3Pec .col-xs-12, .ColMargin3Pec .col-sm-12, .ColMargin3Pec .col-md-12, .ColMargin3Pec .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 3% !important;
    padding-left: 3% !important;
}

.menu-icon:hover svg path {
    fill: none !important;
    stroke: #9ec2db !important;
}

.clone-dashboard-icon:hover svg path {
    fill: #767676 !important;
}

.chatIcon:hover svg path {
    fill: #9ec2db !important;
}

/******** Right menu ********/
.RightMenu .navbar-nav {
    margin: 15px 2px !important;
}

    .RightMenu .navbar-nav li {
        border: none !important;
    }

        .RightMenu .navbar-nav li a .fa {
            font-size: 17px;
            color: #fff;
        }

        .RightMenu .navbar-nav li a:hover .fa {
            font-size: 17px;
            color: #9ec2db;
        }

        .RightMenu .navbar-nav li a:hover svg path {
            fill: #9ec2db;
        }

    .RightMenu .navbar-nav ul {
        background-color: #fff;
        float: left;
        top: 40px;
        width: 200px;
        padding: 0;
        margin: 0;
        box-shadow: 0 7px 20px 0 rgb(0 0 0 / 40%);
        border-radius: 4px;
        left: -26%;
    }

.TopNavBlock .RightMenu .SubMenu2Right {
    right: 0px;
}

.TopNavBlock .RightMenu .TopLeftNavDropdown .fa-caret-up {
    color: #fff;
    font-size: 36px;
    position: absolute;
    top: -4px;
    z-index: 1;
    left: 52%;
}

.TopNavBlock .RightMenu .SubMenu2Right .fa-caret-up {
    left: 74%;
}

.TopNavBlock .RightMenu .TopLeftNavDropdown a:hover {
    text-decoration: none;
    background-color: #c1cfdb !important;
    border-radius: 0;
    color: #000 !important;
}

.TopNavBlock .RightMenu .dropdown-menu {
    background-color: white;
    right: -46px;
    width: 160px !important;
    left: auto;
    top: 39px;
    padding: 2px 0px;
    border: none !important;
}

    .TopNavBlock .RightMenu .dropdown-menu a {
        padding: 4px 8px;
        float: left;
        color: #000 !important;
        width: 100%;
        background: white !important;
    }

.TopNavBlock .RightMenu .TopLeftNavDropdown a + a {
    border-top: 1px solid #e6e6e6;
    border-left: none !important;
    border-collapse: collapse;
}

.TooltipLaunchPiper {
    background-color: #D3EDFD !important;
    width: 196px;
    height: 67px;
    padding: 8px !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16) !important;
}
.k-tooltip.k-popup.k-widget.TooltipLaunchPiper {
    border-color: #D3EDFD !important;
}
/*.search-bar {
    position: relative;
    width: 86% !important;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
    .search-bar .input-text {
        border: none;
        background: #fff !important;
        border-color: #fff !important;
        height: 26px !important;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border: 0 solid transparent !important;
        box-shadow:none !important;
    }
    .search-bar .icon {
        background-color: #fff !important;
        font-size: 15px;
        opacity: 0.7;
        background-color: transparent !important;
        top: 42% !important;
    }*/
.iui-treeview {
    border-radius: 0px;
    border: none !important;
    border-right: 0px;
}

/*.disabled {
    border-radius: 40px;
}*/



















@media only screen and (min-width: 300px) and (max-width: 1080px) {
    .navbar-toggle {
        float: right;
    }

    .navbar-toggle {
        display: block;
    }

    .TopNavBlock .collapse.in {
        display: block;
        visibility: visible;
    }

    .navbar-header {
        float: left;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
            visibility: visible !important;
        }

    .TopNavBlock .collapse {
        display: none;
        visibility: hidden;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

    .TopNavBlock .FloatLeft {
        float: left !important;
        background-color: #08406f !important;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none !important;
    }

    .TopNavBlock .navbar li a:hover, .TopNavBlock .navbar li:active {
        text-decoration: none;
        background-color: #c1cfdb !important;
        border-radius: 0 !important;
        color: #08406F !important;
    }

    .TopLeftNav li:hover .TopLeftNavDropdown:before {
        text-decoration: none;
        background-color: #c1cfdb !important;
        border-radius: 0 !important;
        color: #000 !important;
    }

    .pltbMenu .TopLeftNavDropdown {
        display: none;
        position: absolute;
        background-color: #fff;
        float: left;
        top: 41px;
        width: 175px;
        padding: 0;
        margin: 0;
        z-index: 1;
        left: 0;
    }

    .TopLeftNavDropdown .fa-caret-up {
        color: #fff;
        font-size: 30px;
        position: absolute;
        top: -21px;
        left: 20%;
        z-index: 1;
    }

    .navbar-collapse.collapse .RightMenu {
        display: block !important;
        background: red;
        display: block !important;
        float: right;
        right: 0;
    }

    .RightMenu .navbar-nav {
        margin: 6px 2px !important;
    }

        .RightMenu .navbar-nav li {
            border: none !important;
        }

    /*.TopNavBlock .navbar li {
        list-style-type: none;
        margin: 0 1px;
        background-color: transparent;
        width: auto;
    }*/
    .TopNavBlock .navbar .RightMenu li {
        list-style-type: none;
        float: left;
        margin: 0 1px;
        background-color: transparent;
        width: auto;
    }

    .TopNavBlock .navbar li:hover a:before,
    .TopNavBlock .navbar li:hover a,
    .TopNavBlock .navbar li.open a,
    .TopNavBlock .navbar li a:visited {
        color: #fff;
    }

    .RightMenu {
        position: absolute;
        top: 0;
        right: 0;
    }

    .navbar-toggle {
        margin-right: 6px;
        margin-left: 10px;
    }

    .RightMenu li a {
        color: #fff !important;
        padding: 8px !important;
    }

    .TopNavBlock .navbar .RightMenu li a:hover, .TopNavBlock .navbar .RightMenu li:active {
        text-decoration: none;
        background-color: #c1cfdb !important;
        border-radius: 40px !important;
        color: #000 !important;
        padding: 8px !important;
    }

    .TopNavBlock .navbar .RightMenu .dropdown-menu a:hover, .TopNavBlock .navbar .RightMenu .dropdown-menu li:active {
        text-decoration: none;
        background-color: #c1cfdb !important;
        border-radius: 0px !important;
        color: #000 !important;
        padding: 8px !important;
    }
}


/*.DropwonMenuListCustom .navbar {
    margin-top: -4px;
}

    .DropwonMenuListCustom .navbar ul {
        margin-top: 0;
    }

        .DropwonMenuListCustom .navbar ul li {
            list-style-type: none;
            float: none;
            margin: 0 1px;
            width: auto;
            display: inline-block;
        }

            .DropwonMenuListCustom .navbar ul li a {
                background-position: 0px 5px !important;
                background-size: 12px !important;
                width: auto;
                padding-left: 16px;
                padding-top: 0;
                color: #000;
                font-weight: 600;
                font-size: 12px;
                letter-spacing: 0.5px;
                padding-bottom: 0;
            }*/
/*.DropwonMenuListCustom .navbar .LinkAction a {
        background-color: rgba(0, 0, 0, 0.5);
    }*/
/*.DropwonMenuListCustom .navbar {
    margin-top: -4px;
}

.DropwonMenuListCustom .navbar {
    margin-top: -4px;
}

    .DropwonMenuListCustom .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }

    .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li {
        width: 100%;
        padding-left: 8px;
        background-color: transparent !important;
    }

        .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li a {
            letter-spacing: 0.5px;
            width: 100%;
            padding-left: 16px !important;
            font-size: 12px !important;
            padding-bottom: 0 !important;
            background-color: transparent !important;
            color:#000 !important
        }

        .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li:hover, .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li:visited, .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li:active {
            background-color:*/ /*rgba(0, 0, 0, 0.5) !important*/ /*silver !important;
        }

        .DropwonMenuListCustom .navbar .dropdown .dropdown-menu li a:hover {
            background-color: transparent !important;
        }

    .DropwonMenuListCustom .navbar .dropdown .dropdown-menu {
        background-color:*/ /*#0e4c7e*/ /*#fff;
    }*/



.DropwonMenuListCustom .LinkAction {
    margin-top: 0;
    float: left !important;
    padding: 4px 0 !important;
    margin-left: 4px !important;
}

    .DropwonMenuListCustom .LinkAction li {
        list-style-type: none;
        float: none;
        margin: 0 1px;
        width: auto;
        display: inline-block;
    }

.RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction li a {
    width: auto;
    FONT-VARIANT: JIS04;
    padding: 2px 4px !important;
    color: #08406F;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    border: 1px solid silver;
    height: auto !important;
    border-radius: 4px;
    margin-top: 2px;
}
    .RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction li a:hover, .RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction li .btn:hover {
        background-color: #c0d0dc !important;
    }
.RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction li .btn:focus {
    border-color: transparent !important;
}
.RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction li .disabled{
    background-color:#ccc !important;
}

.DropwonMenuListCustom .LinkAction li a img {
    width: 14px;
    color: #1a568e;
}
.DropwonMenuListCustom .LinkAction li a svg {
    width: 14px;
    color: #1a568e;
    margin-top: 2px;
    float: left;
    margin-right: 4px;
}

.DropwonMenuListCustom .dropdown:hover .dropdown-menu {
    display: block;
}

.DropwonMenuListCustom .dropdown .dropdown-menu li {
    width: 100%;
    padding-left: 8px;
    background-color: transparent !important;
}

    .DropwonMenuListCustom .dropdown .dropdown-menu li a {
        letter-spacing: 0.5px;
        width: 100%;
        padding-left: 0px !important;
        font-size: 12px !important;
        padding-bottom: 0 !important;
        background-color: transparent !important;
        color: #000 !important;
        border: none
    }
       
        .DropwonMenuListCustom .dropdown .dropdown-menu li a img {
            width: 14px;
        }

    .DropwonMenuListCustom .dropdown .dropdown-menu li:hover, .DropwonMenuListCustom .dropdown .dropdown-menu li:visited, .DropwonMenuListCustom .dropdown .dropdown-menu li:active {
        background-color: /*rgba(0, 0, 0, 0.5) !important*/ #f5f5f5 !important;
    }

    .DropwonMenuListCustom .dropdown .dropdown-menu li a:hover {
        background-color: transparent !important;
    }

.RstrengPagePopupStyle .DropwonMenuListCustom .LinkAction .btn-default {
    padding: 3px 6px;
    margin: 0 4px 0 0;
    background-color: #fff;
    border: 1px solid silver;
    font-size: 12px;
    float: left;
    color: #08406F;
    margin-top: 2px; 
}

.DropwonMenuListCustom .dropdown .dropdown-menu {
    background-color: /*#0e4c7e*/ #fff;
}

.RSTRENGpremiumPopup {
    background-color: #fff !important;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: 'Inter';
}

    .RSTRENGpremiumPopup h2 {
        text-align: center;
        color: #000;
        letter-spacing: 0.5px;
        font-weight: bold;
        font-size: 22px !important
    }

    .RSTRENGpremiumPopup h3 {
        text-align: center;
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

    .RSTRENGpremiumPopup .WihiteBtn {
        background-color: #fff;
        border: 2px solid #11406F;
        border-radius: 4px;
        padding: 6px 10px;
        font-size: 14px;
        color: #11406F;
        font-weight: 600;
        font-family: 'Inter';
    }

    .RSTRENGpremiumPopup .BlueBtn {
        background-color: #11406F;
        border: 2px solid #11406F;
        border-radius: 4px;
        padding: 6px 10px;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        margin-left: 8px;
        cursor: pointer;
        font-family: 'Inter';
    }

    .RSTRENGpremiumPopup a:hover {
        /*background-color: rgba(0, 0, 0, 0.5) !important;*/
        background-color: #1B65A4;
        border-color: #1B65A4;
    }

    .RSTRENGpremiumPopup button:hover {
        background-color: #C1CFDB !important;
    }

    .RSTRENGpremiumPopup .CloseBtn {
        color: #333;
        background-color: transparent !important;
        position: absolute;
        right: 24px;
        top: 24px;
    }

        .RSTRENGpremiumPopup .CloseBtn .k-icon {
            font-size: 24px;
            color: #928e8e;
        }

        .RSTRENGpremiumPopup .CloseBtn:hover {
            background-color: transparent !important;
        }

.RSTRENGpremiumPopupStep2 .CloseBtn {
    color: #333;
    background-color: transparent !important;
    position: absolute;
    right: 24px;
    top: 24px;
}

    .RSTRENGpremiumPopupStep2 .CloseBtn .k-icon {
        font-size: 24px;
        color: #928e8e;
    }

    .RSTRENGpremiumPopupStep2 .CloseBtn:hover {
        background-color: transparent !important;
    }

.RSTRENGpremiumPopupStep2TableStyle {
    margin: 4px 22px;
}

    .RSTRENGpremiumPopupStep2TableStyle td + td + td {
        border-right: 2px solid #f5f5f5;
    }

        .RSTRENGpremiumPopupStep2TableStyle td + td + td + td {
            border-right: none;
        }

    .RSTRENGpremiumPopupStep2TableStyle .BlueRound {
        color: #fff;
        padding: 6px 16px;
        letter-spacing: 0.5px;
        font-weight: 600;
    }

    .RSTRENGpremiumPopupStep2TableStyle .GreyBg {
        background-color: #f4f4f4;
        padding: 6px 16px 6px 22px
    }

    .RSTRENGpremiumPopupStep2TableStyle .WhitBg {
        background-color: #fff;
        border-left: 2px solid #f5f5f5;
    }

    .RSTRENGpremiumPopupStep2TableStyle .BorderBottom {
        border-bottom: 2px solid #f5f5f5;
    }

    .RSTRENGpremiumPopupStep2TableStyle b {
        color: #11406F;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Inter';
    }

    .RSTRENGpremiumPopupStep2TableStyle h1 {
        color: #000;
        font-size: 18px;
        text-align: left;
        padding: 0;
        font-weight: bolder !important;
        margin: 4px 0;
        font-family: 'Inter'
    }

    .RSTRENGpremiumPopupStep2TableStyle h2 {
        color: #000;
        font-size: 18px;
        text-align: left;
        padding: 0;
        font-weight: bolder !important;
        margin: 4px 0;
        font-family: 'Inter'
    }

    .RSTRENGpremiumPopupStep2TableStyle .WhitBg h1 {
        padding: 10px 16px;
        border-top: 2px solid #E0DEDE;
        margin: 0;
        text-align: center;
    }


.RSTRENGpremiumPopupStep2 .DemoButton {
    background-color: transparent !important;
    color: #08406F !important;
    font-weight: 600;
}

.RSTRENGpremiumPopupStep2 .DemoButton:hover {
    background-color: transparent !important;
    color: #08406F !important;
    text-decoration: underline;
}

.RSTRENGpremiumPopupStep2TableStyle .BlueRound {
}

.RSTRENGpremiumPopupStep2TableStyle .GreyBg {
}

.RSTRENGpremiumPopupStep2TableStyle .WhitBg {
}

.RSTRENGpremiumPopupStep2TableStyle h1 {
    color: #000;
    font-size: 18px;
    text-align: left;
    padding: 0;
    font-weight: bold;
    margin: 4px 0;
}

.RSTRENGpremiumPopupStep2TableStyle p {
    text-align: left;
    color: #000;
}

.RSTRENGpremiumPopupStep2TableStyle .k-icon {
    color: #11406F;
}

.RSTRENGpremiumPopupStep2TableStyle a {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.5px;
}

    .RSTRENGpremiumPopupStep2TableStyle a:hover {
        background-color: transparent !important;
    }

.HDDPowerToolpremiumPopupTableStyle {
    margin: 4px 22px;
}

.HDDPowerToolpremiumPopupTableStyle td + td + td {
    border-right: 2px solid #f5f5f5;
}

.HDDPowerToolpremiumPopupTableStyle td + td + td + td {
    border-right: none;
}

.HDDPowerToolpremiumPopupTableStyle .BlueRound {
    color: #fff;
    padding: 6px 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.HDDPowerToolpremiumPopupTableStyle .GreyBg {
    background-color: #f4f4f4;
    padding: 1px 16px 1px 22px
}

.HDDPowerToolpremiumPopupTableStyle .WhitBg {
    background-color: #fff;
    border-left: 2px solid #f5f5f5;
}

.HDDPowerToolpremiumPopupTableStyle .BlueBg {
    background-color: #EEF2F6;
}

.HDDPowerToolpremiumPopupTableStyle .BorderBottom {
    border-bottom: 2px solid #f5f5f5;
}

.HDDPowerToolpremiumPopupTableStyle b {
    color: #11406F;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Inter';
}

.HDDPowerToolpremiumPopupTableStyle h1 {
    color: #000;
    font-size: 11px;
    text-align: left;
    padding: 0;
    font-weight: bolder !important;
    margin: 4px 0;
    font-family: 'Inter'
}

.HDDPowerToolpremiumPopupTableStyle .WhitBg h1 {
    padding: 6px 10px;
    border-top: 2px solid #E0DEDE;
    margin: 0;
    text-align: center;
}

.HDDPowerToolpremiumPopupTableStyle h1 {
    color: #000;
    font-size: 11px;
    text-align: left;
    padding: 0;
    font-weight: bold;
    margin: 4px 0;
}

.HDDPowerToolpremiumPopupTableStyle p {
    text-align: left;
    color: #000;
    font-size: 10px;
    margin: 0 0 5px;
    font-family: 'Inter';
}

.HDDPowerToolpremiumPopupTableStyle .k-icon {
    color: #11406F;
}

.HDDPowerToolpremiumPopupTableStyle a {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.HDDPowerToolpremiumPopupTableStyle a:hover {
    background-color: transparent !important;
}

.TdCenterStyle table .k-master-row td div {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}

.TdCenterStyle table .k-master-row td + td div {
    float: initial;
    width: initial;
    margin: initial;
    text-align: initial;
}

.TdCenterStyle table .k-master-row td + td {
    text-align: right;
}

.TdCenterStyle .k-column-title, .TdCenterStyle .k-column-title .chkHeader {
    float: none;
    margin: 0 auto;
}

.TdCenterStyle table tr th + th .k-cell-inner {
    text-align: right;
    float: right;
}
/*.k-grid .k-header > .k-cell-inner {
    margin: -0.5em -0.6em -0.4em -0.6em;
    text-align: right;
}*/
.TdCenterStyle table tr th + th .k-column-title {
    float: right !important;
    margin: 0;
    text-align: right;
}
.OverlayWhite {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba( 255, 255, 255, 0.5);
}
    .OverlayWhite .RSTRENGpremiumPopup {
        background-color: #fff;
        float: left;
        width: 84%;
        height: 50%;
        text-align: center;
        margin: 15% 8%;
    }
.panel-heading .fa-times {
    color: #474141 !important
}

.icon-wrap {
/*    display: inline-block;*/
    transition: background-color 0.25s;
    height: 0.8em;
    width: 0.8em;
    /*padding: 0.25em;*/
    border-radius: 50%;
}

.icon-wrap:hover {
    background-color: rgba(0, 0, 0, .15) !important;
    cursor: pointer;
}

.iconWrapPopOut {
    transition: background-color 0.25s;
    height: 0.8em;
    width: 0.8em;
}

.iconWrapPopOut:hover {
  background-color: rgba(0, 0, 0, .15);
  cursor: pointer;
}

.dashboardContent {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.dashboardForPiper {
    display: grid;
    grid-template-columns: 1.5fr 0.75fr;
}

.demo-section {
    min-height: 250px;
}

.k-tabstrip > .demo-section {
    padding: 20px;
}

#tabstrip h2 {
    font-weight: lighter;
    font-size: 5em;
    line-height: 1;
    padding: 0 0 0 30px;
    margin: 0;
}

    #tabstrip h2 span {
        background: none;
        padding-left: 5px;
        font-size: .3em;
        vertical-align: top;
    }

#tabstrip p {
    margin: 0;
    padding: 0;
}

.RightMenu .RightMenuRoundLink {
}
.RightMenu .navbar-nav {
    margin: 10px 2px !important;
}
.RightMenu .RightMenuRoundLink {
    background-color: #193d75 !important;
}

.RightMenu .RightMenuRoundLink span {
        background-color: #abc8e1;
        padding: 5px;
        color: #193d75;
        font-weight: 600;
        letter-spacing: 0.5px;
        border-radius: 80px;
        width: 30px;
        float: left;
        height: 30px;
        text-align: center;
    }

.RightMenu .navbar-nav li .RightMenuRoundLink .fa {
    color: #fff;
    font-size: 20px;
    color: #fff;
    margin: 4px 0 0 4px;
    font-weight: 600;
}
.RightMenu .navbar-nav li.PaddingTop8 {
   padding-top:6px;
}
.ExpendBtn{
    float:right;
}
    .ExpendBtn .k-icon {
        font-size: 26px;
        margin: 6px 4px;
        font-weight: 500;
        color: #08406f;
    }

.NumberRoundStyle {
    float: left;
    background-color: #08406f;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    line-height: 25px;
    margin: 10px 10px 0 0;
}
.Padding40px {
    padding: 40px;
}


.VideoPopupStyle {
    padding: 8px;
}

    .VideoPopupStyle h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 21px;
    }

    .VideoPopupStyle .btnText {
        width: 253px;
        height: 35px;
        border-radius: 5px;
        background-color: white;
        color: #08406F;
        margin: 6px;
        font-size: 14px;
        font-weight: 500;
        line-height: 32px
    }

    .VideoPopupStyle .btnNavyBgStyle {
        width: 253px;
        height: 35px;
        border-radius: 5px;
        background-color: white;
        background-color: #08406F;
        color: #fff;
        margin: 6px;
        font-size: 14px;
        font-weight: 500;
        line-height: 32px
    }

.AutoCADBlock {
    background-color: #e4ecf0;
    color: #053f6d;
    text-align: center;
    margin-top: 40px;
    float: left;
    width: 100%;
}

    .AutoCADBlock .Icon {
        width: 40px;
        height: 40px;
        border: 1px solid #EEF2F6;
        background-color: #053f6d;
        border-radius: 50px;
        margin: 0 auto;
        padding: 7px;
    }

        .AutoCADBlock .Icon img {
            width: 16px;
            height: 21px;
        }

    .AutoCADBlock h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .AutoCADBlock p {
        font-size: 12px;
        font-weight: 500;
        margin: 10px 0 40px 0 !important;
        float: left;
        text-align: center;
        width: 100%;
    }

    .AutoCADBlock a {
        width: 148px !important;
        height: 36px;
        background: #fff;
        border: 1px solid #C1CFDB;
        border-radius: 5px;
        color: #08406F !important;
        font-weight: 600;
        text-decoration: none;
        padding: 10px;
        display: inline-block;
    }

.AutoCADBlock2 {
    background-color: #e4ecf0;
    color: #053f6d;
    text-align: center;
    margin: 0 0 20px;
    float: left;
    width: 100%;
    padding: 0 10px;
}

    .AutoCADBlock2 .Icon {
        float: left;
        line-height: 34px;
        padding: 0;
    }

    .AutoCADBlock2 .TextBlock {
        float: left;
        width: 96%;
        padding: 0 20px;
        text-align: left;
    }

    .AutoCADBlock2 h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .AutoCADBlock2 .TextBlock p {
        text-align: left;
        margin: 2px 0 20px !important;
        font-size: 10px;
    }

    .AutoCADBlock2 a {
        width: 100px !important;
        height: auto;
        background: #fff;
        border: 1px solid #C1CFDB;
        border-radius: 5px;
        color: #08406F !important;
        font-weight: 600;
        text-decoration: none;
        padding: 7px 10px;
        display: inline-block;
        float: left;
        margin-right: 0;
        font-size: 11px;
    }


.disableElement {
    pointer-events: none !important;
    color: black !important;
    border-radius: 10px;
    opacity: .5;
}
.disableGrid .k-grid-content {
    pointer-events: none !important;
    color: #000 !important;
    border-radius: 10px;
    opacity: .5;
}

.input-container {
    width: 101%;
    font-family: 'Inter';
    color: #4F4F4F;
    border-color: #C5C5C5;
    height: 40px;
    padding: 10px 0px 10px 10px !important;
    border: 1px solid #ECECEC;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 5px 0px #0000001A;
}

    .input-container input:focus, .input-container input:active {
        outline: none;
    }

    .input-container input {
        min-width: 91%;
        border: none;
        height: 36px;
        position: relative;
        bottom: 14px;
    }

    .input-container button {
        float: right;
    }

    .input-container a {
        position: relative;
        bottom: 5px;
    }

.notificationPageStyle .ExpColBlockStyle.k-panelbar  .k-panelbar-header, .notificationPageStyle .ExpColBlockStyle.k-panelbar  .k-item {
    width: 98%;
    margin: 1% !important;
    display: inline-block;
    height: auto !important
}

.ExpColBlockStyle .k-link {
    color: #08406f !important;
}

.ExpColBlockStyle .k-panelbar-item-text {
}

.ExpColBlockStyle .k-state-selected {
    color: #08406f !important;
    margin: 0;
    padding: 6px 0;
}

.ExpColBlockStyle .k-panelbar-content {
}

    .ExpColBlockStyle .k-panelbar-content .col-lg-11 {
        margin-left: 30px;
        font-weight: 400;
        line-height: 22px;
        color: #222;
        margin-bottom: 6px;
    }

    .ExpColBlockStyle .k-panelbar-content .col-lg-12 {
        font-weight: 400;
        line-height: 22px;
        color: #222;
        margin-bottom: 6px;
    }
.InfmPopupDesignNot .ExpColBlockStyle .k-panelbar-content {
    padding-left: 0px;
    text-align: left;
}
.InfmPopupDesign .ExpColBlockStyle.k-panelbar .k-panelbar-header, .InfmPopupDesign  .ExpColBlockStyle.k-panelbar .k-item {
    width: 98%;
    margin: 1% !important;
    display: inline-block;
    height: auto !important
}
.InfmPopupDesignNot .ExpColBlockStyle.k-panelbar .k-panelbar-header .k-link .k-panelbar-item-text {
    color: #08406f !important;
    padding: 6px 0 0 0;
}

.emailSupportLink {
    color: #08406F;
    font-weight: 600;
}

.emailSupportLink:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    text-decoration: underline;
}


/* wrapper must be positioned so the tooltip can center itself reliably */
.sp-tooltip-wrapper {
    position: relative; /* <-- critical */
    display: inline-block; /* keeps wrapper width to icon width */
    vertical-align: middle;
    cursor: default;
    outline: none; /* focus visible handled below */
}

/* base tooltip (hidden by default) */
.sp-tooltip {
    position: absolute;
    left: 50%; /* center relative to wrapper */
    transform: translateX(-50%) translateY(-6px) scale(.98);
    transform-origin: 50% 0%;
    background: #D9E1E9;
    box-sizing: border-box;
    font-size: 13px;
    opacity: 0;
    pointer-events: none !important;
    transition: opacity .14s ease, transform .14s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
    z-index: 1000;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    /* make it flexible instead of fixed width/height */
    max-width: 290px; /* clamp to desired max */
    min-width: 200px;
    width: max-content; /* shrink to content but respect max-width */
    white-space: normal; /* allow line breaks (was nowrap) */
    line-height: 1.35;
    text-align: left;
}

    /* arrow centered using same left/transform technique */
    .sp-tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #D9E1E9; /* default arrow pointing down (for top variant) */
    }

/* SHOW on hover, focus-within (keyboard) */
.sp-tooltip-wrapper:hover .sp-tooltip,
.sp-tooltip-wrapper:focus-within .sp-tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
}

/* ------- BOTTOM VARIANT (tooltip below the icon) ------- */
.sp-tooltip.bottom {
    top: calc(100% + 10px); /* below the icon */
    bottom: auto;
}

    /* Arrow for bottom variant: point up and place at top edge */
    .sp-tooltip.bottom::after {
        top: -7px; /* above the tooltip */
        border-top: none;
        border-bottom: 7px solid #D9E1E9;
    }

/* focus ring for keyboard users */
.sp-tooltip-wrapper:focus {
    box-shadow: 0 0 0 4px rgba(34,150,243,0.12);
    border-radius: 4px;
}

/* small text helpers */
.sp-tooltip .heading {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.sp-tooltip .line {
    margin-top: 4px;
}

/* responsive tweaks */
@media (max-width: 600px) {
    .sp-tooltip {
        max-width: calc(100vw - 30px);
        min-width: unset;
        font-size: 14px;
    }
}