/* SB Admin 2*/
/* ---- Custom Color ----*/
/***********
    Fonts
***********/
/*font-family: 'Kanit', sans-serif;*/
/* kanit-regular - thai_latin */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/kanit-v1-thai_latin/kanit-v1-thai_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Kanit'), local('Kanit-Regular'), url('../fonts/kanit/kanit-v1-latin_thai-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/kanit/kanit-v1-latin_thai-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/kanit/kanit-v1-latin_thai-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/kanit/kanit-v1-latin_thai-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/kanit/kanit-v1-latin_thai-regular.svg#Kanit') format('svg');
    /* Legacy iOS */
}
/* kanit-500 - latin_thai */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/kanit-v1-latin_thai/kanit-v1-latin_thai-500.eot');
    /* IE9 Compat Modes */
    src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/kanit/kanit-v1-latin_thai-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/kanit/kanit-v1-latin_thai-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/kanit/kanit-v1-latin_thai-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/kanit/kanit-v1-latin_thai-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/kanit/kanit-v1-latin_thai-500.svg#Kanit') format('svg');
    /* Legacy iOS */
}
/*End Fonts*/
h1,
h2,
h3,
h4,
h5{
    font-family: 'Kanit', sans-serif;
   
}
.text-underline{
     margin-top: 10px;
    color: #337AB7;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ccc;
}

body {
    color: #4d4d4d;
}
.font-weight-bold {
    font-weight: bold;
}
.font-weight-normal {
    font-weight: normal;
}
.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs15 {
    font-size: 15px;
}
.fs16 {
    font-size: 16px;
}
.fs17 {
    font-size: 17px;
}
.fs18 {
    font-size: 18px;
}
.fs19 {
    font-size: 19px;
}
.fs20 {
    font-size: 20px;
}
label {
    font-weight: 600;
}
.help-block {
    font-size: 14px;
    color: #808080;
}
#page-wrapper {
    font-size: 16px;
    padding: 0px 15px !important;
    margin-top: 55px;
}
.navbar {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
}
.navbar-brand {
    padding-top: 2px;
    padding-bottom: 2px;
}
.navbar-brand img {
    display: inline-block;
}
.navbar-brand #logo-lb {
    vertical-align: bottom;
    color: #164193;
}
a.navbar-brand:hover {
    opacity: 0.7;
    color: #1c54be;
}
.navbar-top-links li a {
    color: #767665;
}
.nav-menu-show-xs {
    display: none;
}
.nav-tabs.nav-custom>.active a {
    background-color: #eee !important;
    font-weight: bold;
    color:#337ab7;
}
.ul-notification-header {
    padding-left: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #808080;
    border-bottom: 1px solid #ccc;
}
.ul-notification-user-header {
    padding: 7px 10px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #23527c;
    border-bottom: 1px solid #ccc;
}
ul.dropdown-user {
    min-width: 250px;
    width: auto;
}
ul.drop-left {
    left: auto;
    right: 0px;
}
#page-no {
    text-align: right;
    padding: 5px 10px;
    color: #d14;
}
.date-display-space {
    letter-spacing: 1px;
}
.text-space {
    letter-spacing: 1px;
}
.fa.arrow {
    width: 9px;
}
.badge-keep-right {
    float: right;
    margin: 0px 3px;
}
.plus-times {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
}
form h2,
form h3,
.form h2,
.form h3 {
    margin-top: 10px;
    color: #337AB7;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ccc;
}
form h4 {
    color: #5cb85c;
}
.head-log {
    color: #457017;
    border-bottom: 1px dotted #457017;
    font-size: 18px;
}
.wrap-scroll-table {
    overflow: auto;
    /*overflow-y: hidden;*/
}
.width-60-and-xs-full {
    width: 60%;
    margin: 0px auto;
}
.width-80-and-xs-full {
    width: 80%;
    margin: 0px auto;
}
table thead th {
    text-align: center;
}
.label-control-inline {
    line-height: 34px;
    vertical-align: middle;
}
.height-20px {
    height: 20px;
}
.padding-tb-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}
.no-padding-lf {
    padding-left: 0px;
    padding-right: 0px;
}
.no-margin-lf {
    margin-left: 0px;
    margin-right: 0px;
}
.control-label-normal-value {
    padding: 7px 17px;
    font-weight: normal;
}
.control-label-normal-value-no-padding {
    padding: 7px 0px 7px 17px;
    font-weight: normal;
}
h1.page-header {
    margin-top: 5px;
}
.breadcrumb {
    background-color: #fff;
    border-bottom: 1px dotted #eee;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 10px;
}
.breadcrumb > li + li:before {
    content: "\003e";
}
.header-nopadding {
    padding: 5px 0px;
    margin: 5px 0px;
}
#number-error-box {
    color: #d14;
    position : absolute;
    padding :0px;
    width :300px;
}
.table-show-detail {
    table-layout: fixed;
}
.table-show-detail .detail-title {
    color: #4d4d4d;
    font-weight: bold;
    background-color: #F5F5F5;
}
.table-bg-white {
    background-color: #fff;
}
.tr-summary td,
.list-group .summary {
    background-color: #EAF2F5;
}
.table-count {
    font-size: 14px;
    color: #808080;
}
.ui-autocomplete-loading {
    background: white url('../images/please_wait.gif') right center no-repeat;
}
#ajax-loading {
    margin-left: 5px;
    background-image: url('../images/please_wait.gif');
    background-repeat: no-repeat;
    color: #1d5987;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    z-index: 1000 ;
}
.keep-left {
    text-align: left;
}
.keep-right {
    text-align: right;
}
.label-padding {
    padding-top: 7px;
    padding-bottom: 7px !important;
    margin-bottom: 0;
}
.label-orange {
    background-color: #F67A2A;
}
.control-label-left {
    padding-top: 7px;
    padding-left: 0px;
    margin-bottom: 0;
    text-align: left;
}
#modal_waiting_frame {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #222;
    z-index: 9999;
}
#modal_waiting_img {
    background-image: url('../images/wait_big.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 220px;
    height: 50px;
    margin: 50px auto;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.table > thead > tr > th {
    vertical-align: middle;
}
.modal-footer-center {
    text-align: center !important;
}
/* on heading table sorting */
.a-sortable-th {
    display: block;
    width: 100%;
    height: 100%;
}
.a-sortable-th-icon {
    color: #E13300;
}
ul.pagination {
    padding-top: 0px;
    margin-top: 0px;
}
/***********
    Box 
***********/
.box {
    border: 1px solid #D8E3EF;
    margin-bottom: 13px;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.box-heading {
    padding: 0px 15px;
    position: relative;
    border: 0;
    border-bottom: 1px solid #D8E3EF;
    background: transparent;
    box-shadow: inset 0 -2px 0 #f3f7fb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.box-red {
    border-top: 2px solid #E24B46;
}
.box-green {
    border-top: 2px solid #3FC5AC;
}
.box-blue {
    border-top: 2px solid #0084B4;
}
.box-yellow {
    border-top: 2px solid #FFD06B;
}
.box-pink {
    border-top: 2px solid #F782AA;
}
.box-brown {
    border-top: 2px solid #ab7967;
}
.box .box-body .heading {
    padding: 5px 0px 0px 15px;
}
.spacer {
    padding: 20px 5px;
}
.spacer-sm {
    padding: 15px;
}
.spacer-md {
    padding: 25px;
}
.spacer-xs {
    padding: 10px;
}
.spacer-min-height {
    height: 120px;
}
.spacer-no-rt {
    padding: 15px 0;
}
.summary .value {
    text-align: center;
    margin: 5px 0px -9px 0px;
    font-size: 40px;
    font-weight: 700;
}
.summary .sub-text {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #808080;
}
/*.text-danger {
    color: #E24B46!important;
}*/
.no-margin {
    margin: 0 !important;
}
.top-bar {
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    -moz-box-shadow: 0 0 2px #4e73a0;
    -webkit-box-shadow: 0 0 2px #4e73a0;
    box-shadow: 0 0 2px #4e73a0;
    margin-bottom: 10px;
    background-color: #f3f7fb;
}
/* End Box*/
.code-comment {
    background-color: #FEE5FF;
    border: 1px solid #C500CC;
    color: #660066;
    margin: 5px 0px;
    padding: 5px 8px;
    border-radius: 3px;
    display: none;
}
.wrap-box-tip-warning {
    border-left: 5px solid #F0CE24;
    padding: 0px 5px;
}
/***********
   Admin detail 
***********/
.admin_detail_default h5 {
    font-size: 18px;
    padding-bottom: 6px;
    border-bottom: 1px solid #BFD8EE;
    color: #3B668C;
}
.admin_detail_default .form-group {
    margin-bottom: 0px;
}
.admin_detail_default label {
    padding-bottom: 0px;
}
.admin_detail_default .form-group-little-padding {
    padding-bottom: 5px;
}
.admin_detail_default .label-borrow-total {
    padding: 5px 10px;
    border: 1px solid #2B8F00;
    background-color: transparent;
    font-size: 16px;
    color: #2B8F00;
}
.admin_detail_default .help-block {
    font-size: 12px;
    color: #808080;
}
/* End Admin Detail*/
.admin-unit-search {
    background-color: #F8FBFF;
    border-bottom: 1px solid #eee;
    padding: 15px 40px 15px 10px;
    margin-bottom: 14px;
    border-radius: 5px;
    text-align: right;
    -webkit-box-shadow: 0 2px 5px 1px #DBDBDB;
    box-shadow: 0 2px 5px 1px #DBDBDB;
}
.panel-with-collapse {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.panel-with-collapse:hover,
.panel-with-collapse:focus {
    text-decoration: none;
}
/***********
    Admin 2 side Operation
***********/
.wrap-job-detail {
    background-color: #FFFAE5;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 15px 0px;
    padding: 10px 0px;
}
.wrap-job-detail h2 {
    font-size: 26px;
    padding-bottom: 8px;
    border-bottom: 1px solid transparent;
    color: #3c763d !important;
}
.wrap-job-detail h3 {
    font-size: 18px;
}
.wrap-job-detail table thead th {
    background-color: #EB961E;
    color: #fff;
}
.box-admin-operation {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.box-admin-operation h2 {
    color: #337AB7 !important;
    border-bottom: 3px solid #337AB7;
    margin-bottom: 20px;
}
.box-admin-operation h3 {
    font-size: 18px;
}
/*End Admin 2 side Operation*/
.label-highlight {
    background-color: #FFF4BF;
    border: 1px dashed #B69A0C;
    color: #4d4d4d !important;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 17px;
}
.count-total {
    text-align: right;
    padding: 12px;
    color: #808080;
    font-size: 14px;
}
.wrap-with-nav-tabs {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0px 10px;
    min-height: 600px;
}
/*****************
    Button 
*****************/
.button-choice {
    color: #4d4d4d;
    background: none;
    border: 1px dotted #138CD3;
    padding-top: 20px;
    padding-bottom: 20px;
}
.button-choice a {
    color: #4d4d4d;
}
.button-choice:hover {
    background-color: #337AB7;
    border: 2px dotted #337AB7;
    color: #fff;
}
.button-choice-selected{
    background-color: #337AB7;
    border: 2px dotted #337AB7;
    color: #fff;
    padding:20px 20px;
}
/* End Button */
/***********
    Alert animate
************/
.alert-animate {
    -webkit-animation: cssAnimation 1s ease;
    -moz-animation: cssAnimation 1s ease;
    -o-animation: cssAnimation 1s ease;
}
@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: scale(0.403);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cssAnimation {
    from {
        -moz-transform: scale(0.403);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-o-keyframes cssAnimation {
    from {
        -o-transform: scale(0.403);
    }
    to {
        -o-transform: scale(1);
    }
}
/*****
Group mini dashboard
*****/
.wrap-mini-dashboard {
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 4px 3px #E0E0E0;
    box-shadow: 3px 3px 4px 3px #E0E0E0;
    padding: 3px 6px;
    margin: 0px 5px 22px 5px;
}
.mini-dashboard-item {
    position: relative;
    padding: 10px;
    border-right: 1px solid #BFBFBF;
}
.mini-dashboard-item a,
.mini-dashboard-item a:visited {
    color: #808080;
    text-decoration: none;
}
.mini-dashboard-item a:hover {
    color: #FF7400;
}
.mini-dashboard-item:last-child {
    border-right: none;
}
.mini-dashboard-item .value {
    font-size: 30px;
    font-weight: bold;
    padding: 0px 0px 5px 3px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #A6A6A6;
    min-height: 50px;
}
.mini-dashboard-item .value small {
    font-size: 17px;
    font-weight: normal;
}
.mini-dashboard-item .value .text {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-right: 40px;
}
.mini-dashboard-item .title {
    border: none;
    font-size: 16px;
    font-weight: bold;
}
.mini-dashboard-item .icon {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #c2c2c2;
}
.mini-dashboard-item a:hover .icon {
    color: #FF7400;
}
.modal-xl {
    width: 90%;
}
/*Table Fix head*/
/*.tbl_fix_head tr 
{
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}*/
.tbl_fix_head tbody {
    overflow-y: scroll;
    height: 380px;
    width: 100%;
    padding-left: 16px;
    padding-right: 0px;
    position: absolute;
}
/*.wrap-tbl-fix-head-scroll
{
    width:95%; 
    margin: 0px auto;
    height:100%;         
    padding-right: 20px;  For scroll y
    padding-bottom: 20px; For scroll x
    overflow-x : auto; 
    overflow-y :hidden; 
    position:relative;
}
.wrap-tbl-fix-head-fix-width
{
    min-width: 1000px;    
    position:relative;    
}
.wrap-tbl-fix-head-fix-width thead,
.wrap-tbl-fix-head-fix-width tbody
{
    min-width: 1000px;        
}*/
/*End Table Fix head*/
/***********
    Table Custom
***********/
.table.table-sm {
    font-size: 14px;
}
/*End Table custom*/
.icon-sorting {
    color: #FF6633;
}
/* xs */
@media (max-width: 767px) {
    .navbar-default .navbar-brand #logo-lb {
        display: none;
    }
    .width-60-and-xs-full {
        width: 100%;
    }
    .width-80-and-xs-full {
        width: 100%;
    }
    .page-header {
        font-size: 24px;
        margin-top: 12px;
        font-weight: bold;
    }
    .row-top-margin {
        margin-top: 13px;
    }
    .table-show-detail td {
        display: block;
    }
    /***********
       Group mini dashboard
      ***********/
    .wrap-mini-dashboard {
        -webkit-box-shadow: 0px 3px 4px 3px #E0E0E0;
        box-shadow: 0px 3px 4px 3px #E0E0E0;
    }
    .mini-dashboard-item {
        padding: 10px 20px 10px;
        margin-top: 10px;
        border-right: none;
        border-bottom: 1px solid #44AEB3;
    }
    .mini-dashboard-item:last-child {
        border-bottom: none;
    }
    .modal-xl {
        width: auto;
    }
    /***********
          Form 
      ***********/
    .form-horizontal-xs-margin-bottom {
        margin-bottom: 10px;
    }
    .admin-unit-search {
        text-align: left;
        padding-right: 10px;
    }
    .xs-tb-padding {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}
/* sm */
/* md */
/* lg */
/* stage Process */
.btn-orange,
.btn-orange:visited {
    background-color: #F67A2A;
    color: #fff;
}
.btn-orange:hover,
.btn-orange:focus {
    background-color: #D15809;
    color: #fff;
}
.btn-pink,
.btn-pink:visited {
    background-color: #FF99E6;
    color: #fff;
}
.btn-pink:hover,
.btn-pink:focus {
    background-color: #FF66D9;
    color: #fff;
}
.btn-green-dark,
.btn-green-dark:visited {
    background-color: #2FA08A;
    color: #fff;
}
.btn-green-dark:hover,
.btn-green-dark:focus {
    background-color: #4FB8A3;
    color: #fff;
}
.btn-green-light,
.btn-green-light:visited {
    background-color: #5AA81F;
    color: #fff;
}
.btn-green-light:hover,
.btn-green-light:focus {
    background-color: #76C03E;
    color: #fff;
}

.btn-grey,
.btn-grey:visited {
    background-color: grey;
    color: #fff;
}
.btn-grey:hover,
.btn-grey:focus {
    background-color: #676363;
    color: #fff;
}
/* .table-fixedheader*/
/*
Force table width to 100%
*/
.wrapper-content {
    background-color: #f9f9f9;
    padding: 10px 20px 20px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.28);
}
.wrapper-content-inner {
    padding: 20px 0px 30px 0px;
    margin-bottom: 30px;
}
.wrapper-content-outer {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.textbox-bootstrap {
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 6px 12px;
}
.padding-lr-10px {
    padding-left: 10px;
    padding-right: 10px;
}
.bootbox .modal-footer button {
    float: right;
    margin-left: 10px;
}
.panel-body .sub-title {
    font-size: 16px;
    color: #808080;
}
.checkbox-radio-fix {
    padding-left: 0px;
}
.checkbox-radio-fix label {
    font-weight: normal;
    padding-right: 10px;
}
.heading-sub-detail {
    font-size: 14px;
    color: #808080;
    padding-top: 9px;
}
/*# sourceMappingURL=admincss.css.map */
/*# sourceMappingURL=admincss.css.map */
.bootbox-medium > .modal-dialog {
    width: 80% !important;
}
.bootbox-dialog .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
.modal {

    overflow-y: scroll;
}
.selected-tr{
    background: #d1ecf1 !important;
    border-color:#bee5eb; 
}
.btn-group {
    white-space: nowrap;
    font-size: 0;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    display:inline-block;
    float:none;
}
.row-car-type-select
{
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    margin-bottom: 6px;
}
.modal{
    z-index: 1050;
}


#main_admin_top_menu{
    z-index: 1200;
}

#boot_waiting,.bootbox{
    z-index: 1050;
}


.modal .ui-autocomplete{
    /* position: relative;*/
    z-index: 99999; 
} 
.calendars-popup{
    position: relative;
    z-index: 99999; 
}
.txt-muted{
    color: #ccc;
}

.label-status-fluid {
    display: block;
    line-height: 1.4;
}

.label-dark-green{
    background-color: #449D44;        
}
.label-purple{
    background-color: #BA55D3;
}
.label-blue{
    background-color: #00B0E8;
}
.label-light-green{
    background-color: #22CECE;
}
.job_status_symbol {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 6px;
    width: 10px;
    height: 10px;
}
.panel>.panel-body-default {
    background-color: #f5f5f5;
}