@import url(font-awesome/css/font-awesome.min.css);
@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto/Roboto-Bold.ttf");
    /* IE9 Compat Modes */
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold/fonts/Roboto-Bold.otf") format("opentype"), url("../fonts/Roboto/Roboto-Bold/fonts/Roboto-Bold.svg") format("svg"), url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold/fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold/fonts/Roboto-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("../fonts/Roboto/Roboto-Regular/fonts/Roboto-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Roboto-Light";
    src: url("../fonts/Roboto/Roboto-Light.ttf") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Myriad-Regular";
    src: url("../fonts/myriad-pro/MyriadPro-Regular/fonts/MYRIADPRO-REGULAR.woff") format("woff");
    font-display: swap;
}

* {
    margin: 0px;
    padding: 0px;
}

:root {
    --color-white: #fff;
    --font-size-22: 22px;
    --font-size-18: 18px;
    --color-green: #23be07;
    --color-red: #ff5050;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-30 {
    width: 30% !important;
}

.w-20 {
    width: 20% !important;
}

/*#bar-chart-grouped {
    height: 30% !important;
}*/

.tinh-hinh-cac-dia-phuong {
    min-height: 180px !important
}

.tinh-hinh-cac-dia-phuong-2 {
    min-height: 180px !important
}

@media (max-width: 768px) {
    /*#bar-chart-grouped {
        height: 100% !important;
    }*/
    .header-top {
        width: 100%
    }
    .tinh-hinh-cac-dia-phuong {
        min-height: 300px !important
    }
    .tinh-hinh-cac-dia-phuong-2 {
        min-height: 300px !important
    }
    #bar-chart-grouped {}
}

.header {
    background-color: #2c84c5;
}

@media (max-width: 768px) {
    .header nav.nav-ct {
        padding: 0px;
    }
    .header nav.nav-ct .google-translate {
        width: 100% !important;
    }
    .header nav.nav-ct .navbar-brand img {
        width: 100%;
    }
}

.header nav.nav-ct .nav-item {
    width: 100%;
}

.header nav.nav-ct .nav-item .google-translate {
    width: 25% !important;
}

.header nav.nav-ct .nav-item p.address_name_headquarters {
    font-size: var(--font-size-22);
    font-size: 1.275rem;
    font-family: "Roboto-Light";
    color: var(--color-white);
    color: white;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
}

.header nav.nav-ct .nav-item .name_project {
    font-size: var(--font-size-22);
    font-size: 1.275rem;
    font-family: "Roboto-Bold";
    color: var(--color-white);
    color: white;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.header nav.nav-ct .nav-right {
    list-style-type: none;
}

.header nav.nav-ct .nav-right li div#google_translate_element {
    position: relative;
}

.header nav.nav-ct .nav-right a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Roboto-Light";
    font-size: 14px;
    color: #fff;
}

/*.header nav.nav-ct .nav-right a::before {
    content: '.:';
    margin-right: 5px;
}*/

.wrap-top {
    position: relative;
}

main .content-load-top {
    background-image: url("../../images/bg-main-top1.png");
    min-height: 540px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px 0 50px 0;
}

/*main .content-load-top::after {
    height: 40%;
    width: 2px;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
}*/

main .content-load-top::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: absolute;
    top: 0;
    opacity: 0.15;
    left: 0;
}

@media (max-width: 1200px) {
    main .content-load-top {
        padding: 50px 0 0px 0;
    }
    main .content-load-top::after {
        display: none;
    }
}

main .content-load-top .main-top .title {
    font-size: 24px;
    font-family: "Roboto-Light";
    font-weight: normal;
    color: #fff;
    /*margin-bottom: 0.5rem;*/
}

main .content-load-top .main-top .line-center {
    position: relative;
    min-height: 3px
}

/*main .content-load-top .main-top .line-center::before {
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #fff;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}*/

main .content-load-top .main-top .line-center::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 2px;
    bottom: 0px;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
}

main .content-load-top .main-top .luy-ke-thang,
main .content-load-top .main-top .luy-ke-tong-nam {
    color: #fff;
}

main .content-load-top .main-top .luy-ke-thang .icon-ct .fas,
main .content-load-top .main-top .luy-ke-tong-nam .icon-ct .fas {
    font-size: 25px;
}

main .content-load-top .main-top .luy-ke-thang .title,
main .content-load-top .main-top .luy-ke-tong-nam .title {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-top: 0.6rem !important;
}

main .content-load-top .main-top .luy-ke-thang p,
main .content-load-top .main-top .luy-ke-tong-nam p {
    margin: 0px;
    text-align: center;
}

main .content-load-top .main-top .luy-ke-thang p.ty-gia,
main .content-load-top .main-top .luy-ke-tong-nam p.ty-gia {
    font-size: 16px;
}

main .content-load-top .main-top .luy-ke-thang p i,
main .content-load-top .main-top .luy-ke-tong-nam p i {
    font-size: 20px;
}

main .content-load-top .main-top .luy-ke-thang p.title,
main .content-load-top .main-top .luy-ke-tong-nam p.title {
    margin-bottom: 10px;
}

main .content-load-top .main-top .luy-ke-thang p.titles-name,
main .content-load-top .main-top .luy-ke-tong-nam p.titles-name {
    font-size: var(--font-size-18);
    font-family: "Roboto-Bold";
    text-transform: uppercase;
    margin-top: 10px;
}

main .content-load-top .main-top .luy-ke-thang p.tong-so-du-an,
main .content-load-top .main-top .luy-ke-tong-nam p.tong-so-du-an {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-bottom: 0;
    text-transform: uppercase;
}

main .content-load-top .main-top .luy-ke-thang p.tong-so-du-an .number,
main .content-load-top .main-top .luy-ke-tong-nam p.tong-so-du-an .number {
    color: #00c0ff;
    font-size: 33px;
    font-family: "Roboto-Regular";
    margin-bottom: 0.6rem !important;
}

main .content-load-top .main-top .luy-ke-thang .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an,
main .content-load-top .main-top .luy-ke-tong-nam .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an {
    list-style-type: none;
    margin: 0;
}

main .content-load-top .main-top .luy-ke-thang .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .title,
main .content-load-top .main-top .luy-ke-tong-nam .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .title {
    font-size: 16px;
    font-family: "Roboto-Bold";
}

main .content-load-top .main-top .luy-ke-thang .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .number,
main .content-load-top .main-top .luy-ke-tong-nam .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .number {
    text-align: center;
}

main .content-load-top .main-top .luy-ke-thang .col-chi-tiet,
main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet {
    position: relative;
}

main .content-load-top .main-top .luy-ke-thang .col-chi-tiet span.ty-le-giam,
main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet span.ty-le-giam {
    font-size: 14px;
    color: var(--color-red);
    font-family: 'Roboto-Bold';
}

main .content-load-top .main-top .luy-ke-thang .col-chi-tiet span.ty-le-tang,
main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet span.ty-le-tang {
    font-size: 14px;
    color: var(--color-green);
    font-family: 'Roboto-Bold';
    font-style: italic;
}

main .content-load-top .main-top .luy-ke-thang .col-chi-tiet ul.chi-tiet-tong-so-du-an,
main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet ul.chi-tiet-tong-so-du-an {
    list-style-type: none;
    float: right;
    margin: 0;
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

main .content-load-top .main-top .luy-ke-thang .col-chi-tiet .number,
main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet .number {
    font-size: 30px;
    font-family: "Roboto-Regular";
    margin-top: 0px !important
}

main .content-load-top .main-top .luy-ke-tong-nam .text-shadow {
    text-shadow: 1px 1px 0px #524444;
}

main .content-load-top .main-top .luy-ke-tong-nam .title {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-top: 0.6rem !important;
}

main .content-load-top .main-top .luy-ke-tong-nam p.tong-so-du-an .number {
    color: #e4ff00;
    font-size: 33px;
    font-family: "Roboto-Regular";
    margin-bottom: 0.6rem !important;
}

main .content-load-top .main-top .luy-ke-tong-nam p.tong-so-du-an .ty-le-tang {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    color: var(--color-green);
    font-style: italic;
}

main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet {
    position: relative;
}

main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet ul.chi-tiet-tong-so-du-an {
    list-style-type: none;
    float: right;
    margin: 0;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-top: 0.6rem !important;
}

main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet .number {
    font-size: 30px;
    font-family: "Roboto-Regular";
}

main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet .number span.ty-le-giam {
    font-size: 14px;
    color: var(--color-red);
    font-family: 'Roboto-Bold';
    font-style: italic;
}

main .content-load-top .main-top .luy-ke-tong-nam .col-chi-tiet .number span.ty-le-tang {
    font-size: 14px;
    color: var(--color-green);
    font-family: 'Roboto-Bold';
    font-style: italic;
    margin-top: 0.6rem !important;
}

.panel-content-menu {
    position: relative;
    margin-top: -46px;
}

.panel-content-menu .tab-content>.active {
    display: block;
    margin-top: 20px;
    margin-bottom: 5%;
}

@media (max-width: 768px) {
    .tab-pane.active .main-content__XX {
        padding-bottom: 122px !important;
    }
    #pills-tra-cuu-rhong-tin-dau-thau.active {
        padding-bottom: 100px !important;
    }
    .panel-content-menu .tab-content {
        margin-bottom: 105px;
        z-index: 11111;
    }
}

.panel-content-menu .tab-content .form-search .txt-input {
    position: relative;
}

.panel-content-menu .tab-content .form-search .txt-input input {
    height: 100%;
}

.panel-content-menu .tab-content .form-search .txt-input .link-reset {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2%;
    height: auto;
}

.panel-content-menu .tab-content .form-search .txt-input .link-reset a {
    margin: auto;
    line-height: 40px;
    font-size: 18px;
    color: #6b6e6f;
    font-family: "Roboto-Bold";
    text-decoration: underline;
}

.panel-content-menu .tab-content .form-search .btn-search {
    background-color: #2c84c5;
    border-radius: 2px;
}

.panel-content-menu .tab-content .form-search .btn-search button {
    color: #fff;
    font-size: 18px;
    font-family: "Roboto-Bold";
}

.panel-content-menu .nav-tabs {
    border-bottom: 0px;
}

.panel-content-menu .nav-tabs li.nav-item {
    padding: 0;
}

.panel-content-menu .nav-tabs li.nav-item a {
    background-color: #dae3f3;
    color: #2c84c6;
    font-family: "Roboto-Regular";
    border-radius: 10px;
}

.panel-content-menu .nav-tabs li.nav-item a .title {
    font-size: 18px;
    text-transform: uppercase;
}

.panel-content-menu .nav-tabs li.nav-item a .sub-title {
    font-size: 16px;
}

main .main-content {
    background: url("../../images/main-content-body1.png") center center no-repeat;
    min-height: 500px;
    background-size: cover;
    margin-top: -72px;
    padding: 100px 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    display: flex;
    justify-content: center !important;
}

@media (min-width: 0) and (max-width: 400px) {
    main .main-content {
        padding: 120px 0px;
        margin-top: -205px !important;
    }
}

@media (min-width: 400px) and (max-width: 780px) {
    main .main-content {
        padding: 60px 0px;
        margin-top: -208px !important;
    }
}

@media (min-width: 780px) and (max-width: 1000px) {
    main .main-content {
        padding: 120px 0px;
        margin-top: -97px !important;
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    main .main-content {
        padding: 80px 0px;
        margin-top: -72px !important;
    }
}

footer {
    background-color: #2c84c5;
    min-height: 60px;
    padding: 40px 40px;
    color: #fff;
    font-size: 16px;
    font-family: "Roboto-Regular";
}

@media (max-width: 1200px) {
    footer {
        padding: 5px 0px;
    }
}

footer ul {
    list-style-type: none;
}

footer .footer-top ul .text-bold {
    font-family: 'Roboto-Bold';
}

footer .footer-top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

footer .footer-bottom {
    padding-top: 10px;
    color: #fff;
}

footer .footer-bottom a {
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
    position: relative;
}

footer .footer-bottom ul li a::before {
    content: '';
    width: 2px;
    height: 80%;
    background-color: #fff;
    position: absolute;
    right: -8px;
    top: 0;
    margin: auto;
    bottom: 0;
}

footer .footer-bottom ul li.dang-nhap a::after {
    content: '';
    width: 2px;
    height: 80%;
    background-color: #2c84c5;
    position: absolute;
    right: -10%;
    top: 0;
    margin: auto;
    bottom: 0;
}

@media (max-width: 768px) {
    .w-mb-100 {
        width: 100% !important;
    }
    .content-load-top::after {
        content: '';
        width: 0px !important;
    }
    .content-load-top .luy-ke-thang,
    .content-load-top .luy-ke-tong-nam {
        margin-bottom: 20px;
    }
    .content-load-top .luy-ke-thang .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .number,
    .content-load-top .luy-ke-tong-nam .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .number {
        /*margin: auto;*/
        width: auto !important;
    }
    .content-load-top .luy-ke-thang .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .title,
    .content-load-top .luy-ke-tong-nam .col-tinh-trang-du-an ul.chi-tiet-tinh-trang-du-an .title {
        /*margin: auto !important;*/
        padding: 0 5px;
        letter-spacing: -1px;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an ul.chi-tiet-tinh-trang-du-an,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an ul.chi-tiet-tinh-trang-du-an {
        background-color: red;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        margin: auto !important;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet .ty-gia,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet .ty-gia {
        /*margin: auto !important;*/
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet .title,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet .title {
        width: 100% !important;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet .number,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet .number {
        text-align: center;
        width: 100% !important;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet .chi-tiet-tong-so-du-an,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet .chi-tiet-tong-so-du-an {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto !important;
    }
    .content-load-top .luy-ke-thang .col-tong-so-du-an .col-chi-tiet .chi-tiet-tong-so-du-an li,
    .content-load-top .luy-ke-tong-nam .col-tong-so-du-an .col-chi-tiet .chi-tiet-tong-so-du-an li {
        margin-right: 5px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        letter-spacing: -1px;
        text-align: center
    }
    .content-load-top .luy-ke-tong-nam .col-chi-tiet {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .content-load-top .luy-ke-tong-nam .col-chi-tiet p.number {
        /*margin: auto !important;*/
        width: 100%;
    }
    .content-load-top .luy-ke-tong-nam .col-chi-tiet ul.chi-tiet-tong-so-du-an {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .content-load-top .luy-ke-tong-nam .col-chi-tiet ul.chi-tiet-tong-so-du-an.col-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center !important;
    }
    .panel-content-menu {
        position: relative;
        margin-top: -4px;
    }
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: unset !important;
    background-color: unset !important;
    background: unset !important;
}

#ctl00_ctl61_ExplicitLogin {
    display: none !important;
}

.STTgrid {
    text-align: center;
}

#tableLDuAn_length {
    padding-top: 10px;
}

#tableLDuAn_paginate {
    width: 100% !important;
}

#tableLDuAn_previous {
    margin-left: auto !important
}

#tableLDuAn_next {
    margin-right: auto !important
}

.cat-chu-du-an-frontend {
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.3;
    top: 0;
    bottom: 0;
    height: 10%;
    margin: auto;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting,
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    vertical-align: middle;
    text-align: center
}

@media (max-width: 768px) and (min-width: 400px) and (max-width: 780px) {
    .panel-content-menu {
        margin-top: -4px !important;
    }

    .cat-chu-du-an-frontend {
        text-decoration: none;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: initial;
        overflow: auto;
        text-align: left;
    }
}

@media (max-width: 780px) and (min-width: 400px) {
    main .main-content {
        padding: 125px 0px;
        margin-top: -105px !important;
    }
    .header nav.nav-ct .nav-right {
        width: 40% !important;
        margin-right: auto !important;
        padding: 5px 0;
    }
    .nav-pills .nav-link {
        min-height: 47px;
    }
}

@media (max-width: 400px) and (min-width: 0) {
    .list-menu-tab ul#pills-tab .nav-item #pills-tra-cu-thong-tin-du-an-tab .title,
    .list-menu-tab ul#pills-tab .nav-item #pills-tra-cuu-rhong-tin-dau-thau-tab .title,
    .list-menu-tab ul#pills-tab .nav-item #pills-ban-do-du-an-tab .title {
        font-size: 16px !important;
        text-align: center !important;
    }
    main .main-content {
        padding: 120px 0px;
        margin-top: -105px !important;
    }
}

@media (max-width: 768px) and (min-width: 1001px) and (max-width: 1200px) {
    .panel-content-menu {
        padding: 80px 0px;
        margin-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .panel-content-menu .nav-tabs li.nav-item {
        width: 100% !important;
        border: 1px solid #fff !important;
    }
}

.ms-signInLink {
    display: none !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}
.panel-content-menu .tab-content>.active {
    display: block;
    margin-top: 20px;
    margin-bottom: 5%;
}