.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.required {
    border-top: 10px solid red;
    position: absolute;
    border-left: 10px solid transparent;
    right: 10px;
    top: 0;
    width: 0;
    height: 0;
}
.warning {
    border-top: 10px solid #f39c13;
    position: absolute;
    border-left: 10px solid transparent;
    right: 10px;
    top: 0;
    width: 0;
    height: 0;
}

.shadow {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

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

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    margin-bottom: 7px;
    position: relative;
}

.modal {
    z-index: 9999;
}
/*thanh*/
.rbl td {
    padding-left: 10px !important;
}

.mrl0 {
    margin-left: 0 !important;
}

.mrl4 {
    margin-left: 4px !important;
}

.mrl10 {
    margin-left: 10px !important;
}

.mrl15 {
    margin-left: 15px !important;
}

.mrl20 {
    margin-left: 20px !important;
}

.mrr0 {
    margin-right: 0 !important;
}

.mrr4 {
    margin-right: 4px !important;
}

.mrr10 {
    margin-right: 10px !important;
}

.mrr15 {
    margin-right: 15px !important;
}

.mrr20 {
    margin-right: 20px !important;
}

.pdr0 {
    padding-right: 0 !important;
}

.pdr4 {
    padding-right: 4px !important;
}

.pdr6 {
    padding-right: 6px !important;
}

.pdr8 {
    padding-right: 8px !important;
}

.pdr10 {
    padding-right: 10px !important;
}

.pdr15 {
    padding-right: 15px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr25 {
    padding-right: 25px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.pdl0 {
    padding-left: 0 !important;
}

.pdl4 {
    padding-left: 4px !important;
}

.pdl6 {
    padding-left: 6px !important;
}

.pdl8 {
    padding-left: 8px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl15 {
    padding-left: 15px !important;
}

.pdl20 {
    padding-left: 20px !important;
}

.pdl23 {
    padding-left: 23px !important;
}

.pdl25 {
    padding-left: 25px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.parentFormForm.formError {
    top: 4px !important;
}

select.chosen {
    display: block !important;
    visibility: hidden;
    position: absolute;
}

.disabled-block {
    pointer-events: none;
    opacity: 0.6;
}

input[type=radio], input[type=checkbox] {
    width: 0;
    opacity: 0;
    position: absolute;
}

    input[type=radio] + label, input[type=checkbox] + label {
        line-height: 30px;
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 0;
    }

    input[type=radio]:disabled + label, input[type=checkbox]:disabled + label {
        pointer-events: none;
    }

    input[type=radio] + label:before, input[type=checkbox] + label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
        background-color: #FFF;
        border: 1px solid #888;
    }

    input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
        color: #fff;
        text-align: center;
        font: normal normal normal 12px FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f00c";
        line-height: 14px;
        display: block;
        background-color: #0073C6;
        border: 1px solid #0073C6;
    }

.bg-red {
    background-color: #D73D33 !important;
    color: #F7E9FF !important;
}

input[type=radio]:focus + label:before, input[type=checkbox]:focus + label:before {
    border: 1px solid #D73D33;
    box-shadow: #0073C6 2px 2px unset;
}
/*end */

.m-header-wrap {
    position: relative;
    min-height: 50px;
}

.m-header {
    height: 50px;
    box-shadow: 0 0 5px #999;
    z-index: 1;
    background-color: #f3f3f3;
    width: 100%;
    position: absolute;
    /* padding: 5px 0; */
}

.header-text {
    color: #3a3a3a;
    text-shadow: none !important;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    line-height: 50px;
    /* display: inline-block; */
}

.m-header .cmd {
    display: inline-block;
    float: right;
    height: 100%;
    padding-top: 10px;
}

select {
    padding-left: 6px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border: 1px solid #ddd;
}

.dropdown-menu, .dropdown-menu {
    font-size: 13px;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a {
    height: 55px;
}

#ControlNav > li > a {
    height: 53px;
}

#ControlEditPageMenu > li > a {
    height: 53px;
}

body > form #ControlBar_ControlPanel {
    z-index: 9001 !important;
}

.fa {
    line-height: 20px;
}

.dropdown-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
    z-index: 9999;
}

.open > .dropdown-menu {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

html, body, .content-wrapper {
    background-color: #ececec;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.content-wrapper-tn {
    background-color: #ececec;
    font-family: TNKeyUni-Arial,Arial,Helvetica,sans-serif;
}
/*html *{font-size:13px;font-family:Arial,Helvetica,sans-serif;}*/
.box {
    -moz-transition: all 280ms cubic-bezier(.4,0,.2,1);
    -o-transition: all 280ms cubic-bezier(.4,0,.2,1);
    -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
    transition: all 280ms cubic-bezier(.4,0,.2,1);
    background: #fff;
    border: none;
    border-radius: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

.box-shadow {
    border-radius: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

.box-hover:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
}

.box-body {
    padding: 15px;
    /* background: #f9f9f9; */
}

.form-group {
    margin-bottom: 7px;
}

.content-wrapper {
    padding: 0 0 20px 0;
}

.sidebar-menu .treeview-menu > li > a {
    font-size: 13px;
    padding-left: 30px;
}

.table {
    font-size: 13px;
}

.form-control {
    font-size: 13px;
    height: 34px;
    line-height: 30px;
}

.table-bordered {
    border: 1px solid #ccc !important;
    border-collapse: collapse;
    background: #ebebeb;
}

    .table-bordered th {
        border: 1px solid #006E9D !important;
        border: 1px solid #ccc !important;
        font-weight: bold;
        background-color: #006E9D;
        padding-left: 6px;
        padding-right: 6px;
        color: white;
        vertical-align: middle !important;
    }

        .table-bordered th:last-child {
            /* border-right: 1px solid #3c8dbc !important; */
        }

    .table-bordered td {
        border: 1px solid #ccc !important;
        padding: 4px;
        padding-left: 6px;
        padding-right: 6px;
        vertical-align: middle !important;
        -moz-transition: ease 0.5s all;
        -o-transition: ease 0.5s all;
        -webkit-transition: ease 0.5s all;
        transition: ease 0.5s all;
        font-size: 13px;
    }

    .table-bordered input[type="checkbox"] + label {
        padding-left: 9px;
    }

    .table-bordered .alternate {
        background-color: #f5f5f5;
    }

    .table-bordered tr:hover td {
        background-color: #ffffcc;
    }

    .table-bordered tr.row-selected td {
        background-color: #ffffcc;
    }

        .table-bordered tr.row-selected td:first-child {
            border-left: 2px solid #47a447 !important;
        }

.table-bordered {
    font-size: 13px;
    color: #000 !important;
}

    .table-bordered th {
        padding: 5px !important;
        /* border-color: #3e3e3e !important; */
        color: #efefef;
        background-color: #006E9D !important;
    }

        .table-bordered th:last-child {
            /* border-color: #000 !important; */
        }

    .table-bordered td {
        padding: 5px !important;
        /* border: 1px solid #000 !important; */
    }

        .table-bordered td span.err {
            position: relative;
        }

    .table-bordered tr:hover td {
        background-color: #ffd7cc;
    }

.aoh {
    opacity: 0.1;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.table-bordered tr:hover .aoh {
    opacity: 1;
}

.xheader {
    background: white none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    font-size: 16px;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
}

.form-horizontal .control-label, .control-label {
    margin-top: 5px;
    padding-top: 0;
    text-align: left;
}

.skin-blue-light .main-header .logo {
    background-color: #006E9D;
}

.skin-blue-light .main-header .navbar {
    background-color: #006E9D;
}

.main-header .logo .logo-lg {
    padding: 13px;
}

.navbar-custom-menu > .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
}

.main-header .sidebar-toggle {
    font-size: 14px;
}

.navbar-custom-menu > .navbar-nav > li > a > i.fa {
    font-size: 14px;
}

.control-sidebar-light + .control-sidebar-bg {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.control-sidebar-light, .control-sidebar-light + .control-sidebar-bg {
    border-left: none;
}

.control-sidebar > .tab-content {
    padding: 10px 0;
}

.control-sidebar-bg, .control-sidebar {
    width: 302px;
    right: -302px;
}

.control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
    margin-right: 302px;
}

.btn-timkiem {
    position: relative;
    padding-left: 50px;
    background: #4cb050;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
}

    .btn-timkiem i {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

.btn-BoQua {
    position: relative;
    padding-left: 50px;
    background: #A2A2A2;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
}

    .btn-BoQua i {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

.btn-LuuSua {
    position: relative;
    padding-left: 50px;
    background: #FF9700;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
}

    .btn-LuuSua i {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

.btn-LuuThoat {
    position: relative;
    padding-left: 50px;
    background: #4CB050;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
}

    .btn-LuuThoat i {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

.btn-LuuThemMoi {
    position: relative;
    padding-left: 50px;
    background: #4286F5;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
    color: white
}

    .btn-LuuThemMoi i {
        color: white;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

    .btn-LuuThemMoi:hover {
        color: white
    }

.btn-Xoa {
    position: relative;
    padding-left: 50px;
    background: #d73000;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 7px 70px;
}

    .btn-Xoa i {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }
/*choose*/
.chosen-disabled {
    background-color: #eee;
    cursor: default;
    opacity: 1 !important;
}

.chosen-container-single .chosen-single {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 0 0 13px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-disabled .chosen-single {
    background-color: #eee;
}

.chosen-container, .chosen-container .chosen-drop {
    border: 1px solid #ddd;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
    font-size: 14px;
    background: #E4E4E4;
    border: none;
    font-weight: bold;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
    background: #4CB050 none repeat scroll 0 0;
    color: white;
}

.phanquyen-controls.treeview-box .box-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.phanquyen-controls.treeview-box {
    border: 1px solid #ddd;
    height: 100%;
    width: 100%;
}

.TNTreeBlock {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px #c5c5c5;
    display: inline-block;
    height: 230px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    white-space: normal;
}

.TNtitleBar {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
}

.TNTreeBlock > .rtUL {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.noscroll {
    overflow: hidden;
}

.bootstrap-growl {
    background: #323232 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 16px;
    color: white;
    font-weight: bold;
}

.alert-ninfo {
    background-color: #1976d2;
}

.alert-nsuccess {
    background-color: #7cb342;
}

.alert-nwarning {
    background-color: #ffa000;
}

.alert-ndanger {
    background-color: #e53935;
}

.bodyfake {
    position: relative;
}

#ControlBar_ControlPanel + .bodyfake {
    margin-top: 50px;
}

.modal-header {
    background: #4286F5;
    color: white;
    padding: 8px 15px;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header .h4 {
        font-size: 14px;
        text-transform: uppercase;
    }

@media (max-width: 2048px) {
    .main-sidebar, .left-side {
        width: 252px;
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 252px;
    }

    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
    }

    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -moz-transform: translate(-252px, 0);
        -ms-transform: translate(-252px, 0);
        -o-transform: translate(-252px, 0);
        -webkit-transform: translate(-252px, 0);
        transform: translate(-252px, 0);
    }
}

@media (max-width: 767px) {
    .main-sidebar, .left-side {
        padding-top: 50px;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
/*@media (max-width: 767px) {
    .main-sidebar, .left-side{width:0;}
    .content-wrapper, .right-side, .main-footer{margin-left:0;}
    
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer{margin-left:252px;}
    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {width:252px;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(-0, 0);
    }
}*/
#lockscreen {
    display: none;
    position: absolute;
    height: 100%;
    background-color: white;
    z-index: 99999;
    width: 100%;
    top: 0;
}

.btn-sm {
    padding-top: 7px;
    padding-bottom: 4px;
    font-size: 13px;
    padding-right: 12px;
    font-weight: bold;
    height: 34px;
}

.btn-xs {
    padding: 3px 4px 2px;
    font-size: 12px;
    white-space: nowrap;
}

.btn-sm i {
    padding-left: 0;
    margin-right: 9px;
    font-size: 14px;
    line-height: 18px;
    float: left;
}

    .btn-sm i.icon {
        margin-right: 0;
    }

.btn-icon-square {
    padding: 3px 6px 2px;
    border-radius: 2px;
}

.bg-green, .bg-green:hover {
    color: white;
    border: none;
    background-color: #47a447;
}

.bg-blue, .bg-blue:hover {
    color: white;
    border: none;
    background-color: #39b4d7;
}

.bg-deep-blue, .bg-deep-blue:hover {
    color: white;
    border: none;
    background-color: #4286f5;
}

.bg-gray, .bg-gray:hover {
    color: white;
    border: none;
    background-color: #8ea7b6;
}

a.btn-icon {
    padding: 3px 6px 2px;
    border-radius: 2px;
    color: #7d7d7d;
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
}

.btn-icon:focus, .btn-icon:hover {
    border: 1px solid #ddd;
    background-color: #e6e6e6;
    color: #333;
}

.irs-line, .irs-line-mid, .irs-diapason {
    height: 4px;
}

.irs-from, .irs-to, .irs-single {
    background: #555;
}

.icheckbox_square-blue, .iradio_square-blue {
    margin-right: 8px;
}

    .icheckbox_square-blue + label, .iradio_square-blue + label {
        font-weight: normal;
        margin-bottom: 0;
        vertical-align: middle;
    }

.mheader {
    padding-bottom: 15px;
    font-size: 20px;
}

.ml0 {
    margin-left: 0;
}

.ml4 {
    margin-left: 4px;
}

.ml6 {
    margin-left: 6px;
}

.ml8 {
    margin-left: 8px;
}

.ml10 {
    margin-left: 10px;
}

.pdl4 {
    padding-left: 4px;
}

.pdl6 {
    padding-left: 6px;
}

.pdl8 {
    padding-left: 8px;
}

.pdt6 {
    padding-top: 6px;
}

.pdt8 {
    padding-top: 8px;
}

.pdt10 {
    padding-top: 10px;
}

.pdb4 {
    padding-bottom: 4px;
}

.pdb6 {
    padding-bottom: 6px;
}

.pdb8 {
    padding-bottom: 8px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pd0 {
    padding: 0 !important;
}

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

.mb2 {
    margin-bottom: 2px !important;
}

.mb4 {
    margin-bottom: 4px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt0 {
    margin-top: 0 !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt4 {
    margin-top: 4px;
}

.mt6 {
    margin-top: 6px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt16 {
    margin-top: 16px;
}

.mt20 {
    margin-top: 20px;
}

.mr0 {
    margin-right: 0;
}

.mr4 {
    margin-right: 4px;
}

.mr6 {
    margin-right: 6px;
}

.mr8 {
    margin-right: 8px;
}

.mr10 {
    margin-right: 10px;
}

.mr12 {
    margin-right: 12px;
}

.mr15 {
    margin-right: 15px;
}

.mr16 {
    margin-right: 16px;
}

.mr20 {
    margin-right: 20px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 13px;
}

.fs12 {
    font-size: 13px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fb {
    font-weight: bold;
}

.c333 {
    color: #333;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 74px;
}

.navbar-nav > .user-menu .user-image {
    border-radius: 50%;
    float: left;
    height: 24px;
    margin-right: 10px;
    margin-top: -1px;
    position: absolute;
    width: 24px;
}

.asbutton {
    text-align: center;
    position: relative;
}

    .asbutton .asline {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 10px;
        border-bottom: 1px solid #ddd;
    }

    .asbutton .astext {
        display: inline-block;
        background-color: white;
        color: #1776d0;
        font-size: 13px;
        cursor: pointer;
    }

    .asbutton .asarrow {
        position: relative;
        display: inline-block;
        width: 25px;
    }

        .asbutton .asarrow .fa-angle-up {
            position: absolute;
            top: -6px;
            right: 10px;
        }

        .asbutton .asarrow .fa-angle-down {
            position: absolute;
            top: 5px;
            right: 10px;
        }

.ajax-loading-panel {
    position: absolute;
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
    z-index: 5;
}

    .ajax-loading-panel img {
        margin: auto;
        width: 50px;
        height: 50px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
    }

.pu-table {
    border: none;
    color: #666;
    width: 100%;
}

    .pu-table th {
        border: none;
        padding: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #DDD;
        font-size: 13px;
    }

    .pu-table td {
        border: none;
        vertical-align: middle;
        padding: 10px;
        font-size: 13px;
    }

    .pu-table tr:hover td {
        background: #4286f5;
        color: white;
    }

.hover-cycle {
    cursor: pointer;
    padding-top: 3px;
    font-size: 14px;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
}

    .hover-cycle:hover {
        background: #2467D3;
    }

.cbl td {
    padding: 2px 0px 0px 0;
}

.cbl label {
    margin-bottom: 0;
}

.text-vcenter {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert {
    color: #909090 !important;
    margin-bottom: 10px;
    padding: 4px;
}

    .alert .hightlight {
        color: #0065b0 !important;
    }

    .alert h4 {
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 6px;
    }

    .alert .icon {
        font-size: 20px;
        float: left;
        margin-top: 6px;
        margin-left: 6px;
        margin-right: 10px;
    }

    .alert .mes {
        padding-left: 40px;
    }

    .alert .close {
        font-size: 15px;
        top: 0;
        right: 0;
    }

.alert-success h4, .alert-success .icon {
    color: #1da223
}

.alert-info h4, .alert-info .icon {
    color: #0072c6
}

.alert-warning h4, .alert-warning .icon {
    color: #ffa000
}

.alert-danger h4, .alert-danger .icon {
    color: #fc685d
}

.alert-success {
    background-color: #c9eeca !important;
    border-color: #98e39b;
}

.alert-info {
    background-color: #d2e7f6 !important;
    border-color: #bfdbef;
}

.alert-warning {
    background-color: #fcf5d2 !important;
    border-color: #efdf8c;
}

.alert-danger {
    background-color: #fadfdd !important;
    border-color: #efc5c2;
}

.tooltip {
    border-radius: 0;
    color: #dbdbdb;
    max-width: 500px;
    background-color: transparent;
    opacity: 1;
    min-width: 50px;
    z-index: 99999;
}

.tooltip-inner {
    border-radius: 0;
    background-color: #4c4c4c;
    color: #dbdbdb;
    max-width: 500px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4c4c4c
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4c4c4c
}

.tooltip.right .tooltip-arrow {
    border-right-color: #4c4c4c
}

.modal-title {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

.form-control:focus, .chosen-container-active {
    box-shadow: 0 0 6px #aaa;
    border: 1px solid #0094ff;
}

.chosen-choices {
    box-shadow: none;
}


.fsable {
    -moz-transition: ease 0.5s all;
    -o-transition: ease 0.5s all;
    -webkit-transition: ease 0.5s all;
    transition: ease 0.5s all;
}

i.btn-fsable {
    font-size: 13px !important;
    color: #999;
    margin: 0 !important;
    cursor: pointer;
    float: right;
}

    i.btn-fsable:hover {
        color: #666;
    }

.fs {
    position: fixed;
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    z-index: 999999;
}

.fs-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999998;
    background: #333;
    opacity: 0.5;
}

.nowrap {
    white-space: nowrap;
}

a, a:visited {
    text-decoration: none !important;
}

input[type="file"] {
    display: inline-block;
}

.dcdl-wrap {
}

    .dcdl-wrap .caption {
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
        padding-bottom: 2px;
    }

    .dcdl-wrap .guide {
        line-height: 16px;
        display: inline-block;
        font-size: 13px;
        cursor: pointer;
    }

    .dcdl-wrap .sign {
        width: 30px;
        height: 12px;
        display: inline-block;
    }

.action {
    text-align: center;
    padding: 0 8px !important;
    vertical-align: middle !important;
}

    .action .btn-icon-square {
        padding: 0 4px;
    }

.dcdl-wrap .tooltip {
    min-width: 150px;
}

.table-compare {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

    .table-compare th {
        white-space: nowrap;
        font-size: 13px;
        border: 1px solid #3c8dbc;
        border-right: 1px solid #ddd;
        font-weight: bold;
        background-color: #3c8dbc;
        padding-left: 6px;
        padding-right: 6px;
        color: white;
        vertical-align: middle !important;
    }

        .table-compare th:last-child {
            border-right: 1px solid #3c8dbc;
        }

    .table-compare td {
        white-space: nowrap;
        font-size: 13px;
        border: 1px solid #ddd;
        padding: 4px;
        padding-left: 6px;
        padding-right: 6px;
        vertical-align: middle;
        border-top: 1px solid #ddd !important;
        -moz-transition: ease 0.5s all;
        -o-transition: ease 0.5s all;
        -webkit-transition: ease 0.5s all;
        transition: ease 0.3s all;
    }

    .table-compare input[type="checkbox"] + label {
        padding-left: 9px;
    }

    .table-compare .alternate {
        background-color: #f5f5f5;
    }

    .table-compare tr:hover td {
        background-color: #ffffcc;
    }

    .table-compare tr.row-selected td {
        background-color: #ffffcc;
    }

        .table-compare tr.row-selected td:first-child {
            border-left: 2px solid #47a447 !important;
        }

    .table-compare tr td.col-selected {
        box-shadow: 0 0 2px blue inset;
    }

    /*D7E8F2*/
    .table-compare tr.data-diff {
        box-shadow: 0 0 1px red inset;
    }

        .table-compare tr.data-diff td {
            background: #fbecec;
        }

            .table-compare tr.data-diff td.hl {
                background-color: #fbc6c5;
            }

    .table-compare tr.data-warning td {
        background: #F7E9D2;
    }

    .table-compare tr.data-error {
        box-shadow: 0 0 1px red inset;
    }

        .table-compare tr.data-error td {
            background: #fbecec;
        }

            .table-compare tr.data-error td.hl {
                background-color: #fbc6c5;
            }

    .table-compare tr.data-ok {
        box-shadow: 0 0 3px green inset;
    }

        .table-compare tr.data-ok td {
            background-color: #dffae0;
        }

            .table-compare tr.data-ok td.hl {
                background-color: #aaedac;
            }

    .table-compare tr.data-ignore td {
        background-color: #ddd;
        opacity: 0.5;
    }

        .table-compare tr.data-ignore td:last-child {
            background-color: #ddd;
            opacity: 1;
        }

    .table-compare tr.db-edit td {
        background-color: #EAF3FC;
    }
/*ffd387*/

.cs tr.data-same td {
    background-color: #E8F3F9;
}
/*D7E8F2*/
.cs tr.data-diff {
    box-shadow: 0 0 1px red inset;
}

    .cs tr.data-diff td {
        background: #fbecec;
    }

        .cs tr.data-diff td.hl {
            background-color: #fbc6c5;
        }

.cs tr.data-warning td {
    background-color: #F9F9B1;
}

.cs tr.data-error {
    box-shadow: 0 0 1px red inset;
}

    .cs tr.data-error td {
        background-color: #FFC1C1;
    }

        .cs tr.data-error td.hl {
            background-color: #fbc6c5;
        }

.cs tr.data-ok {
    box-shadow: 0 0 3px green inset;
}

    .cs tr.data-ok td {
        background-color: #dffae0;
    }

        .cs tr.data-ok td.hl {
            background-color: #aaedac;
        }

.cs tr.data-ignore td {
    background-color: #ddd;
    opacity: 0.5;
}

    .cs tr.data-ignore td:last-child {
        background-color: #ddd;
        opacity: 1;
    }

.cs tr.db-edit td {
    background-color: #EAF3FC;
}
/*ffd387*/

.dcdl-wrap .data-status {
    line-height: 14px;
}

.step-number {
    font-weight: bold;
    border-radius: 50%;
    background: #bbb;
    color: white;
    font-size: 13px;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    line-height: 24px;
}

.cptab .active .step-number, .cptab a:hover .step-number, .cptab a:active .step-number {
    background-color: orange;
    color: white;
}

.inprogress {
    position: absolute;
    padding: 0 !important;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    display: none;
}

.summary {
    padding: 5px;
    display: inline-block;
    -moz-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    -webkit-transition: all ease 1.5s;
    transition: all ease 1.5s;
}

.summary-hl {
    box-shadow: 0 0 5px green;
}

.cptab > li > a > i {
    font-size: 16px;
    padding-right: 10px;
}

.cptab > li > a {
    position: relative;
    border-left: medium none !important;
    border-radius: 0 !important;
    border-right: 1px solid #ddd !important;
    border-top: 2px solid transparent !important;
    border-bottom: 1px solid #ddd !important;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

    .cptab > li.active > a, .cptab > li > a:hover, .cptab > li > a:active, .cptab > li.active > a:focus {
        color: #0073C6;
        text-shadow: 0 0 0px #57aeed;
    }

.search-tv {
    border: 1px solid #ddd;
    color: #4286f5;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    padding-top: 3px;
    position: absolute;
    right: 15px;
    top: 0;
    vertical-align: middle;
    width: 30px;
}

.progress.sm, .progress-sm {
    height: 5px;
}

.progress {
    margin-bottom: 10px;
    height: 5px;
}

.optional {
    display: none;
}

.fs .optional {
    display: table-cell;
}

.table-compare td.limit120 {
    max-width: 120px;
    overflow: hidden;
    -ms-text-overflow: ellipsis ellipsis;
    -o-text-overflow: ellipsis ellipsis;
    text-overflow: ellipsis ellipsis;
}

.no-wrap {
    white-space: nowrap;
}

.us {
    text-align: center;
    text-shadow: 0 0 3px #aaa;
}

.us-current {
    font-size: 13px;
    text-transform: uppercase;
}

.us-count {
}

.us-total {
}

.us-error-count {
}


/*Input file*/
input[type=file] + label {
    min-width: 100px;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 0;
    cursor: pointer;
    font-weight: normal;
}

/*Popover*/
.popover-title {
    display: none;
}

.popover-content {
    padding: 5px 10px;
}
/*.popover{border-radius:0;}*/
/**/

.mloading {
    display: none;
    border: 1px solid #ddd;
    z-index: 9999;
    opacity: 1;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0,0) none repeat scroll 0 0;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    /*-moz-transition: opacity 0.15s linear 0s; -o-transition: opacity 0.15s linear 0s; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;*/
    /* height: 5px; */
}

    .mloading i {
        color: black;
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 72px;
        -moz-transition: transform 0.3s ease-out 0s;
        -o-transition: transform 0.3s ease-out 0s;
        -webkit-transition: transform 0.3s ease-out 0s;
        transition: transform 0.3s ease-out 0s;
    }

.notice {
    background-color: #ffffee;
    border: 1px solid #ffaa00;
    border-radius: 2px;
    color: #333;
    font-size: 13px;
    padding: 6px 10px 4px;
}

.notice-danger {
    background-color: #ffeeee !important;
    border-color: red
}

.dropdown-menu > li > a {
    padding: 6px 15px;
}

.btn-fix-right {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

.btn-fix-left {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.v-label, .h-label {
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

#rbs {
    display: none;
}

.control-sidebar-open #rbs {
    display: inherit;
}

.andi, .none {
    display: none !important;
}

#Body {
    margin-left: 0 !important;
    background: #fff;
    overflow: auto !important;
}

.waiting, .waiting-login {
    height: 100%;
    top: 0;
    width: 100%;
    background: rgb(255 255 255 / 55%);
    position: fixed;
    z-index: 9999;
}

.text-center {
    text-align: center !important
}

.help-block {
    font-size: 14px !important;
    padding-top: 15px
}

.radTreeView {
    overflow: hidden !important;
    overflow-y: auto !important
}

.table-bordered tbody tr:nth-child(2n+1) {
    background: #f8f8f8
}

.info-box {
    padding: 5px
}

#mainPlumb .chitra {
    background-color: transparent !important
}

.box-footer {
    border-top: 1px solid #d3d3d3 !important;
    padding-top: 20px !important;
    background-color: transparent !important
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 14px !important
}

.li-pa-i > a > i {
    font-size: 14px !important;
    height: 21px;
}

.div-pagination {
    text-align: center;
    padding: 15px
}

.text-right {
    text-align: right !important
}

.lockscreen-logo span {
    font-size: 20px !important
}

.txt-password:focus {
    border: none !important;
    box-shadow: none !important
}

.header-anh {
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 8px;
    background: #E0E0E0;
    padding: 5px;
    z-index: 10
}

    .header-anh span {
        width: 28px;
        border-radius: 50%;
        height: 24px;
        margin-left: 0;
        margin-top: 3px;
        color: #036CB7;
        font-size: 12px;
        font-weight: bold;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        display: inline-block;
        text-shadow: none
    }

.header-anh2 {
    padding: 30px !important;
    margin-left: 86px
}

    .header-anh2 span {
        font-size: 24px !important
    }

.blockdiv {
    width: 100%;
    text-align: center;
    height: 90px
}

.trogiup:hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

.main-header .logo {
    display: inline-block;
    padding: 0 10px;
}

.nav-header a {
    background: #4ca4ee none repeat scroll 0 0;
}

.navbar-nav > .user-menu > .dropdown-menu {
    padding: 0;
}
.main-header{position:fixed;width:100%}
.bell {
    font-size: 40px;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.canhbao-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75 !important;
}

.canhbao-ph-circle-fill {
    width: 40px;
    height: 40px;
    top: 5px;
    left: 11px;
    position: absolute;
    background-color: #01dcffad;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: canhbao-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: canhbao-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: canhbao-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: canhbao-circle-fill-anim 2.3s infinite ease-in-out;
    animation: canhbao-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

 .canhbao-ph-circle {
    border-color: #00aff2;
    opacity: .5;
}

.canhbao-ph-circle {
    width: 70px;
    height: 70px;
    top: -10px;
    left: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgb(223 197 8 / 40%);
    opacity: .1;
    -webkit-animation: canhbao-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: canhbao-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: canhbao-circle-anim 1.2s infinite ease-in-out;
    -o-animation: canhbao-circle-anim 1.2s infinite ease-in-out;
    animation: canhbao-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
@-moz-keyframes canhbao-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes canhbao-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes canhbao-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes canhbao-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes canhbao-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes canhbao-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes canhbao-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes canhbao-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

.content{padding-top:60px !important}
@media (max-width: 767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: unset;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 6px 15px;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 0;
    }

    .navbar-custom-menu > .navbar-nav > li {
        position: relative;
    }
}

@media (max-width: 1400px) {
    .doiTuongThemMoi i {
        width: 20px !important;
    }

    .doiTuongThemMoi {
        padding: 8px 6px 7px 20px !important;
        margin-right: -15px;
    }
}

.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background-color: #e1e3e9;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.thongbao {
    font-weight: bold;
    line-height: 20px;
}

.dflex {
    display: flex
}

.flRight {
    float: right;
}

.btn-icon-square {
    min-height: 28px;
    min-width: 30px;
}

.RadEditor .Bootstrap ul.reToolbar li {
    height: 34px !important
}

.RadEditor.reWrapper .reToolCell {
    padding-top: 5px
}

.lockscreen_2022 {
    display: block;
    position: absolute;
    height: 100%;
    background-color: white;
    z-index: 99999;
    width: 100%;
    top: 0;
}

#scroll-top {
    position: fixed;
    bottom: 50px;
    right: 100px;
    z-index: 100;
    right: 30px;
}

a#return-to-top {
    color: #fff;
    opacity: .7;
    background: rgba(48,48,48,0.5);
    padding: 15px 10px 15px;
    text-align: center;
}

    a#return-to-top:hover {
        opacity: 1;
    }

    a#return-to-top i {
        font-size: 24px;
    }

.text-red {
    padding-left: 5px
}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    font-size: 13px;
    color: #006E9D;
}

.box-header-text {
    color: #3a3a3a;
    text-shadow: none !important;
    font-size: 16px;
    font-weight: bold;
}

.txt-center {
    text-align: center
}

.bg-ttkhac {
    background-color: #079177c9 !important;
}

.bg-trove {
    background-color: #0652dd6b !important;
}

.color-tm {
    color: white
}

a:hover.color-tm {
    color: #141413;
}

.doiTuongThemMoi {
    position: relative;
    background: #4286F5;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 10px 7px 45px;
    color: white;
}

    .doiTuongThemMoi i {
        color: white;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        font-size: 14px;
        left: 0;
        line-height: 34px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 40px;
    }

.ttdoituong {
    cursor: pointer;
}

    .ttdoituong :hover {
        color: red !important;
    }

.required-hiv {
    border-top: 10px solid red;
    position: absolute;
    border-left: 10px solid transparent;
    right: 0px;
    top: 0;
    width: 0;
    height: 0;
}

.waiting img {
    top: 20%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    width: 20%
}

.corlor-control a {
    color: #ffffff !important
}

.corlor-control ul li a {
    color: #0e0e0e !important
}
.main-sidebar, .left-side{
    position:fixed
}
.sidebar {
    max-height: 100vh;
    overflow: auto;
}
@font-face {
    font-family: TNKey;
    src: url(/Data/Template/TNKeyUni-Arial.ttf);
}
.tnkey {
    font-family: TNKey !important;
}