.top_Right_Menu {
    padding: 10px 10px 10px 10px;
}

    .top_Right_Menu:hover {
        background-color: lightcyan; 
    }

.cs-required {
    color: red;
}
/*.cs-table .DTFC_LeftBodyLiner {
    overflow-y: inherit !important;
}*/
/*.DTFC_LeftBodyLiner {
    top: -14px !important;
}
.cs-table .DTFC_RightBodyLiner {
    overflow-y: inherit !important;
}
.DTFC_RightBodyLiner {
    top: -14px !important;
}
.DTFC_LeftHeadWrapper {
    background-color: #fff;
}
.cs-table .DTFC_RightHeadWrapper {
    background-color: #fff;
    height: 49px !important;
}*/
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff !important;
}

.form-group .SetColorText {
    color: red;
}

.control-label {
    text-align: left;
    padding-right: 0px;
    font-weight: normal
}

.form-horizontal .box-footer .control-label {
    color: #838383
}

.cs-wrapper {
    height: 100% !important;
}

.fixed_right_icon_action .dropdown-menu {
    min-width: auto;
    left: -70px;
}

.icon_fix_right_table {
    float: left;
    width: 30px;
    text-align: center;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #1db5c7;
    background-color: #fff;
    border-color: #1db5c7;
}

/*.cs-table .DTFC_RightBodyWrapper {
    overflow: inherit !important;
    top: 22.5px;
}
.cs-table .DTFC_RightBodyLiner {
    width: 45px !important
}*/


.form-group .EditText {
    text-align: left !important;
    padding-right: 0px;
    font-weight: 500
}

.content .box-titleEdit {
    padding-top: 10px
}

.form-group .EditPaddingCheckBox {
    padding-top: 0px;
    padding-right: 10px
}

.cus_button_08 {
    padding: 4px 12px !important;
    margin-left: 10px
}

.form-group .FixPadding {
    width: 7%
}

.cs-profile-content .box-profile {
    padding: 30px;
    box-shadow: 5px 5px 17px #838383;
    width: 90%;
    margin: 30px auto;
    border-radius: 3px;
}

.cs-profile-content .box-primary {
    margin: 0 0 30px 0;
    float: left;
}

.cs-profile-content .cs-profile-button {
    width: 40%;
    margin: auto;
    text-align: center;
}

.form-group .Editlable {
    /*font-weight: normal !important;*/
    font-style: italic !important;
}

#idProfile .img-circle {
    width: 140px;
    height: 140px;
}

.form-group .Edit-Label {
    text-transform: none;
    font-weight: normal
}

#idPermission li span.group-checkbox {
    font-size: smaller;
}

#idPermission li span.group-checkbox label {
    padding-right: 0px;
    font-weight: normal;
    width: 15%;
    float:left
}
#idPermission li span.group-checkbox label input {
    float: left;
    padding: 0;
    margin: 8px 5px 0 0;
}

#idPermission .treejs ul li::before {
    display: none;
}

.weak {
    color: orange
}

.good {
    color: #2D98F3
}

.strong {
    color: limegreen
}

.short {
    color: red
}

#layoutUserList .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    white-space: nowrap;
    font-weight: 500
}

label.error {
    font-weight: normal;
    color: red;
    font-size: 12px;
    font-style: italic
}

.cs-permission-content ul.tree1 li.branch {
    width: 100%;
    float: left;
}

#layoutCompany .form-horizontal .form-group {
    padding: 0px 5px;
}

button.cs-pull-right {
    margin-left: 5px;
}

#layoutSlideshowTime .form-horizontal .form-group {
    padding: 0px 5px;
}

    #layoutSlideshowTime .form-horizontal .form-group .checkbox {
        padding-left: 20px;
        padding-top: 33px;
    }

.class_hover_d .dataTables_scrollBody {
    overflow: inherit !important
}

.skin-blue .main-header .navbar {
    background: #fff;
    box-shadow: 0px 0px 10px #9B9B9B;
}

.skin-blue .main-header .logo {
    background: #026bf3;
    border-bottom: 1px solid #1c7af5
}

.skin-blue .main-header .logo-lg b {
    color: #fff
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: none;
    height: 35px;
}

.skin-blue .sidebar-form {
    border: none
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #026bf3;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    background: #054fd2;
    color: #fff
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #0553dd;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    color: #fff;
}

.skin-blue .main-header .logo:hover {
    background-color: #054fd2;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #054fd2;
}

.skin-blue .sidebar a {
    color: #fff;
}

.main-header .logo {
    padding: 0px 0 0 3px
}

    .main-header .logo .logo-mini {
        display: block;
        height: 42px;
        padding: 2px;
    }

.navbar {
    min-height: 42px;
}

.main-header .logo {
    height: 42px
}

.main-header .navbar {
    height: 40px;
    min-height: 42px
}

.main-header .sidebar-toggle {
    padding: 5px 15px
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 36px;
    margin-left: 0;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: -8px;
}

.navbar-nav > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
}

.navbar-nav > .user-menu .user-image {
    width: 32px;
    height: 30px;
    margin-top: -6px;
}

.navbar-custom-menu > .navbar-nav > li a {
    color: #333
}

.skin-blue .main-header li.user-header {
    background-color: #e0e0e0;
}

.skin-blue .main-header li.user-header {
    background-color: #e0e0e0;
    background-image: url('/Images/bg/bg-account.jpg');
}
/*daterangepicker*/
#idSlideshowTime .cs-content-daterangepicker .daterangepicker {
    top: 77% !important;
    right: 0;
    left: -29% !important;
    display: block;
    width: 120% !important;
}

    #idSlideshowTime .cs-content-daterangepicker .daterangepicker.ltr .calendar.left {
        margin-right: 7% !important;
    }

/*----------------------------------------------*/
a {
    color: #333
}

.content button {
    border: 1px solid #1f85f8;
    color: #1f85f8;
    background: #fff
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0082d4;
    border-color: #0082d4;
}

.btn-primary {
    background-color: #fff;
    border-color: #d81717;
    color: #d81717
}

.login-form .btn-primary {
    border: 1px solid #1f85f8 !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #054fd2;
    border-color: #054fd2;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #054fd2;
    border-color: #054fd2;
}



.btn-info {
    background-color: #fff;
    border-color: #d81717;
    color: #333;
}

    .btn-info:hover, .btn-info:active, .btn-info.hover {
        background-color: #054fd2;
        border-color: #054fd2;
    }

        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
            color: #fff;
            background-color: #054fd2;
            border-color: #054fd2;
        }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #054fd2;
        border-color: #054fd2;
    }

.box.box-primary {
    border-top-color: #fff;
}

#swapFire_newadd {
    margin: 10px 0;
    padding: 1px 5px;
}

    #swapFire_newadd span {
        padding: 0
    }

td.details-control {
    background: url('/Images/bg/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/Images/bg/details_close.png') no-repeat center center;
}

.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
    background-color: #fff !important;
    border-top-right-radius: 3px
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #fff !important;
    color: #000 !important;
    text-align: center;
}

.modal-success .modal-header {
    border: 0;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    padding: 10px 8px 10px 0;
}

.modal-success .modal-footer {
    border: 0;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.modal-header .close {
    margin-top: -2px;
    padding: 1px 8px 4px 8px;
    font-weight: normal;
    border: 1px solid #026bf3;
    border-radius: 3px;
    opacity: 1;
    color: #026bf3;
}

    .modal-header .close:hover {
        margin-top: -2px;
        padding: 1px 8px 4px 8px;
        font-weight: normal;
        border: 1px solid #054fd2;
        border-radius: 3px;
        opacity: 1;
        color: #fff;
        background: #054fd2
    }

table thead tr {
    background: #e9f1fc;
    border: 1px solid #d1e1f8;
}

.dataTables_scrollBody .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff !important;
}

.dataTables_scrollBody .table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #f6f9fe !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #d1e1f8;
}

body {
    font-family: 'roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
    background-image: url(quangngai.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.treeview-menu > li > a {
    padding: 10px 5px 10px 15px;
    display: block;
    font-size: 13px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 13.5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #f6f9fe;
    word-wrap: anywhere;
}

#layoutBaoCaoTongHopKetQuaThanhTra .table > thead > tr > td, .table > thead > tr > th {
    word-wrap: unset !important;
}

.table-bordered {
    border: 1px solid #d1e1f8;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    vertical-align: inherit;
    line-height: 18px;
    border-bottom: 1px solid #d1e1f8;
    padding:5px
}

.status-bar {
    float: right;
    position: fixed;
    bottom: 5px;
    right: 20px;
    background: #ae4b4b;
    color: white;
    border: solid 1px lightgray;
    opacity: 0.4;
    filter: alpha(opacity="70");
    z-index: 200;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    cursor: progress;
}

.btn-watch {
    color: #026bf3;
}

.Edit-Footer {
    border-top: 1px solid #eee;
}

.dt-buttons button {
    color: #333;
    background: #f8f8f8;
    border: 1px solid #e0e0e0 !important;
    border-radius: 2px
}

    .dt-buttons button:hover {
        color: #0082d4;
        background: #fff !important;
        border: 1px solid #0082d4 !important;
    }

.dataTables_wrapper .dt-buttons button:nth-child(1) {
}

.dt-buttons div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: none;
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: none;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px;
}

.dt-buttons button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    box-shadow: none;
}

.box-Edit {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-header .form-group {
    margin-bottom: 0
}

.list_group_video_img {
    width: 100%;
    margin: 0;
    padding: 0
}

ul.list_group_video_img {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

    ul.list_group_video_img li {
        width: 20%;
        float: left;
        margin: 15px;
        list-style: none;
        text-align: center
    }

        ul.list_group_video_img li label {
            font-weight: normal
        }

        ul.list_group_video_img li img {
            height: 128px
        }

.showtexttooltip .SetColorText {
    color: #8f8d8d
}

.showtexttooltip li button {
    width: 48%;
    float: left;
    padding: 5px 0;
    margin: 2% 1%;
    border: 1px solid #ccc;
    color: #333
}
.modal-open .modal {
    background: none;
    overflow-x: hidden;
    overflow-y: hidden;
}
.cs_Reset .modal.fade.show {
    overflow-x: hidden;
    overflow-y: hidden;
    background: #fff !important
}
.list_video_llphat ul li {
    list-style: none;
    display: inline;
    float: left;
    padding: 0 5px;
}

    .list_video_llphat ul li video {
        border: 0px solid #ddd !important;
        padding: 0px !important;
    }

    .list_video_llphat ul li img {
        border: none;
        padding: 0;
        height: 56px;
        margin-bottom: 10px;
    }

.list_video_llphat button {
    position: absolute;
    border: 1px solid red;
    padding: 0px 5px;
    border-radius: 2px;
    color: red;
}

.borderRadius {
    border-radius: 3px;
    padding: 0;
    border: none;
}

.cs-ShowForm .modal-body video {
    width: 100%;
}

.modal-content {
    border-radius: 3px;
}
/*Library*/
#layoutLibrary form input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 80%;
}
/*----------------------------*/
.labelGrid {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #f6f9fe;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-success {
    background-color: #026bf3 !important;
    color: #f6f9fe !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: none;
        border: 1px solid #fff
    }

.pagination > li > a, .pagination > li > span {
    padding: 5px;
    margin-left: 0
}

a:hover, a:active, a:focus {
    color: #054fd2
}
.cs-table .dataTables_scrollHead {
    overflow: inherit !important;
}

.cs-table .dataTables_scrollHead > .dataTables_scrollHeadInner {
    width: 100% !important;
}
th{
    font-weight: bold !important;border:1px solid #ddd
}
.cus-border tr, .cus-border td {
    border: 1px solid #ddd !important
}
.form-group span.select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100% !important;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}
.select2-container--default .select2-selection--single {
    padding-bottom: 25px;
}
table#DataTables_Table_0.table.table-bordered.table-striped.dn_search_res.dataTable.no-footer {
    width: inherit !important;
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    color: #fff;
    background-color: #0553dd !important;
}
.box-EditNV {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}