body{
    background-color: #F1F1F1
}
.content-wrapper{
    background-color: #F1F1F1;
}
.page-head > .breadcrumb {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
}
@media (min-width: 768px) {
    .page-head > .breadcrumb {
        margin-top: 6px;
    }
}
/* loadin ajax */
.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    9000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    /*background: url('../img/ajax_loader.gif') 50% 50% no-repeat;*/
    /*background-color:  rgba(255, 255, 255, 0.7);*/
}

.modalLoading > .fa{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 4em;
}

body.loading,body.loading-static {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading,body.loading-static .modalLoading {
    display: block;
}

.required{
    color: red;
    padding-left:5px ;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: bold;
}
.error, .errorMessage{
    color: #a94442;;
    margin-top: 5px;
}
.highlight {
    background-color: #FFFF88;
}
.numeric{
    text-align: right;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}


/* Table */
.table-bordered {
    border: 1px solid #ddd;
}
.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 #ddd;
}
.td-action a{
    margin-right: 5px;
}
.td-action a:last-child{
    margin-right: 0px;
}

td.nowrap{
    width:1%;
    white-space:nowrap;
}

td.no-wrap{
    white-space: normal !important;
}
.table tbody tr td {
    background-color: transparent;
}
.table.table-striped tbody tr:nth-child(odd) td, .table.table-striped tbody tr:nth-child(odd) th {
    background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-hover tbody tr:hover {
    background: #dfe8f6 !important;
}
table.table-bordered tbody tr td:first-child:before {
    left: 6px !important;
}
.table tbody tr:first-child td:first-child:before {
    top: 6px !important;
}
table.th-right th{
    text-align: right;
}
table.table-no-bordered th, table.table-no-bordered td { 
    border-top: none !important; 
}
table.table-default thead tr th {
    background-color: #eeeeee !important;
}
.pagination > li.selected > a {
    background-color: #E8E8E8;
}

.diffColor{
    background-color: #38A4F7;
}
.navbar-nav > li > a.top-menu-icon-big{
    padding-top: 13px;
    padding-bottom: 13px;
    font-size:24px
}


.info-box-icon.bg-yellow > i{
    color: #C67C0B;
}

/* Color */
.color-gray{
    color: #969696;
}
.color-orange{
    color: #F39C12;
}

.form-group{
    margin-top: 0px;
    margin-bottom: 10px;
}

/* Padding */
.padding-10{
    padding: 10px;
}
.padding-left-5{
    padding-left: 5px;
}
.padding-right-5{
    padding-right: 5px;
}
.padding-right-10{
    padding-right: 10px;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-top-4{
    padding-top: 4px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}

/* Margin */
.margin-top-5{
    margin-top: 5px !important;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}

.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-left-5{
    margin-left: 5px !important;
}
.margin-left-25{
    margin-left: 25px !important;
}

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

.no-padding-top{
    padding-top: 0px !important;
}
.no-padding-bottom{
    padding-bottom: 0px !important;
}
.no-padding-left{
    padding-left: 0px !important;
}
.no-padding-right{
    padding-right: 0px;
}
.padding-small {
    padding-left:2px;
    padding-right:2px;
}
.padding-right-40{
    padding-right:40px;
}

/* loading overlay */
.content-wrapper > .overlay,
.overlay-wrapper > .overlay,
.content-wrapper > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content-wrapper .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.content-wrapper .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.content-wrapper .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

label.control-label{
    /*font-weight: normal;*/
    color: #545454;
}

.i-circle {
    border: 5px solid #f1f1f1;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    margin-bottom: 7px;
    padding-top: 15px;
    width: 80px;
}
.i-circle.success i {
    color: #60c060;
}
.i-circle i {
    font-size: 34px;
    vertical-align: middle;
}

.row{
    margin-bottom: 10px;
}

.slimScrollBar{
    width: 10px;
}
.dropdown-search{
    border-radius: 0px;
    min-width: 250px;
    border: 1px solid #007F43;
}

.colored-header .modal-header {
    background-color: #3785B2;
    border-bottom: 1px solid #3785B2 !important;
    color: #fff;
    padding: 15px 20px 10px 20px;
}
.colored-header .color-info{
    background-color: #0099BF !important;
    border-bottom: 1px solid #007089 !important;

}

.modal-content .modal-header {
    border-bottom: 0 none;
}
.modal-content .modal-footer {
    background: #fbfbfb none repeat scroll 0 0;
    border-radius: 0 0 5px 5px !important;
}
.modal-footer {
    padding: 15px 15px 10px;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right;
}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


td.link-black a{
    color: #333333;
}
td.link-black a:hover{
    color: #5AABFC;
}


/*BreadCrumb*/
.breadcrumb {

}
.page-head > .breadcrumb{
    font-size: 12px;
    border-radius: 0px !important;
    margin-bottom: 10px;
    padding: 6px 15px;
}
.page-head > .breadcrumb > li > a > .fa,
.page-head > .breadcrumb > li > a > .glyphicon,
.page-head > .breadcrumb > li > a > .ion {
    margin-right: 5px;
}
.page-head > .breadcrumb > li + li:before {
    content: '>\00a0';
}
@media (max-width: 991px) {
    .page-head > .breadcrumb {
        background: #d2d6de;
    }
    .page-head > .breadcrumb li:before {
        color: #97a0b3;
    }
}

.numeric{
    text-align: right;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.label-no-gutter{
    padding-left:8px !important;
    padding-right: 4px !important;
}

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.text-empty{
    color: #E2E2E2;
}
.link-white a{
    color: #fff;
}
.link-white a:hover{
    text-decoration: underline;
}

/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
    clear: left;
}

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
    /* reset previous grid */
    .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for small columns */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
    /* reset previous grid */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for medium columns */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for large columns */
    .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
    padding: 10px 10px 2px 10px;
    text-align: center;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    font-size: 15px;
}

.error-page > .headline {
    float: none;
    font-size: 100px;
    font-weight: 300;
}
.error-page > .error-content {
    display: block;
    margin-left: 0;
}
.padding-time{
    padding-top:0px;
    padding-bottom: 0px;
    line-height: 8px;
}

.form-group.has-error .form-control{
    background-color: #FFDBDB;
}


/* Table Real Responsive*/
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr{ 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr{ 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { 
        border: 1px solid #ccc; 
    }

    #no-more-tables td{ 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before{ 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { 
        content: attr(data-title); 
    }

    #no-more-tables td.nowrap{
        width:1%;
        white-space:nowrap;
    }

    #no-more-tables .table-bordered{
        border: none;
    }

    .typeahead { z-index: 1051; } 

    td.nowrap{
        width:100% !important;
        white-space:normal !important;
    }
    td.nowrap a, td.nowrap button{
        margin-bottom: 5px;
    }
}

.nav-tabs-custom > .nav-tabs li.active{
    color: #333333;
    font-weight: bold;
}

.nav-tabs-custom > .nav-tabs li.active{
    color: #333333;
    font-weight: bold;
}

.nav-tabs-custom > .nav-tabs li a{
    color: #7D7E7E;
}

.nav-tabs-custom > .nav-tabs li a:hover{
    color: #333333;
}
/* ========================================================================
 * BOOTSTRAP DATEPICKER
 * ======================================================================== */
.datepicker {
    padding: 0px;
}
.datepicker table thead tr {
    color: white;
}
.datepicker table thead tr:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
.datepicker table thead tr:first-child th {
    border-bottom: none;
}
.datepicker table thead tr:first-child:first-child th {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
.datepicker table thead tr:first-child:last-child th {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
.datepicker table thead tr th {
    font-weight: 300;
    min-width: 40px;
    vertical-align: middle;
    border-width: 1px 1px 7px;
    border-style: solid;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.datepicker table thead tr .prev,
.datepicker table thead tr .switch,
.datepicker table thead tr .next {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.datepicker table tbody tr:first-child td {
    border-top: none;
}
.datepicker table tbody tr td {
    min-width: 40px;
    background-color: #eeeeee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 9px;
}
.datepicker table tbody tr td:first-child {
    color: #e9573f;
}
.datepicker table tbody tr td.old,
.datepicker table tbody tr td.new {
    background-color: #e6e6e6;
}
.datepicker table tbody tr td.active,
.datepicker table tbody tr td.active:hover,
.datepicker table tbody tr td.active:disabled,
.datepicker table tbody tr td.active.disabled:hover {
    text-shadow: none;
}
.datepicker table tbody tr td.active.active {
    text-shadow: none;
    background-image: none;
    background-repeat: no-repeat;
    color: white;
}
.datepicker table tfoot tr .today {
    background-color: #d5d5d5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.datepicker table tfoot tr .today:hover {
    background-color: #e1e1e1;
}
.datepicker .icon-arrow-left:before {
    font-family: "FontAwesome";
    content: "\f104";
}
.datepicker .icon-arrow-right:before {
    font-family: "FontAwesome";
    content: "\f105";
}
.datepicker-dropdown {
    border: none;
    box-shadow: none;
}
@media (max-width: 320px) {
    .datepicker-inline table {
        margin-left: -14px !important;
    }
}
/* ========================================================================
 * DATEPICKER THEMES
 * ======================================================================== */
.datepicker table thead tr:first-child {
    background-color: #5577b4;
}
.datepicker table thead tr:last-child {
    background-color: #425f94;
}
.datepicker table thead tr th {
    background-color: #5577b4;
    border-color: #496ba6 #496ba6 #46669f;
}
.datepicker table thead tr .prev:hover,
.datepicker table thead tr .switch:hover,
.datepicker table thead tr .next:hover {
    background-color: #496ba6 !important;
}
.datepicker table tbody tr td.active,
.datepicker table tbody tr td.active:hover,
.datepicker table tbody tr td.active:disabled,
.datepicker table tbody tr td.active.disabled:hover {
    background-color: #5577b4;
}
.datepicker table tbody tr td.active.active {
    background-color: #5577b4;
}
.datepicker table tbody tr td.active.active:hover {
    background-color: #425f94;
}
.datepicker .icon-arrow-left:before {
    font-family: "FontAwesome";
    content: "\f104";
}
.datepicker .icon-arrow-right:before {
    font-family: "FontAwesome";
    content: "\f105";
}
.datepicker-dropdown:after {
    border-bottom: 6px solid #5577b4;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #30538E !important;
    color: #fff;
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 34px;
}
.main-header > .navbar {
    min-height: 34px;
}
.navbar-brand {
    height: auto;
    /*padding: 7px 15px;*/
}
.navbar-nav > li > a {
    /*
    padding-bottom: 7px;
    padding-top: 7px;
    */
    padding: 7px 10px;
}

/* SubMenu */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;

}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
}
.dropdown-menu > li > a {
    color: #333 !important;
}

/*ปรับ Navbar Collspan*/
@media(max-width:769px) {
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 60px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/*  Tablet  */
@media (max-width:767px){
    .dropdown-submenu>.dropdown-menu {
        margin-left: 20px;
    }
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 60px;
    }
    .dropdown-menu > li > a {
        color: #ffffff !important;
    }
    .dropdown-menu.menu-black > li > a {
        color: #333 !important;
    }
    .dropdown-menu.menu-black > li > a:hover {
        background-color: #E8E8E8 !important;
    }
    .dropdown-menu.menu-black > .divider {
        background-color: #eee !important;
    }
}

/*  Medium Desktop  */
@media (max-width:992px){
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
}

/*  Large Desktop  */
@media (min-width:1200px){
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
}
/* End SubMenu */

.text-search{
    font-size: 16px !important;
}

.div-image-center{
    background-color: #FFF;
    width: 169px;
    height: 222px;
    line-height: 222px;
    text-align: center;
}
.div-image-center-64{
    background-color: #FFF;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
}
.highlight-row{
    /*background-color: #BACEE6 !important;*/
    background-color: #FCF9D9 !important;

}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.font-size-14{
    font-size: 14px !important;
}

.hdmenu-status {
    display: none;
    position: absolute;
    background-color: #bfebff;
    border: 1px solid #53c7ff;
    padding: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.td-highlight { 
    background-color: #F2EC96 !important;
}

table.dataTable {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li {
    text-align: left;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    font-family: 'FontAwesome';
    opacity: 0.6;
}

table.dataTable thead .sorting_asc:after {
    margin-left: 5px;
    content: "\f0de";
    font-family: 'FontAwesome';
    opacity: 1;
}
table.dataTable thead .sorting_desc:after {
    margin-left: 5px;
    content: "\f0dd";
    font-family: 'FontAwesome';
    opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:after {
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.3);
    content: "\f0dd";
    font-family: 'FontAwesome';
}
table.dataTable thead .sorting_desc_disabled:after {
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.3);
    content: "\f0de";
    font-family: 'FontAwesome';
}

.dataTable thead tr th:first-child {
    min-width: 22px !important;
}
table.dataTable.dtr-column > tbody > tr > td.control::before, 
table.dataTable.dtr-column > tbody > tr > th.control::before{
    margin-left: 4px;
}

table.dataTable.dtr-column > tbody > tr:first-child > td.control::before, 
table.dataTable.dtr-column > tbody > tr:first-child > th.control::before{
    margin-top: 0px;
}
.table thead tr th {
    font-weight: 600 !important;
}

.table-responsive {
    border: none;
    margin-bottom: 0px;
}

.th-border-small thead tr th,.th-border-small tbody tr th{
    border-bottom: 1px;
    border-color: #DDDDDD !important;
    background-color: #3398CC !important;
    color: #fff;
}

.chosen-container {
    margin-bottom: 0px !important;
    font-size: 14px !important;
}
.chosen-container-single .chosen-single, .chosen-container-single.chosen-with-drop .chosen-single {
    height: 34px !important;
    line-height: 30px !important;
}

a.chosen-single .my {
    color: #555555 !important;
}
.chosen-container-single .chosen-single-with-deselect {
    color: #555555 !important;
}

.chosen-container-single .chosen-default {
    color: #a2a2a2 !important;
}
.chosen-container-single .chosen-single abbr {
    top: 10px !important;
}
.label-flat{
    border-radius: 0em;
}

.nav-tabs-custom > .nav-tabs-orange > li.active {
    border-top-color: #FF9D00 !important;
}
.modal-full-screen {
    width: 98%;
    padding: 0;
}
tr.tr-highlight td {
    background-color: #F2E093 !important;
}

.table-responsive > .table-bordered {
    border: 1px solid #e1e1e1 !important;
}

.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left {
    border-right: 1px solid #ddd;
}
.tabs-right {
    border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
    float: none;
    margin-bottom: 2px;
}
.tabs-left>li {
    margin-right: -1px;
}
.tabs-right>li {
    margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}
.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;
}
.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}
@media print {
    body * {
        visibility: hidden;
    }
    #section-to-print, #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .table-default thead tr th {
        background-color: #ddd !important;
        border: 1px solid #ddd !important;
    }
    .wrapper {
        position: inherit !important;
    }
}

.checkbox-inline label, .radio-inline label {
    cursor: pointer ;
}


/* PDF document links */
a.filelink[href$='.pdf'] {
    background:transparent url(../img/icons/file_pdf.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* Excel Documents links */
a.filelink[href$='.xls'], a.filelink[href$='.xlsx'] , a.filelink[href$='.csv'], a.filelink[href$='.xlw'], a.filelink[href$='.xlt'] {
    background:transparent url(../img/icons/file_excel.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* Word Document Links */
a.filelink[href$='.doc'], a.filelink[href$='.docx'], a.filelink[href$='.rtf'], a.filelink[href$='.wps'], a.filelink[href$='.txt'] {
    background:transparent url(../img/icons/file_word.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* ppt Document Links */
a.filelink[href$='.ppt'], a.filelink[href$='.pptx'] {
    background:transparent url(../img/icons/file_ppt.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* text Document Links */
a.filelink[href$='.rtf'], a.filelink[href$='.wps'], a.filelink[href$='.txt'] {
    background:transparent url(../img/icons/file_text.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

/* zip Document Links */
a.filelink[href$='.zip'], a.filelink[href$='.rar'] {
    background:transparent url(../img/icons/file_zip.png) center left no-repeat;
    display:inline-block;
    padding:2px 4px 4px 20px;
    line-height:15px;
}

table.dataTable.dtr-column > tbody > tr > td.control::before, table.dataTable.dtr-column > tbody > tr > th.control::before {
    background-color: #4284b7;
}

table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
    background-color: #c4b86a;
    content: "-";
}

@media screen and (max-width: 425px) {
    .box-tools {
        position:relative !important;
        padding-left: 10px;
    }
}

.navbar-nav>li>a {
    line-height: 24px;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 1px;
}

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

.navbar-fixed-bottom .box-footer{
    border-top: 4px solid #D1D5DE;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* loadin ajax */
.loadingSpinner{
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.loadingSpinner {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.contentLoading{position: relative;}
.overlayLoading{position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background-color: rgba(255,255,255,0.8);}
.overlayLoading-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 200px;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}

.edoc_title_comment, .date_comment {
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
    color: #8b8b8b;
}

.textbox {
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #d2d6de !important;
    height: 34px;
}
.combo-arrow{
    height: 34px !important;
}

.doc_wait li, .doc_circular li {
    border-bottom: 1px dashed #dadada;
    padding: 10px;
}
.article-title{
    padding-top:15px;
    font-size: 15px;
    color:#333333;
    font-weight: bold;
}
.writted{
    font-size: 90%;
    color:#8c8c8c;
}
.article-detail{
    padding-top:8px;
}
.more-text{
    font-weight: bold;
    color:#4a4a4a;
    margin:30px 0 5px 0;
}
table.topic{
    width: 100%;
    border: none;
    border-collapse: collapse;
}
table.topic tr{
    border-bottom: 2px solid #ffffff;
}
table.topic tr.color1{
    background-color: #fbfbfb;
}
table.topic tr.color2{
    background-color: #eaf3f7;
}
table.topic tr a:link,table.topic tr a:visited{
    font-size:13px;
    color:#006fa4;
    text-decoration:underline;
}
table.topic tr a:hover{
    color:#ff8000;
    text-decoration:none;
}
table.topic .td-topic{
    padding: 0.4em 0 0.4em 18px;
    background: url('../images/quote.png') left no-repeat;
}
table.topic .td-topic2{
    padding: 0.4em 0 0.4em 18px;
    background: url('../images/newspaper.png') left no-repeat;
}
/* ReadMore */
.readmore,.readmore-text{
    margin-top:10px;
    padding:0 18px 4px 0;
    text-align: right;
}
.readmore{
    background: url('../images/readmore.png') no-repeat right;
}
.readmore a:link, .readmore a:visited{
    color:#006fa4;
    text-decoration:underline;
}
.readmore a:hover{
    color:#ff8000;
    text-decoration: underline;
}

.readmore-text a:link, .readmore-text a:visited{
    color:#006fa4;
    text-decoration:none;
}
.readmore-text a:hover{
    color:#ff8000;
}

.doc_list_bottom2{
    padding:6px;
    background-color: #fff;
    border:1px solid #d8dfea;
    margin-top:5px;
    font-size: 14px;
    color:#333333;
    max-height:400px;
    _height:expression(this.scrollHeight>399?"400px":"auto");
    overflow:auto;
    overflow-x:hidden;
}

.doc_list_bottom2 ul li {
    font-weight: normal;
    color: #333333;
    padding: 3px 6px 3px 6px;
}
.doc_list_bottom2 ul li a{
    font-weight: normal;
    color: #3c5aac;
    padding: 3px 6px 3px 6px;
}
.doc_list_bottom2 ul li a:hover{
    color: #ff8040;
    background-color: #f7f7fb;
}