﻿
.ntk-panel {
    background: #e3f0f6;
    margin-bottom: 10px;
    padding: 8px;
}

    .ntk-panel h1 {
        font-size: 18px;
        font-weight: bold;
    }

.ntk-large {
    /*width:100%;*/
}

.ntk-small {
    width: 50%;
}

.ntk-largetk {
    width: 100%;
}

.ntk-smalltk {
    width: 49%;
}

.reason-top {
    width: 100%;
    margin-left: 5px;
    height: 100px;
    margin-top: -32px;
}

.reason-bottom {
    width: 100%;
    margin-left: 5px;
    height: 100px;
}

.aju {
    cursor: pointer;
    float: left;
    padding: 6px 4px 0 0;
}

.aCi {
    position: relative;
}

.gs {
    margin-left: 30px;
}

.gE {
    padding-left: 0;
    padding-top: 8px;
}

h3.iw {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
}

.iw {
    /*overflow: hidden;*/
    white-space: nowrap;
}

.gD {
    color: #222;
    font-size: 100%;
    font-weight: bold;
    white-space: nowrap;
    display: inline;
    vertical-align: top;
}

.gF {
    text-align: left;
    white-space: nowrap;
    padding-right: 8px;
    vertical-align: top;
    width: 100%;
}

.gH {
    color: #222;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

.ii {
    margin: 5px 15px 0 0;
    padding-bottom: 5px;
}

.slider-selection {
    background: #149bdf !important;
}

.nav-head {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav-head li {
        width: 33%;
        float: left;
        height: 50px;
        text-align: center;
        border-right: 1px solid rgba(255,255,255,.3);
    }

.li-select {
    background: #f8f8f8;
}

.nav-head li a {
    position: relative;
    top: 15px;
}

.table td {
    color: #2E6E9E;
}

.form-group label {
    width: 100%;
    margin-top: 4px;
}

.form-group {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.form-left {
    width: 50%;
    float: left;
    padding: 3px;
    min-height: 35px;
}

.form-right {
    width: 50%;
    float: left;
    min-height: 35px;
}

.div-loading {
    visibility: visible;
    text-align: center;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
    left: 600px;
}

#ladyloading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0 10px;
    background: none repeat scroll 0 0 #fff1a8;
    color: #222;
    padding: 5px 3px 0;
    display: inline-block;
    position: relative;
    top: 45px;
}

.gbu {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    /* display: none; */
    position: absolute;
    right: 14.5px;
    top: -23px;
    z-index: 1;
    height: 23px;
    width: 16px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}

.icon-layer {
    display: block;
    width: 21px;
    height: 15px;
    position: relative;
    top: 8px;
    left: 10px;
    background: url("/Content/themes/iconlayer.png");
}

.icon-chugiai {
    display: block;
    width: 21px;
    height: 15px;
    position: relative;
    top: 8px;
    left: 10px;
    background: url("/Content/themes/iconchugiai.png");
}

.search-input {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #cdcdcd;
    border-color: #ddd;
    border-right-width: 0;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 9px;
    width: 93%;
    float: left;
}

.intput-style {
    border: none;
    padding: 5px;
    margin: 0px;
    height: 55%;
    width: 50%;
    position: absolute;
}

.rtSp {
    display: none !important;
}

.search-drop {
    right: 19%;
    position: absolute;
    top: 15px;
    z-index: 10;
}

    .search-drop a {
        color: #0072C6;
    }

.search-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 60px;
    background-color: #039BE5 !important;
    border: 1px solid #4285f4;
    right: 11%;
    position: absolute;
    top: 9px;
}

.close-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 58px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#da4530),to(#da4530));
    background-color: #da4530;
    background-image: -webkit-linear-gradient(top,#da4530,#da4530);
    background-image: linear-gradient(top,#da4530,#da4530);
    border: 1px solid #da4530;
    right: 15px;
    position: absolute;
    top: 0px;
}

.icon-timkiem {
    background: url(/images/nav_logo195.png) no-repeat -113px -61px;
    color: transparent;
    display: inline-block !important;
    height: 18px;
    margin: 5px auto 2px;
    width: 18px;
}

.content-search {
    width: 53%;
    background: #fff;
    position: absolute;
    /*right: -51px;*/
    top: 38px;
    display: none;
    z-index: 9999;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px #aaa;
    padding: 5px;
}

    .content-search a {
        color: #0072C6;
    }

.close-search {
    width: 100%;
    text-align: right;
}

.content-search p {
    margin-bottom: 0px;
}

.content-search .search-btn {
    position: inherit;
    float: right;
}

.content-search .close-btn {
    position: inherit;
    float: left;
}

#panelhometoggle2 {
    position: absolute;
    left: 500px;
    z-index: 3;
    height: 55px;
    line-height: normal;
    margin-top: 310px;
    width: 20px;
    top: 0px;
    cursor: pointer;
    border: 1px solid #0072C6;
    background: #0072C6;
    color: #fff;
    padding: 20px 5px;
}

.icon-chevron-left:before {
    top: 20px;
    left: 2px;
    position: relative;
}

.icon-chevron-right:before {
    top: 20px;
    left: 2px;
    position: relative;
}

.collape-button {
    border: 1px solid #0072C6;
    background: #0072C6;
    color: #fff;
}

.sideGoBackIcon {
    float: right;
    font-size: 20px;
    border-left: 1px solid #ddd;
    padding-left: 16px;
}

.contentitem {
    overflow-y: scroll;
    overflow-x: scroll;
    width: 100%;
    height: 540px;
    background: #fff;
}

.ntk-menu {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #000;
    /*border-bottom: 1px solid #ccc;*/
    font-size: 14px;
    padding: 0 12px;
    overflow: hidden;
}

    .ntk-menu:hover {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #000;
        /*border-bottom: 1px solid #ccc;*/
        font-size: 14px;
        padding: 0 12px;
        overflow: hidden;
        background-color: #C5DBEC;
        text-decoration: none;
    }

.menuhov .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 40px;
    background-color: #C5DBEC;
    color: #000;
    padding-left: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 999999;
    margin-top: -40px;
    left: 110%;
}

    .menuhov .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

.menuhov:hover .tooltiptext {
    visibility: visible;
}

.ntk-menu .nav-text {
    padding-left: 10px !important;
}

    .ntk-menu .nav-text:hover {
        text-decoration: underline;
    }

.textsearch {
    height: 32px;
}

.k-picker-wrap {
    margin-top: -7px !important;
}

.k-icon {
    margin-top: 0px !important;
}

input {
    /*font-size:16px !important;*/
}

.k-popup .k-list .k-item .k-calendar .k-content {
    font-size: 14px !important;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    min-height: 1.5em !important;
}

.form-control[readonly] {
    cursor: default !important;
}

#printReport {
    width: 148px;
}

.btn-bcnvtc {
    width: auto;
    height: 30px;
    font-size: 14px;
    font-family: Arial;
    margin-left: 8px;
}

    .btn-bcnvtc a {
        color: #000;
    }

.btn-bcnvtc-2 {
    width: auto;
    height: 30px;
    font-size: 14px;
    font-family: Arial;
    margin-left: 8px;
    background-color: #0072C6;
    border-radius: 0px !important;
}


    .btn-bcnvtc-2:hover {
        background-color: #0072C6;
        color: #fff;
    }

    .btn-bcnvtc-2 a {
        color: #fff;
    }

        .btn-bcnvtc-2 a:hover {
            color: #fff;
        }

.bcnvtc-btn {
    height: 40px;
}

.bcnvtc-form-12 {
    width: 100% !important;
    float: left !important;
    margin: 4px 0px !important;
}

.bcnvtc-form-6 {
    width: 50% !important;
    float: left !important;
    margin: 2px -2px !important;
}

.bcnvtc-form-4 {
    width: 33% !important;
    float: left !important;
    margin: 4px 0px !important;
}

.bcnvtc-form-3 {
    width: 25% !important;
    float: left !important;
    margin: 4px 0px !important;
}


.bcnvtc-label {
    float: left !important;
    width: 50% !important;
    margin: 4px 0px !important;
    text-align: right !important;
    padding: 0px 8px !important;
}

.bcnvtc-dedieu-small {
    width: 50% !important;
    float: left !important;
    margin: 0px 0px !important;
}

.bcnvtc-dedieu-large {
    width: 100% !important;
    float: left !important;
    margin: 0px 0px !important;
}

.dropdown-menu > li > a {
    color: #000;
}



.bcnvtc-large {
    float: left;
    width: 100%;
}

.bcnvtc-small {
    float: left;
    width: 49.5%;
}

.bcnvtc-text {
    float: left;
    width: 35%;
    text-align: left;
    padding-left: 5px;
    min-height: 1px;
    min-height: 30px;
}

.bcnvtc-kendo {
    float: left;
    width: 63%;
    min-height: 30px;
}

.bcnvtc-text-hochua {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 5px;
    min-height: 30px;
}

.bcnvtc-kendo-hochua {
    float: left;
    width: 58%;
    min-height: 30px;
}

.AddDTTL {
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.5;
}

    .AddDTTL:hover {
        opacity: 1;
    }

.bcnvtc-form-12 .bcnvtc-texta {
    float: left;
    width: 17.2%;
    text-align: left;
    padding-left: 5px;
    min-height: 30px;
}

.bcnvtc-form-12 .bcnvtc-kendoa {
    float: left;
    width: 82%;
    min-height: 30px;
}

.glyphiconfunction {
    font-size: 16px;
    padding: 5px 5px;
    cursor: pointer;
}

.glyphiconfunction1 {
    font-size: 16px;
    padding: 5px 2px;
    cursor: pointer;
}

#DauTuThuyLoi-gird {
    float: left;
    padding-left: 8px;
}

#DauTuThuyLoiBoQuanLy-gird {
    float: left;
    padding-left: 8px;
}

.div-loading {
    visibility: visible;
    text-align: center;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
    left: 600px;
}

#ladyloading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0 10px;
    background: none repeat scroll 0 0 #fff1a8;
    color: #222;
    padding: 5px 3px 0;
    display: inline-block;
    position: relative;
    top: 45px;
}

.div-loading1 {
    visibility: visible;
    text-align: center;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
    left: 600px;
}

#ladyloading1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0 10px;
    background: none repeat scroll 0 0 #fff1a8;
    color: #222;
    padding: 5px 3px 0;
    display: inline-block;
    position: relative;
    top: 45px;
}



.bcnvtc-large-dttl {
    float: left;
    width: 100%;
}

    .bcnvtc-large-dttl .bcnvtc-text {
        float: left;
        width: 35%;
        text-align: left;
        padding-left: 5px;
        min-height: 1px;
        min-height: 30px;
    }

    .bcnvtc-large-dttl .bcnvtc-kendo {
        float: left;
        width: 63%;
        min-height: 30px;
    }

.bcnvtc-small-dttl {
    float: left;
    width: 100%;
}

    .bcnvtc-small-dttl .bcnvtc-text {
        float: left;
        width: 17%;
        text-align: left;
        padding-left: 5px;
        min-height: 1px;
        min-height: 30px;
    }

    .bcnvtc-small-dttl .bcnvtc-kendo {
        float: left;
        width: 44%;
        min-height: 30px;
    }

.ten_loai_cong_trinh {
    font-size: 0px;
    color: #fff;
}

.CTTL-name {
    color: #00f;
    font-size: 14px;
    cursor: pointer;
}

#gview_grv_QuyetDinhPheDuyet .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_QuyetDinhPheDuyetBQL .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_DauTuThuyLoi .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_HienTrangCTTL .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grid_DeDieu .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_DeDieuChiTiet .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_HoChua .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grid_Dap .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grid_Cong .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_CongTrinhDauMoi .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#gview_grv_ThuyLoiLon .ui-jqgrid-bdiv {
    overflow-x: hidden;
    width: calc(100% - 2px) !important;
}

#HienTrangCTTL-gird {
    float: left;
    padding-left: 8px;
}


.congtrinh_name {
    line-height: 20px;
    /*height: 100%;*/
    display: flex;
    display: flexbox;
}


    .congtrinh_name img {
        margin-top: 3px;
        width: 14px;
        height: 14px;
        position: relative;
        cursor: pointer;
    }

    .congtrinh_name a {
        color: #0d64c8 !important;
        margin-left: 8px;
    }


.FDK-icon {
    width: 30px;
    height: 30px;
    padding: 3px;
}

.title-form {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.icon-menu-bcn {
    height: 22px;
    width: 22px;
}

.active .icon-menu-bcn {
    left: -2px;
    position: relative;
}

.bcn-validate {
    padding: 10px 0px 0px 20px !important;
}

span.k-combobox, span.k-dropdown-wrap, span.k-state-default {
    border-radius: 0px !important;
}

.aDayRoi {
    border-bottom: none !important;
}

.bDayRoi {
    border-bottom: none !important;
}

#hientrang-tongso {
    margin-right: 30px;
    float: right;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    margin-top: 5px;
}


.view-tongso {
    margin-right: 30px;
    float: right;
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    margin-top: 5px;
}


.bcnvtc-kendo .k-datepicker {
    top: 8px;
}

.dttl-kendo-pk .k-datepicker {
    top: 3px;
}

#EditCong-detail {
    overflow: auto;
}

#AddCong-detail {
    overflow: auto;
}


#AddHoChua-detail {
    overflow: auto;
}

#EditDap-detail {
    overflow: auto;
}

#AddDap-detail {
    overflow: auto;
}

#EditDeDieu-detail {
    overflow: auto;
}

#AddDeDieu-detail {
    overflow: auto;
}

#EditHoChua-detail {
    overflow: auto;
}

#AddHoChua-detail {
    overflow: auto;
}

#EditThuyLoiLon-detail {
    overflow: auto;
}

#AddThuyLoiLon-detail {
    overflow: auto;
}

#EditTramBom-detail {
    overflow: auto;
}

#AddTramBom-detail {
    overflow: auto;
}
