body {
    font-family: Roboto, sans-serif;
}
.btn-fourth {
    background: #ffc251;
    color: #000;
    font-weight: 500;
    width: 100%;
    height: 100%;
}

.span-orange {
    color: #ffc251;
}

.card-header-border-orange {
    border-bottom: solid 5px orange;
}

.card-body-list {
    background-color: white;
}

.card-body-list-hover:hover {
    background-color: #e8fff3;
    cursor: pointer;
    border-radius: 8px;
}

.fw-color {
    font-size: 16px;
    font-weight: 500;
}

.fw-color-2 {
    font-size: 16px;
    font-weight: 500;
    color: #913938;
}



.add {
    display: inline-block;
    margin: 5px 15px;
}

.post-tittle {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.img-footer {
    /*background: rgb(37,110,173);
    background: linear-gradient(90deg, rgba(37,110,173,1) 0%, rgba(22,136,181,1) 35%, rgba(0,212,255,1) 100%);*/
    background: url("/assets/media/background/bg-footer.png");
    color: #426C79;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.01875rem;
    /*    position: fixed;
    bottom: 0;
    width: 100%;*/
}

.p-l-20 {
    padding-left: 20px;
}

.footer p {
    font-size: 12px;
    margin-bottom: 0px;
}

.hotnews-top {
    background-image: url(../assets/media/patterns/bg-news.jpg);
    background-size: cover;
    background-position: right center;
    background-color: #f5f5f5;
}

@media (max-width: 991px) {
    .hotnews-top {
        background: #f5f5f5;
    }
}

.hotnews-top .container {
    max-width: 991px;
}

.hotnews-top .post-date {
    font-size: 14px;
    color: #8f969c;
}

.hotnews-top .wrap {
    padding: 0px 20px;
    border-right: 1px solid #e2e2e2;
}

.hotnews-top .list-news {
    padding: 20px 30px;
}

    .hotnews-top .list-news .item {
        margin-bottom: 0px;
    }

    .hotnews-top .list-news .post-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

.hotnews-top .item:first-child .wrap {
    border-left: 0px;
}

.hotnews-top .slick-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 30px;
    text-align: center;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 0px;
    background: none;
    border: 0px;
}

    .hotnews-top .slick-arrow:before {
        font-family: FontAwesome;
        content: "";
        font-size: 24px;
    }

    .hotnews-top .slick-arrow:hover {
        color: #ce7a58;
    }

    .hotnews-top .slick-arrow.slick-prev {
        left: 0px;
    }

        .hotnews-top .slick-arrow.slick-prev:before {
            content: "\f104";
        }

    .hotnews-top .slick-arrow.slick-next {
        right: 0px;
    }

        .hotnews-top .slick-arrow.slick-next:before {
            content: "\f105";
        }

.hotnews-top a {
    color: black;
}

.slide-top {
    padding-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .content-menu {
        display: flex;
    }

    body:not([data-kt-sticky-header=on]) .header .header-menu .menu > .menu-item > .menu-link.active .menu-title {
        color: #fff;
    }
}

.icon-menu-content {
    color: #009ef7;
}

.form-login {
    display: flex;
    justify-content: center;
}

.login-header {
    justify-content: center !important;
    align-items: center !important;
}

.fa-xl {
    font-size: 1.5rem;
}


li:has(a.active) {
    background-color: #009ef7;
}

.nav-details {
    background-color: rgba(255,255,255,0.9);
}

.li-acordion-custom {
    width: 50%;
    padding-left: 1rem;
}

.a-acordion-custom.active {
    font-size: 1rem;
    font-weight: bold;
    color: white !important;
}

.a-acordion-custom {
    font-size: 1rem;
    font-weight: bold;
    color: #009ef7 !important;
}

.p-1r {
    padding: 1rem !important;
}

#menu_button_khayhs .menu-item .menu-link {
    color: #5e6278
}

    #menu_button_khayhs .menu-item .menu-link .menu-title {
        color: #5e6278
    }

    #menu_button_khayhs .menu-item .menu-link .menu-icon i {
        color: #5e6278
    }

#menu_button_khayhs:hover .menu-item:hover > .menu-link .menu-icon i {
    color: white;
}

#menu_button_khayhs:hover .menu-item:hover > .menu-link .menu-title {
    color: white
}

#menu_button_khayhs:hover .menu-item:hover {
    background-color: #009ef7
}


.loading-message {
    display: inline-block;
    min-width: 125px;
    margin-left: -60px;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

    .loading-message.loading-message-boxed {
        border: 1px solid #ddd;
        background-color: #eee;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    }

    .loading-message > span {
        line-height: 20px;
        vertical-align: middle;
    }

.page-loading {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

    .page-loading > span {
        line-height: 20px;
        vertical-align: middle;
    }


.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

    .page-spinner-bar > div {
        margin: 0 5px;
        width: 18px;
        height: 18px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .page-spinner-bar .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .page-spinner-bar .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center;
}

    .block-spinner-bar > div {
        margin: 0 2px;
        width: 15px;
        height: 15px;
        background: #eee;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .block-spinner-bar .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .block-spinner-bar .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }



.form-select-pagination {
    display: block;
    width: 100%;
    padding: 0rem 3rem 0rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: unset;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
    height: 2.5rem
}


.card-toolbar a i.fa-chevron-down {
    display: inline-block;
}

.card-toolbar a i.fa-chevron-up {
    display: none;
}

.card-toolbar a.collapsed i.fa-chevron-down {
    display: none;
}

.card-toolbar a.collapsed i.fa-chevron-up {
    display: inline-block;
}



.table thead tr th {
    padding: .75rem .75rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    background-color: #DBEEFC;
    color: #1A70C7;
}
    .table thead tr th:first-child {
        padding: .75rem .0rem;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
    }
.table tbody tr td:first-child {
    padding: .75rem .75rem;
    vertical-align: middle;
}

.table tbody tr td {
    padding: .5rem .75rem;
    vertical-align: middle;
}

.table tbody tr td:first-child {
    padding: .75rem .75rem;
    vertical-align: middle;
}

.checkbox-dataTable th {
    padding: 0 !important;
    vertical-align: middle;
    text-align: center;
}

.checkbox-dataTable {
    vertical-align: middle;
    text-align: center;
}


table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    --bs-table-accent-bg: #f7c77e;
}

table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected, table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected {
    --bs-table-accent-bg: #f7c77e
}

table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover {
    --bs-table-accent-bg: #f3b04a
}

.icon-2-arrow {
    background-image: url('/assets/media/svg/shapes/u48.svg');
}

.bg-transparent {
    background: transparent
}

.text-custom {
    color: #036fa2
}

.h-captcha {
    min-height:calc(1.5em + 1.1rem + 2px);
}

.rectangle {
    height: 1.25rem;
    width: 10em;
    background-color: #A1D3F7;
    border-radius: 0.5rem;
}

.rectangle-before {
    height: 1.25rem;
    width: 5em;
    background-color: #1A70C7;
    border-radius: 0.5rem 0 0 0.5rem;
}

.rectangle-after {
    height: 1.25rem;
    width: 5em;
    background-color: #A1D3F7;
    border-radius: 0 0.5rem 0.5rem 0;
}

.col-rectangle {
    padding-top:12.5px
}

.rectangle-title {
    color: #1A70C7;
    font-size: 1.5rem;
    font-weight: 700
}

.custom-title {
    color: #036F95;
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.02019rem;
}

.bg-blue{
    background-color:blue
}

.row-panel {
    align-items: center;
    vertical-align: middle;
    align-content: center;
}

.title-tthc {
    color: #036F95;
    font-family: Roboto, sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.02019rem;
}

.title-cnhs {
    color: #036F95;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem; /* 112.5% */
    letter-spacing: 0.03125rem;
}

.custom-title-tthc{
    justify-content:center;
    align-items:center;
}

.custom-tthc-content {
    color: #363940;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem; /* 100% */
    letter-spacing: 0.01875rem;
}

.top-10{
    top:10px;
}

.footer {
    background-color: #eaf1f8 !important;
    justify-content:center
}

.font-large{
    font-size:large;
}

#kt_content_container {
    min-height: calc(100vh - 1.25rem - 100px - 123px);
}
.w-30{
    width:30vw;
}

.select2-selection--single {
    height: 100% !important;
}

.select2-selection__rendered {
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

.khoanchitieu-col-file {
    min-width: 125px !important;
}

/*thead th {
    position: sticky;
    z-index: 12;
    top: 0;
    background: white;
}*/