/* Custom, iPhone Retina */
@media only screen and (min-width : 240px) and (max-width : 479px) {

    .elevation-4 {
        /*background-color: #f4f6f9 !important;*/
    }

    .nav-link {
        color: #de0606 !important;
        font: caption;
    }

    .d-block {
        color: #000 !important;
    }

    a {
        color: #f09c1c !important;
    }

    .card-header {
        background-size: 100% 100%;
    }

    .icon-menu-1 {
        height: 25px;
        margin-bottom: 5px;
    }

    .main-sidebar {
        position: relative !important;
    }

    .nav-sidebar .nav-link p {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
    }

    .user-image {
        width: 50px;
        text-align: center;
        border: 1px solid #CCC;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        margin-left: 15px;
    }

    table > thead {
        background-color: #F4F6F8;
        background-size: 100% 100%;
        color: #000;
    }

    .form-group-header {
        background-size: 100% 100%;
        color: #eb1c24;
        font-weight: bold;
        height: 32px;
        padding: 4px;
        border: 1px solid #dee2e6;
    }

    .LoaiACong {
        color: #04ff00;
        text-align: center;
    }

    .LoaiB {
        color: orange;
        text-align: center;
    }

    .LoaiA {
        color: #2dad55;
        text-align: center;
    }

    .active > a.page-link {
        color: #fff !important;
        background-color: #da2127 !important;
        border-color: #da2127 !important;
    }

    .funs-icon {
        font-size: 20px;
        color: Red;
    }

    .funs-icon-green {
        font-size: 20px;
        color: Green;
    }

    .fa-print {
        color: #E7672A !important;
    }

    td, th {
        padding: 4px 0px 4px 7px !important;
    }

    .text-strong-td {
        padding-right: 15px !important;
    }


    .margin-bottom-0 {
        margin-bottom: 0px !important;
    }

    .btn.btn-box-tool-tttt-children, .btn.btn-box-tool-children {
        float: right !important;
        padding: 0px 0px !important;
    }

    .btn-box-tool-parent, .btn-box-tool-tttt-parent, .btn-box-tool-iv-parent {
        cursor: pointer;
    }

    .box-header-border {
        /*border: 1px solid #dee2e6 !important;*/
    }


    .hd-tbl-desk {
        border: 1px solid #dee2e6;
        vertical-align: top;
        padding: 4px 10px 4px 10px !important;
    }

        .hd-tbl-desk span {
            vertical-align: middle;
        }

        .hd-tbl-desk input {
            padding: 4px 0px 4px 0px !important;
            border-radius: 0rem !important;
        }

    .box-body {
        padding: unset !important;
        margin-top: unset;
    }

    .hd-tbl-row-0 {
        background-color: rgba(0,0,0,.05);
        margin: 0px !important;
    }

    .hd-tbl-row-1 {
        margin: 0px !important;
    }

    .hd-tbl-input {
        padding: 0.0rem .75rem !important;
        height: calc(1.9rem + 2px) !important;
    }

    .hd-strong {
        font-weight: bold !important;
    }

    .hd-header {
        padding: .25rem .25rem !important;
        background-color: #eb1c24 !important;
    }

    .hd-change {
        float: right !important;
    }

    .hd-tbl-row-change {
        margin: 0px !important;
        background-color: #eb1c24 !important;
        text-align: right !important;
    }

    .card-header {
        border-bottom: 0px !important;
    }

    .text-money {
        text-align: right;
    }

    th {
        vertical-align: middle !important;
        text-align: center;
    }

    .videoGioiThieu {
        display: block;
    }

    .menu-item-lv1 {
        color: #F05A28;
    }

    .title-lv1 {
        color: #F05A28;
        font-weight: bold;
        font-size: 0.85rem;
        padding: 0px 2px;
    }

    .title-lv2 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0px 0px;
    }

    .tbl-td-1 {
        border-top: 0px solid #dee2e6 !important;
    }

    #quickForm {
    }

    .row {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    /*.section-lv1 {
        padding: 2px !important;
    }*/

    .menu-left-bd-right {
        border-right: 1px solid #dee2e6;
    }

    .content-right-lv1 {
        background-color: #ededed;
        border-radius: 5px;
        margin-top: 10px;
    }

    .show-level2 {
        background-color: unset !important;
    }

    .form-group-header-hide {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .content-top-lv1 {
        height: 180px;
        background-image: url('../img/menu/Header.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .content-top-lv2 {
        width: 1024px;
        margin: auto;
    }

    .tbl-menu-top-lv1 td {
        border: unset !important;
    }

    .img-head-lv1 {
        width: 100%;
    }

    .content-head-lv1 {
        position: absolute;
        width: 100%;
        top: 15px;
    }

    .tbl-head-td {
        font-weight: unset !important;
        vertical-align: bottom !important;
    }

    .head-anhdaidien {
        vertical-align: top !important;
    }

    .hidden-xs {
        padding: unset !important;
    }

    .icon-menu-1 {
        padding-right: 5px;
        margin-top: 5px;
    }

    .content-top-lv1 {
        padding: unset !important;
    }

    .content-wrapper {
        background: unset !important;
    }

    .menu-fix-header {
        position: relative !important;
        max-width: 75.7142857143em;
        margin: auto;
    }

    .hd-header-lv1 {
        background-color: #ffd79c !important;
    }

    .brand-image {
        max-height: 6em;
    }

    a {
        color: #e7010c !important;
    }

    .nav-link {
        color: #e7010c !important;
        font-weight: 600;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .nav-link.active {
            background-color: #e7010c !important;
            border-radius: 5px;
        }

        .nav-link.active {
            color: #fff !important;
            font-weight: 600;
        }

    body {
        background-image: url('../img/footer_mobile.png');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .hd-header-lv2 {
        padding: 0.5rem 0.5rem !important;
        background-color: #fff !important;
    }

    .fm-timkiemnhanvien {
        padding-left: 0% !important;
    }

    .logo-head-1 {
        width: 40% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .logo-head-2 {
        display: none;
    }

    .logo-head-end {
        width: 53% !important;
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .hidden-xs-gachdung {
        padding: 0px !important;
    }


    .tomtat-login {
        font-size: 10px !important;
    }

    .ngonngu-hienthi {
        display: none;
    }

    .btn-top-menu {
        color: #000 !important;
        border: unset !important;
    }

    .navbar-toggler-icon {
        width: 1em !important;
        height: 1em !important;
    }

    .navbar-toggler {
        padding: 0px !important;
    }

    .fa-align-justify {
        color: #f09c1c;
    }

    .videoGioiThieu1 {
        display: block !important;
        width: 50% !important;
    }

    .videoGioiThieu2 {
        display: none !important;
    }

    .image {
        width: 50% !important;
    }

    #lblTenVideo {
        display: block !important;
    }

    .col-thongtin-nhanvien {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .row-thongtin-nhanvien {
        font-size: 0.8em;
    }

        .row-thongtin-nhanvien.hd-boder {
            font-size: 0.8em;
            border-top: 1px solid #b2bcc5;
            padding: 5px 0;
        }

    .col-hd-noidung {
        padding: 4px 8px 6px 8px !important;
    }
}







































/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width : 1199px) {

    .elevation-4 {
        /*background-color: #f4f6f9 !important;*/
    }

    .nav-link {
        color: #de0606 !important;
        font: caption;
    }

    .d-block {
        color: #000 !important;
    }

    a {
        color: #f09c1c !important;
    }

    .card-header {
        background-size: 100% 100%;
    }

    .icon-menu-1 {
        height: 2rem;
        margin-bottom: 5px;
    }

    .main-sidebar {
        position: relative !important;
    }

    .nav-sidebar .nav-link p {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
    }

    .user-image {
        width: 50px;
        text-align: center;
        border: 1px solid #CCC;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        margin-left: 15px;
    }

    table > thead {
        background-color: #F4F6F8;
        background-size: 100% 100%;
        color: #000;
    }

    .form-group-header {
        background-size: 100% 100%;
        color: #eb1c24;
        font-weight: bold;
        height: 32px;
        padding: 4px;
        border: 1px solid #dee2e6;
    }

    .LoaiACong {
        color: #04ff00;
        text-align: center;
    }

    .LoaiB {
        color: orange;
        text-align: center;
    }

    .LoaiA {
        color: #2dad55;
        text-align: center;
    }

    .active > a.page-link {
        color: #fff !important;
        background-color: #da2127 !important;
        border-color: #da2127 !important;
    }

    .funs-icon {
        font-size: 20px;
        color: Red;
    }

    .funs-icon-green {
        font-size: 20px;
        color: Green;
    }

    .fa-print {
        color: #E7672A !important;
    }

    td, th {
        padding: 4px 0px 4px 7px !important;
    }

    .text-strong-td {
        padding-right: 15px !important;
    }


    .margin-bottom-0 {
        margin-bottom: 0px !important;
    }

    .btn.btn-box-tool-tttt-children, .btn.btn-box-tool-children {
        float: right !important;
        padding: 0px 7px !important;
    }

    .btn-box-tool-parent, .btn-box-tool-tttt-parent, .btn-box-tool-iv-parent {
        cursor: pointer;
    }

    .box-header-border {
        /*border: 1px solid #dee2e6 !important;*/
    }


    .hd-tbl-desk {
        border: 1px solid #dee2e6;
        vertical-align: top;
        padding: 4px 10px 4px 10px !important;
    }

        .hd-tbl-desk span {
            vertical-align: middle;
        }

        .hd-tbl-desk input {
            padding: 4px 0px 4px 0px !important;
            border-radius: 0rem !important;
        }

    .box-body {
        /*padding: 17.5px !important;*/
        margin-top: -10px;
    }

    .hd-tbl-row-0 {
        background-color: rgba(0,0,0,.05);
        margin: 0px !important;
    }

    .hd-tbl-row-1 {
        margin: 0px !important;
    }

    .hd-tbl-input {
        padding: 0.0rem .75rem !important;
        height: calc(1.9rem + 2px) !important;
    }

    .hd-strong {
        font-weight: bold !important;
    }

    .hd-header {
        padding: .25rem .25rem !important;
        background-color: #eb1c24 !important;
    }

    .hd-change {
        float: right !important;
    }

    .hd-tbl-row-change {
        margin: 0px !important;
        background-color: #eb1c24 !important;
        text-align: right !important;
    }

    .card-header {
        border-bottom: 0px !important;
    }

    .text-money {
        text-align: right;
    }

    th {
        vertical-align: middle !important;
        text-align: center;
    }

    .videoGioiThieu {
        display: block;
    }

    .menu-item-lv1 {
        color: #F05A28;
    }

    .title-lv1 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1em;
        padding: 0px 0px;
    }

    .title-lv2 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0px 7px;
    }

    .tbl-td-1 {
        border-top: 0px solid #dee2e6 !important;
    }

    #quickForm {
    }

    .row {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    /*.section-lv1 {
        padding: 15px !important;
    }*/

    .menu-left-bd-right {
        border-right: 1px solid #dee2e6;
    }

    .content-right-lv1 {
        background-color: #ededed;
        border-radius: 5px;
        margin-top: 10px;
    }

    .show-level2 {
        background-color: unset !important;
    }

    .form-group-header-hide {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .content-top-lv1 {
        height: 180px;
        background-image: url('../img/menu/Header.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .content-top-lv2 {
        width: 1024px;
        margin: auto;
    }

    .tbl-menu-top-lv1 td {
        border: unset !important;
    }

    .img-head-lv1 {
        width: 100%;
    }

    .content-head-lv1 {
        position: absolute;
        width: 100%;
        top: 15px;
    }

    .tbl-head-td {
        font-weight: unset !important;
        vertical-align: bottom !important;
    }

    .head-anhdaidien {
        vertical-align: top !important;
    }

    .hidden-xs {
        padding: unset !important;
    }

    .icon-menu-1 {
        padding-right: 5px;
        margin-top: 5px;
    }

    .content-top-lv1 {
        padding: unset !important;
    }

    .content-wrapper {
        background: unset !important;
    }

    .menu-fix-header {
        position: relative !important;
        max-width: 75.7142857143em;
        margin: auto;
    }

    .hd-header-lv1 {
        background-color: #ffd79c !important;
    }

    .brand-image {
        max-height: 6em;
    }

    a {
        color: #e7010c !important;
    }

    .nav-link {
        color: #e7010c !important;
        font-weight: 600;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .nav-link.active {
            background-color: #e7010c !important;
            border-radius: 5px;
        }

        .nav-link.active {
            color: #fff !important;
            font-weight: 600;
        }

    body {
        background-image: url('../img/footer_desktop.png');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        display: grid;
        align-items: center !important;
    }

    .hd-header-lv2 {
        padding: 2rem 0.5rem !important;
        background-color: #fff !important;
    }

    .fm-timkiemnhanvien {
        padding-left: 10% !important;
    }

    .hidden-xs-gachdung {
        padding: 5px !important;
    }

    .image {
        width: 100% !important;
    }

    .row-thongtin-nhanvien.hd-boder {
        font-size: 0.8em;
        border-top: 1px solid #b2bcc5;
        padding: 5px 0;
    }

    .img-updown-lv1 {
        margin-right: 8px !important;
    }
}




.icon-menu-1 {
    height: 26px !important;
    margin-bottom: 5px;
}










/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) and (max-width : 1599px) {

    .elevation-4 {
        /*background-color: #f4f6f9 !important;*/
    }

    .nav-link {
        color: #de0606 !important;
        font: caption;
    }

    .d-block {
        color: #000 !important;
    }

    a {
        color: #f09c1c !important;
    }

    .card-header {
        background-size: 100% 100%;
    }

    .icon-menu-1 {
        height: 41px;
        margin-bottom: 5px;
    }

    .main-sidebar {
        position: relative !important;
    }

    .nav-sidebar .nav-link p {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
    }

    .user-image {
        width: 50px;
        text-align: center;
        border: 1px solid #CCC;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        margin-left: 15px;
    }

    table > thead {
        background-color: #F4F6F8;
        background-size: 100% 100%;
        color: #000;
    }

    .form-group-header {
        background-size: 100% 100%;
        color: #eb1c24;
        font-weight: bold;
        height: 32px;
        padding: 4px;
        border: 1px solid #dee2e6;
    }

    .LoaiACong {
        color: #04ff00;
        text-align: center;
    }

    .LoaiB {
        color: orange;
        text-align: center;
    }

    .LoaiA {
        color: #2dad55;
        text-align: center;
    }

    .active > a.page-link {
        color: #fff !important;
        background-color: #da2127 !important;
        border-color: #da2127 !important;
    }

    .funs-icon {
        font-size: 20px;
        color: Red;
    }

    .funs-icon-green {
        font-size: 20px;
        color: Green;
    }

    .fa-print {
        color: #E7672A !important;
    }

    td, th {
        padding: 4px 0px 4px 7px !important;
    }

    .text-strong-td {
        padding-right: 15px !important;
    }


    .margin-bottom-0 {
        margin-bottom: 0px !important;
    }

    .btn.btn-box-tool-tttt-children, .btn.btn-box-tool-children {
        float: right !important;
        padding: 0px 7px !important;
    }

    .btn-box-tool-parent, .btn-box-tool-tttt-parent, .btn-box-tool-iv-parent {
        cursor: pointer;
    }

    .box-header-border {
        /*border: 1px solid #dee2e6 !important;*/
    }


    .hd-tbl-desk {
        border: 1px solid #dee2e6;
        vertical-align: top;
        padding: 4px 10px 4px 10px !important;
    }

        .hd-tbl-desk span {
            vertical-align: middle;
        }

        .hd-tbl-desk input {
            padding: 4px 0px 4px 0px !important;
            border-radius: 0rem !important;
        }

    .box-body {
        /*padding: 17.5px !important;*/
        margin-top: -10px;
    }

    .hd-tbl-row-0 {
        background-color: rgba(0,0,0,.05);
        margin: 0px !important;
    }

    .hd-tbl-row-1 {
        margin: 0px !important;
    }

    .hd-tbl-input {
        padding: 0.0rem .75rem !important;
        height: calc(1.9rem + 2px) !important;
    }

    .hd-strong {
        font-weight: bold !important;
    }

    .hd-header {
        padding: .25rem .25rem !important;
        background-color: #eb1c24 !important;
    }

    .hd-change {
        float: right !important;
    }

    .hd-tbl-row-change {
        margin: 0px !important;
        background-color: #eb1c24 !important;
        text-align: right !important;
    }

    .card-header {
        border-bottom: 0px !important;
    }

    .text-money {
        text-align: right;
    }

    th {
        vertical-align: middle !important;
        text-align: center;
    }

    .videoGioiThieu {
        display: block;
    }

.table tr:hover {
    background: #FFFFDE !important;
}
    .menu-item-lv1 {
        color: #F05A28;
    }

    .title-lv1 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1em;
        padding: 0px 0px;
    }

    .title-lv2 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0px 7px;
    }

    .tbl-td-1 {
        border-top: 0px solid #dee2e6 !important;
    }

    #quickForm {
    }

    .row {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    /*.section-lv1 {
        padding: 15px !important;
    }*/

    .menu-left-bd-right {
        border-right: 1px solid #dee2e6;
    }

    .content-right-lv1 {
        background-color: #ededed;
        border-radius: 5px;
        margin-top: 10px;
    }

    .show-level2 {
        background-color: unset !important;
    }

    .form-group-header-hide {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .content-top-lv1 {
        height: 180px;
        background-image: url('../img/menu/Header.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .content-top-lv2 {
        width: 1024px;
        margin: auto;
    }

    .tbl-menu-top-lv1 td {
        border: unset !important;
    }

    .img-head-lv1 {
        width: 100%;
    }

    .content-head-lv1 {
        position: absolute;
        width: 100%;
        top: 15px;
    }

    .tbl-head-td {
        font-weight: unset !important;
        vertical-align: bottom !important;
    }

    .head-anhdaidien {
        vertical-align: top !important;
    }

    .hidden-xs {
        padding: unset !important;
    }

    .icon-menu-1 {
        padding-right: 0px;
        margin-top: 5px;
    }

    .content-top-lv1 {
        padding: unset !important;
    }

    .content-wrapper {
        background: unset !important;
    }

    .menu-fix-header {
        position: relative !important;
        max-width: 75.7142857143em;
        margin: auto;
    }

    .hd-header-lv1 {
        background-color: #ffd79c !important;
    }

    .brand-image {
        max-height: 6em;
    }

    a {
        color: #e7010c !important;
    }

    .nav-link {
        color: #393939 !important;
        font-weight: 600;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .nav-link.active {
            background-color: #dee2e6 !important;
            border-radius: 5px;
        }

        .nav-link.active {
            color: #F05A28 !important;
            
        }

    body {
        background-image: url('../img/footer_desktop.png');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .hd-header-lv2 {
        padding: 2rem 0.5rem !important;
        background-color: #fff !important;
    }

    .fm-timkiemnhanvien {
        padding-left: 10% !important;
    }

    .hidden-xs-gachdung {
        padding: 5px !important;
    }

    .image {
        width: 100% !important;
    }

    .row-thongtin-nhanvien.hd-boder {
        font-size: 0.9em;
        border-top: 0px solid #b2bcc5;
        padding: 5px 0;
    }

    .img-updown-lv1 {
        margin-right: 8px !important;
    }

    .hd-menu-left {
        /*margin-top: -7px !important;*/
    }

    .hd-icon-notify {
        padding-left: 10px;
        padding-right: 25px;
    }

    body {
        font-size: 0.9em !important;
    }

    .row-thongtin-nhanvien.hd-boder:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }

    .navbar-light {
        <!-- background-color: #ffd79c !important; -->
    }
}




.pn-dis-edit {
    pointer-events: none !important;
}












/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {

    .elevation-4 {
        /*background-color: #f4f6f9 !important;*/
    }

    .nav-bar-hd-top {
        top: -41px !important;
    }

    .nav-link {
        color: #de0606 !important;
        font: caption;
    }

    .d-block {
        color: #000 !important;
    }

    a {
        color: #f09c1c !important;
    }

    .card-header {
        background-size: 100% 100%;
    }

    .icon-menu-1 {
        height: 41px;
        margin-bottom: 5px;
    }

    .main-sidebar {
        position: relative !important;
    }

    .nav-sidebar .nav-link p {
        display: inline-block;
        margin: 0;
        padding-left: 15px;
    }

    .user-image {
        width: 50px;
        text-align: center;
        border: 1px solid #CCC;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        margin-left: 15px;
    }

table > thead {
    background-color: gainsboro;
    background-size: 100% 100%;
    color: #000;
}
    .form-group-header {
        background-size: 100% 100%;
        color: #eb1c24;
        font-weight: bold;
        height: 32px;
        padding: 4px;
        border: 1px solid #dee2e6;
    }

    .LoaiACong {
        color: #04ff00;
        text-align: center;
    }

    .LoaiB {
        color: orange;
        text-align: center;
    }

    .LoaiA {
        color: #2dad55;
        text-align: center;
    }

    .active > a.page-link {
        color: #fff !important;
        background-color: #da2127 !important;
        border-color: #da2127 !important;
    }

    .funs-icon {
        font-size: 20px;
        color: Red;
    }

    .funs-icon-green {
        font-size: 20px;
        color: Green;
    }

    .fa-print {
        color: #E7672A !important;
    }

    td, th {
        padding: 4px 0px 4px 7px !important;
    }

    .text-strong-td {
        padding-right: 15px !important;
    }


    .margin-bottom-0 {
        margin-bottom: 0px !important;
    }

    .btn.btn-box-tool-tttt-children, .btn.btn-box-tool-children {
        float: right !important;
        padding: 0px 7px !important;
    }

    .btn-box-tool-parent, .btn-box-tool-tttt-parent, .btn-box-tool-iv-parent {
        cursor: pointer;
    }

    .box-header-border {
        /*border: 1px solid #dee2e6 !important;*/
    }


    .hd-tbl-desk {
        border: 1px solid #dee2e6;
        vertical-align: top;
        padding: 4px 10px 4px 10px !important;
    }

        .hd-tbl-desk span {
            vertical-align: middle;
        }

        .hd-tbl-desk input {
            padding: 4px 0px 4px 0px !important;
            border-radius: 0rem !important;
        }

    .box-body {
        /*padding: 17.5px !important;*/
        margin-top: -10px;
    }

    .hd-tbl-row-0 {
        background-color: rgba(0,0,0,.05);
        margin: 0px !important;
    }

    .hd-tbl-row-1 {
        margin: 0px !important;
    }

    .hd-tbl-input {
        padding: 0.0rem .75rem !important;
        height: calc(1.9rem + 2px) !important;
    }

    .hd-strong {
        font-weight: bold !important;
    }

    .hd-header {
        padding: .25rem .25rem !important;
        background-color: #eb1c24 !important;
    }

    .hd-change {
        float: right !important;
    }

    .hd-tbl-row-change {
        margin: 0px !important;
        background-color: #eb1c24 !important;
        text-align: right !important;
    }

    .card-header {
        border-bottom: 0px !important;
    }

    .text-money {
        text-align: right;
    }

    th {
        vertical-align: middle !important;
        text-align: center;
    }

    .videoGioiThieu {
        display: block;
    }


    .menu-item-lv1 {
        color: #F05A28;
    }

    .title-lv1 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0px 0px;
    }

    .title-lv2 {
        color: #F05A28;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0px 7px;
    }

    .tbl-td-1 {
        border-top: 0px solid #dee2e6 !important;
    }

    #quickForm {
    }

    .row {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    /*.section-lv1 {
        padding: 15px !important;
    }*/

    .menu-left-bd-right {
        border-right: 1px solid #dee2e6;
    }

    .content-right-lv1 {
        background-color: #ededed;
        border-radius: 5px;
        margin-top: 10px;
    }

    .show-level2 {
        background-color: unset !important;
    }

    .form-group-header-hide {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .content-top-lv1 {
        height: 180px;
        background-image: url('../img/menu/Header.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: grid;
        align-items: center !important;
    }

    .content-top-lv2 {
        width: 1024px;
        margin: auto;
    }

    .tbl-menu-top-lv1 td {
        border: unset !important;
    }

    .img-head-lv1 {
        width: 100%;
    }

    .content-head-lv1 {
        position: absolute;
        width: 100%;
        top: 15px;
    }

    .tbl-head-td {
        font-weight: unset !important;
        vertical-align: bottom !important;
    }

    .head-anhdaidien {
        vertical-align: top !important;
    }

    .hidden-xs {
        padding: unset !important;
    }

    .icon-menu-1 {
        padding-right: 0px;
        margin-top: 5px;
    }

    .content-top-lv1 {
        padding: unset !important;
    }

    .content-wrapper {
        background: unset !important;
    }

    .menu-fix-header {
        position: relative !important;
        max-width: 75.7142857143em;
        margin: auto;
    }

    .hd-header-lv1 {
        background-color: #ffd79c !important;
    }

    .brand-image {
        max-height: 6em;
    }

    a {
        color: #e7010c !important;
    }

    .nav-link {
        color: #393939 !important;
        font-weight: 600;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .nav-link.active {
            background-color: #dee2e6 !important;
            border-radius: 5px;
        }

        .nav-link.active {
            color: #F05A28 !important;
            font-weight: 600;
        }

    body {
        background-image: url('../img/footer_desktop.png');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        display: grid;
        align-items: center !important;
    }

    .hd-header-lv2 {
        padding: 2rem 0.5rem !important;
        background-color: #fff !important;
    }

    .fm-timkiemnhanvien {
        padding-left: 10% !important;
    }

    .hidden-xs-gachdung {
        padding: 5px !important;
    }

    .image {
        width: 100% !important;
    }

    .row-thongtin-nhanvien.hd-boder {
        font-size: 0.9em;
        border-top: 0px solid #b2bcc5;
        padding: 5px 0;
    }

    .img-updown-lv1 {
        margin-right: 8px !important;
    }

    .hd-menu-left {
        /*margin-top: -7px !important;*/
    }

    .hd-icon-notify {
        padding-left: 10px;
        padding-right: 25px;
    }

    body {
        font-size: 0.9em !important;
    }

    .row-thongtin-nhanvien.hd-boder:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }

    .navbar-light {
        <!-- background-color: #ffd79c !important; -->
    }
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}

.table  tbody tr:hover {
    background:#FFFFDE !important;
}