@font-face{font-family:'thaisans_neuesemi_bold';src:url('font/thaisansneue-semibold-webfont.eot');src:url('font/thaisansneue-semibold-webfont.eot?#iefix') format('embedded-opentype'),     url('font/thaisansneue-semibold-webfont.woff2') format('woff2'),     url('font/thaisansneue-semibold-webfont.woff') format('woff'),     url('font/thaisansneue-semibold-webfont.ttf') format('truetype'),     url('font/thaisansneue-semibold-webfont.svg#thaisans_neuesemi_bold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'cs_chatthaiuiregular';src:url('font/cschatthaiui-webfont.eot');src:url('font/cschatthaiui-webfont.eot?#iefix') format('embedded-opentype'),     url('font/cschatthaiui-webfont.woff2') format('woff2'),     url('font/cschatthaiui-webfont.woff') format('woff'),     url('font/cschatthaiui-webfont.ttf') format('truetype'),     url('font/cschatthaiui-webfont.svg#cs_chatthaiuiregular') format('svg');font-weight:normal;font-style:normal;}
body{transition:width 600ms ease;background:#fff;color:#235a81;font-family:'cs_chatthaiuiregular',tahoma;font-size:14px;font-weight:normal;}
body.nav-md.nav-lg{font-size:16px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top:1px solid #e6e9ed;}
td,td span{line-height:21px;}
.table small{font-size:11px;color:#aeaeae;}
.divider{border-bottom:1px solid #e6e9ed;}
.treq{color:#F66;}
.left_col{background:#393b92;width:inherit;padding-bottom:300px; z-index:9;}
.nav_title{background:none;width:100%;position:relative;margin:10px 0px 10px 0px;}
.nav.side-menu > li{border:1px solid #4c4fa0;}
.nav.side-menu > li > a{margin-bottom:0;}
.nav_menu{background:#393a8d;background-image:none;overflow:hidden background-color:#393a8d;background-image:-moz-radial-gradient:radial-gradient(980px at 0% top, #282769, #393a8d);background-image:-webkit-radial-gradient:radial-gradient(980px at 0% top, #282769, #393a8d);background-image:radial-gradient(980px at 0% top, #282769, #393a8d);}
.nav.side-menu > li.active > a,
.nav-sm .nav.side-menu li.active-sm > a{color:#f7f7f7;background:#2e468c;background-image:none;overflow:hidden background-color:#2e468c;background-image:-moz-radial-gradient:radial-gradient(200px at 0% top, #4c54c1, #2e468c);background-image:-webkit-radial-gradient:radial-gradient(200px at 0% top, #4c54c1, #2e468c);background-image:radial-gradient(200px at 0% top, #4c54c1, #2e468c);}
.toggle a{color:rgba(255,255,255, .87 );}
.nav.navbar-nav > li > a{color:#dbdbdb!important;}
.sidebar-footer a{background:#2b2a6c;}
.sidebar-footer{background:#4f4f9a;}
.nav-md .sidebar-footer{width:170px;}
.nav-md ul.nav.child_menu li::before{background:#6f72c1;}
.nav-md ul.nav.child_menu li::after{border-left:1px solid #6f72c1;}
.nav.side-menu > li.current-page, .nav.side-menu > li.active,
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {border-right:4px solid #87c0e1;}
.nav-sm li.current-page{background:rgba(255,255,255,0.15);border-right:5px solid#def3fb;}
.nav-sm .hidden-small{display:none;}
.nav-sm .nav.side-menu > li.active,
.nav-sm .nav.side-menu li.active-sm{border-right:3px solid #9bd1f1;}
.nav-sm .nav.side-menu > li > a{margin-bottom:0;}
.nav-sm .container.body .col-md-3.left_col{z-index:999;}
.top_nav{z-index:8;}
.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover{background:#1c1948;}
a,.top_nav .nav > li > a, .top_nav .nav > li > a, .top_nav .nav .open > a, .top_nav .nav .open > a, .top_nav .nav .open > a{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.sidebar-footer a{color:#8D9EB0;}
.row-month{padding:0 10px 15px 30px;margin-top:0px;font-weight:bold!important;}
/* title */
.nav-md .logo_site{width:53px;margin-top:3px;margin-left:5px;float:left;margin-right:10px;}
.nav-md .site_title h2{font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;display:block;float:left;margin:4px 0;padding:0;line-height:20px;font-size:18px;}
.nav-md .site_title h3{font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;display:block;float:left;margin:0;padding:0;line-height:22px;font-size:14px;letter-spacing:1px;}
.nav-sm .logo_site{width:50px;margin-left:0;}
.nav.side-menu > li > a{font-size:20px;font-family:'thaisans_neuesemi_bold';}
.main_menu span.fa{margin-top:9px;font-size:10px;position:absolute;right:5px;}
.nav.child_menu > li > a{color:rgba(255,255,255,0.8);font-size:18px;font-family:'thaisans_neuesemi_bold';font-weight:normal;}
.nav.child_menu > li > a{padding:4px 9px;}
.nav li.current-page{background:rgba(255,255,255,0.08);}
.nav-sm .nav.side-menu li a{font-size:16px;line-height:17px;}
.nav-sm .nav.side-menu li a i{color:#aaacd8;}
.nav-sm .nav.side-menu li.active-sm a i,
.nav-sm .nav.side-menu li:hover a i{color:#def3fb;}
.nav-md .menu_section li.active > .nav.child_menu{display:block;}
.nav-md .menu_section li.active > .nav.child_menu li:first-child{padding-top:7px;}
.nav-md .menu_section li.active > .nav.child_menu li:last-child{padding-bottom:10px;}
.nav-md .main_container .top_nav{display:block;margin-left:170px;}
.nav-md .container.body .right_col{margin-left:170px;padding:10px 10px 0;}
.nav-md.nav-lg .logo_site{width:65px;margin-top:3px;margin-left:10px;float:left;margin-right:12px;}
.nav-md.nav-lg .site_title h2{font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;display:block;float:left;margin:4px 0;padding:0;line-height:25px;font-size:25px;}
.nav-md.nav-lg .site_title h3{font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;display:block;float:left;margin:0;padding:0;line-height:25px;font-size:18px;letter-spacing:2px;}
.nav-md.nav-lg .main_container .top_nav{display:block;margin-left:230px;}
.nav-md.nav-lg .container.body .right_col{margin-left:230px;padding:15px 25px 0;}
.nav-md.nav-lg .container.body .col-md-3.left_col,
.nav-md.nav-lg .container.body .sidebar-footer{width:230px;}

.divider{margin:10px 0;}
.x_title h2{font-family:'thaisans_neuesemi_bold';font-size:27px;color:#000;margin:0;padding:0;}
.x_panel > .x_title{background:#eceff7;border-bottom:4px solid #e2e5ef;}
.x_panel .x_content .x_title{border-bottom:2px solid #eceff7;}
.p-car .x_app > .x_panel{background:#fafafa;}
.panel_car .x_panel .x_title,
.panel_car .x_content{background:#fff;}
.panel_car .x_panel{margin-bottom:20px;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.1);}
.x_panel{background:#fcfbfd;padding:0;}
.x_panel .x_content{padding:10px 17px;}
.x_panel > .x_title{padding:7px 17px;}
.x_panel > .x_title .navbar-right{margin-top:10px;}
.x_content .x_title .navbar-right{margin-top:0px;}
table.jambo_table thead{background:#8391ae;color:#f7f8f8;text-shadow:0px 1px #333;}
.table > thead > tr > th{vertical-align:middle;border-bottom:2px solid #ddd;}
table.jambo_table thead > tr > th{border-bottom:2px solid #757e94;height:57px;}
table.dataTable thead > tr > th{height:auto;}
div.dataTables_wrapper div.dataTables_length select{border-radius:15px;}
div.dataTables_wrapper div.dataTables_filter input{border-radius:15px;}
.dropdown-menu{z-index:998;}
.dropdown-menu .fa-trash-o{color:#d9534f;}
#data-table .table-responsive{background:#fff;}
#data-table .table-responsive .table.jambo_table{margin-bottom:0;}
#data-table .table-responsive .table tr{padding:0 15px!important;}
#data-table table.table-striped{background-color:rgba(0,0,0,0.02);text-shadow:0 1px 0 #fff;}
#data-table table.table-striped .btn{text-shadow:none;}
.table-striped > tbody > tr:nth-of-type(2n+1){background-color:rgba(255, 255, 255, 0.85);}
#data-table table.jambo_table thead > tr > th{padding:10px 0 7px 15px;}
#data-table table.jambo_table tbody > tr > td{min-height:65px;vertical-align:top;padding:16px 5px 15px 15px;}
.page-header{font-family:'thaisans_neuesemi_bold';font-size:24px;background-color:#e4e4e4;color:#333;margin-top:20px;text-indent:0;padding:12px 15px;line-height:1;text-shadow:0 1px 0 #fff;border-radius:6px;overflow:hidden;}
.page-header small{font-size:12px;font-family:'cs_chatthaiuiregular',tahoma;}
.jumbotron .page-header,
.x_view .jumbotron .page-header{background:none;border-bottom:1px solid #e0e0e0;}
.jambo_table > tbody > tr > td:first-child{color:#707070;}
.jambo_table tbody tr td.mark_td{background:rgba(234, 234, 234, 0.3);color:#235a81;}
table.bulk_action > tbody > tr:hover{background:rgba(38,185,154,0.07);border-top:1px solid rgba(38,185,154,0.11);border-bottom:1px solid rgba(38,185,154,0.11);}
table.none-hover tbody > tr:hover{border-top:1px solid #e6e9ed;}
.none-hover tbody tr:hover,
.none-hover tbody tr:hover td,
.none-hover tbody tr td:hover{background:inherit;}
table.jambo_table tbody tr:hover td{background:none;border-top:1px solid #e6e9ed;border-bottom:0;}
.jambo_table tbody tr:nth-of-type(2n+1) td.mark_td{background:rgba(223, 223, 223, 0.3);}
.p-spare-store table.jambo_table tbody > tr > td{height:auto;}
.td-money{text-align:right;}
form .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
form .btn-group > .btn:last-child:not(:first-child),
form  .btn-group > .dropdown-toggle:not(:first-child){min-width:60px;}
form .btn-default:active, form .btn-default.active, 
form .open > .dropdown-toggle.btn-default{color:#fff!important;background-color:#204d74!important;border-color:#122b40!important;}
.user-profile{margin-right:20px;}
.form-control-feedback{z-index:2;}
.has-feedback label ~ .form-control-feedback{top:23px;}
.nav-sm .has-feedback label ~ .form-control-feedback{top:23px;}
.navbar-nav .open .dropdown-menu{right:20px;width:200px;}
.x_total_money{border-bottom:1px solid #eee;display:table;}
.x_total_money > div{vertical-align:middle;display:table-cell;float:none;}
.text_amount_total{font-size:60px;font-family:'thaisans_neuesemi_bold';}
.bs-example .page-header{margin-top:0;}
.regname,.sparename,.vatname{font-weight:normal;font-size:16px;}
.table > tbody > tr > td,.table > tbody > tr > th{vertical-align:middle;}
.table-data-car > tbody > tr > td{vertical-align:top;}
.jumbotron{color:#292929;background-color:#f4f4f4;border:1px solid #e0e0e0;}
.table-responsive{min-height:inherit;overflow-x:inherit;}
.td_province{display:block;width:100px;overflow:hidden;}
.number_price{display:block;width:100%;overflow:hidden;text-align:right;}
.manage-icon{display:none;}
.td-manage .manage-icon{display:block;}
.td-manage .manage-icon::before{content:"\f0d7";}
.td-manage .btn{height:33px;width:33px;padding:6px;}
.td-manage .btn-xs{padding:0px;height:22px;width:22px;}
.td-manage .btn-xs i{margin-left:-1px;}
.td-manage .btn-text,
.td-manage .caret,
.td-manage .sr-only{display:none!important;width:auto!important;}
.td-manage.manage-status .btn-group{width:110px; display:inline-block;}
.td-manage.manage-status.btn-status-page .btn-group{width:140px;}
.td-manage.manage-status .btn-text{display:inline-block!important;}
.td-manage.manage-status .btn-text{border-radius:4px 0 0 4px!important;}
.td-manage.manage-status .dropdown-toggle{border-radius:0 4px 4px 0!important;}
.td-manage .btn{border-radius:4px!important;}
.td-installment-history{width:130px; display:block;word-wrap: break-word;white-space: pre-wrap;}
.btn-diff i{margin-right:5px;}
button.row-d90 i{color:#fcf7df;}
button.row-d180 i{color:#e7f6dc;}
button.row-d270 i{color:#e3ebff;}
button.row-d365 i{color:#fee2de;}
.table > tbody > tr.row-d12{background:#fee2de!important;}
.table > tbody > tr.row-d9{background:#e3ebff!important;}
.table > tbody > tr.row-d6{background:#e7f6dc!important;}
.table > tbody > tr.row-d3{background:#fcf7df!important;}
.table > tbody > tr.row-d12 td.row-no{background:#ed6b64;color:#eaeaea;}
.table > tbody > tr.row-d9 td.row-no{background:#0f6ebe;color:#eaeaea;}
.table > tbody > tr.row-d6 td.row-no{background:#a1dd64;color:#eaeaea;}
.table > tbody > tr.row-d3 td.row-no{background:#efb82e;color:#eaeaea;}
.table > tbody > tr.row-saleS{background:#e7f6dc!important;}
.table > tbody > tr.row-saleA{background:#fcf7df!important;}
.table > tbody > tr.row-saleR{background:#fee2de!important;}
.table > tbody > tr.row-saleS td.row-no{background:#a1dd64;color:#eaeaea;}
.table > tbody > tr.row-saleA td.row-no{background:#f4af02;color:#eaeaea;}
.table > tbody > tr.row-saleR td.row-no{background:#ed6b64;color:#eaeaea;}
#data-table-car table.table-striped{background-color:rgba(0,0,0,0.03);}
#data-table-car .table-striped > tbody > tr:nth-of-type(2n+1){background-color:rgba(255, 255, 255, 1);}
#data-table-car .table-striped > tbody > tr:hover{background:rgba(38,185,154,0.07);border-top:1px solid rgba(38,185,154,0.11);border-bottom:1px solid rgba(38,185,154,0.11);}
#data-table-car .table-data-car > thead > tr{background-color:rgba(0,0,0,0.08);}
#data-table-car .table-data-car > thead > tr > th{padding:18px 8px 16px;}
#data-table-car .x_panel{background:#fff;color:#555;}
#data-table-car .x_title{margin-bottom:0;}
#data-table-car .x_panel .x_content{margin-top:0;}
td .form-control-feedback.left{left:3px;top:-3px;}
.text-center{text-align:center;}
.text-price{text-align:right;}
footer{background:#2b2a6c;margin-left:0;padding:10px 20px 30px;}
footer .pull-right{line-height:17px;font-size:11px;}
.sidebar-footer a{width:33.3333%;}
.label-data{font-weight:normal;color:##777;}
.top_nav li a{font-size:15px;}
.top_nav .dropdown-menu > li > a i{font-size:16px;display:block;float:left;width:25px;}
.alert strong{font-weight:normal;font-size:16px;}
.meta-edit{color:#ccc;display:block;}
.meta-edit span{color:#235a81;}
body .table-striped > tbody > tr.user-r2,
.table-striped > tbody > tr.user-r2:hover td{background:#d0d0d0!important;color:#fff!important;text-shadow:0 1px #707070;}
.user-r2 .btn-primary{background-color:#f4f0f0;border-color:#f1eeee;color:#333;}
.p-spare-store tr.row-cat:nth-of-type(2n+0){background-color:#fff;}
.table-striped > tbody > tr.rowst2{background:#cfcfcf!important;}
.dropdown-menu > .active > a{background:none!important;}
.dropdown-menu > .active{background-color:#dcdcdc;}
.dropdown-menu > .active a:hover{color:inherit;}
.container.body{width:100%;max-width:100%;height:auto;overflow:hidden;position:relative}
.p-login .container.body{overflow:visible;}
.right_col{padding-bottom:100px!important;min-height:500px; z-index:7;}
.right_col .td-manage .dropdown-menu{min-width:170px;background:#f7f7f7;font-size:14px;left:-70px;padding:0;-webkit-box-shadow:0px 1px 7px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 7px rgba(0,0,0,0.2);box-shadow:0px 1px 7px rgba(0,0,0,0.5);}
.right_col .td-manage .dropdown-menu{left:-152px;right:0;}
.right_col .btn-status-page > li{display: block;}
.right_col .btn-status-page .btn-text{min-width:100px;}
.right_col .btn-status-page .dropdown-menu{width:100px;left: -37px;}
.right_col .dropdown-menu > li > a{color:#000035;padding:3px 7px;}
.right_col .dropdown-menu > li.divider{padding:0 7px;margin:0;height:auto;background:none;border-top:1px solid #bfbfbf;border-bottom:0;}
.right_col .dropdown-menu > li.divider > a{padding:8px 8px;}
.divider-clear{height:7px;}
.divider-clear-top{height:7px;border-top:1px solid #bfbfbf;padding-top:7px;}
.divider-clear-footer{height:5px;padding-bottom:5px;}
.panel-now{background:#fff;}
.dropdown-menu{border:1px solid #bfbfbf;}
.dropdown-menu > li{padding:0 7px;}
.dropdown-menu > li > a{padding:2px 10px;}
.dropdown-menu > li > a:hover{background:none;}
.dropdown-menu > li > a i,.dropdown-menu > li > a .glyphicon{width:20px;color:#6c6c6c;}
.dropdown-menu > li:hover,
.right_col .dropdown-menu > li.divider:hover{background-color:#d1e2f2;}
.right_col .dropdown-menu > li.x-del:hover{background-color:#faedec;}
.right_col .dropdown-menu > li.x-approve:hover{background-color:rgba(181, 244, 105, 0.25);}
.right_col .dropdown-menu > li.x-reject:hover{background-color:#faedec;}
.right_col .dropdown-menu > li.x-complete:hover{background-color:rgba(181, 181, 181, 0.25);}
.right_col .dropdown-menu > li.x-overdue:hover{background-color:rgba(255, 231, 117, 0.25);}
.right_col .dropdown-menu > li.divider-clear-top.panel-now:hover,
.right_col .dropdown-menu > li.divider-clear-footer.panel-now:hover{background-color:#fff;}
.right_col .dropdown-menu > li.divider-clear-top:hover,
.right_col .dropdown-menu > li.divider-clear-footer:hover{background:none;}
.dropdown-menu > li:hover > a{background-color:none;border-bottom:0!important;}
.dropdown-menu > li:last-child:hover{background-color:none;border-bottom:0!important;}
.navbar-nav .open .dropdown-menu{-webkit-box-shadow:0px 1px 7px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 7px rgba(0,0,0,0.2);box-shadow:0px 1px 7px rgba(0,0,0,0.2);}
.top_nav .dropdown-menu > li{padding:0 10px;}
.top_nav .dropdown-menu > li > a{padding:9px 5px;border-bottom:1px solid #e6e9ed;}
.top_nav .dropdown-menu > li:last-child > a{border:none;}
.val_pric{text-align:right;}
.bg-dark{color:#E9EDEF;background-color:#4B5F71!important;border-color:#364B5F!important;height:18px!important;line-height:18px;padding-top:0!important;}
.form-control option{font-family:inherit!important;}
.form-control.no-padding{padding-left:4px!important;padding-right:3px!important;text-align:center;}
.align-left{text-align:left!important;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.x_more_row{margin-bottom:15px;}
.has-feedback .form-control.val_pric{padding-right:15px!important;}
.row-more{text-align:right;}
.alert-danger, .alert-error{color:#fbfbfb}
.search_single{margin-bottom:20px;}
.btn-shadow{text-shadow:0 1px #bdbdbd!important;}
.top_search .form-group,
.top_search .input-group{float:left;}
.select2-container--default .select2-selection--single .select2-selection__arrow{right:5px;}
.select2-container--default .select2-selection--single .select2-selection__clear{display:none;}
.top_search .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top:3px;padding-left:15px;}
.top_search .form-group .form-control,
.top_search .select2-container--default .select2-selection--single{border-radius:25px;}
.top_search .form-control,.top_search .input-group-btn button,
.top_search .select2-container--default .select2-selection--single{box-shadow:inset 0 1px 0px rgba(185, 161, 161, 0.08)!important;border:1px solid rgba(118, 127, 138, 0.49)!important;}
.top_search .input-group .form-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
.panel_search{background:#f1f3f4;border-color:#e1e1e2;margin-bottom:15px;}
.panel_search .x_content{display:none;border-top:2px solid #E6E9ED;padding-top:20px;background:#f9f9f9;}
.panel_search .x_title{border-bottom:0;margin-bottom:0;padding:12px 10px 0px;}
.panel_search .collapse-link{color:#333!important;padding:2px 5px!important;font-size:12px!important;margin-top:5px;background:#fdfdfd;}
.panel_search .collapse-link i{font-size:10px!important;}
.panel_search .input-group-btn button{background-color:#ececec;color:#606060;border-left:1px solid #cecece;}
.panel_search .x_content{margin-top:0px;}
.panel_search .input-group-btn button:hover{background-color:#9caaad;color:#fff;}
.panel_search .select2{width:100%!important;}
.panel_report .select2{width:100%!important;}
.select-has-feedback-left .select2-container .select2-selection--single .select2-selection__rendered{padding-left:45px;color:#555;padding-top:2px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#555;}
.select-has-feedback-left.no-left .select2-container .select2-selection--single .select2-selection__rendered{padding-left:16px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:-5px;}
.select2-selection__rendered.parsley-error{background:#FAEDEC!important;border:1px solid #E85445!important;}
.btn.parsley-error{background:#FAEDEC!important;border:1px solid #E85445!important;}
.parsley-errors-list{position:absolute;right:10px;top:0;text-align:right;width:100%;font-size:11px;padding-top:2px;}
.btn-group ul.parsley-errors-list{display:block;position:absolute;width:200px;z-index:9;top:-20px;right:0;}
.panel_toolbox{text-align:right;}
.panel_toolbox > li{display:inline-block;float:none;}
.x_content .panel_toolbox .btn-xs{margin-top:7px;}
.panel_car .x_title h2{font-family:'thaisans_neuesemi_bold';font-size:24px;font-weight:normal;color:#626262;}
.panel_car .x_title h2 small{font-family:'cs_chatthaiuiregular';font-size:12px;}
.panel_car .table > tbody > tr > td{padding:3px 8px;}
.select2-container--default .select2-selection--single{min-height:34px;}
.daterangepicker.picker_4 .calendar-table td:hover{background:#d5d7d8;}
.image_car_hover{display:none;position:fixed;margin-left:80px;top:50px;max-width:750px;box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
.image_car:hover .image_car_hover{display:block;z-index:99;}
.table-manager-report > tbody > tr:nth-of-type(4n-7){background-color:rgba(0, 0, 0, 0.035);}
.maintenance_dev{background:#fff!important;}
.maintenance_dev h1{text-align:center;margin:20% 20px;font-size:25px;line-height:1.4;}
.maintenance_dev .fa{font-size:75px;margin-bottom:25px;}
small.note{font-size:12px;}
small.promote{color:#696969;}
.label-sale{width:100%;height:13px;}
.btn-sale{font-size:16px;}
.spare_name_input{font-size:14px!important;}
.num-withdraw{color:#d43f3a;}
.num-add{color:#169F85;}
.btn-recent-xs{text-shadow:none;}
.p-spare-store .row-add{background:rgba(181, 244, 105, 0.25)!important;}
.p-spare-store .row-withdraw{background:rgba(255, 158, 144, 0.25)!important;}
.btn-forcash{font-family:'cs_chatthaiuiregular',tahoma;text-shadow:none;}
table.table-striped > tbody > tr.branch-spare{background-color:rgba(0, 0, 0, 0.085)!important;font-weight:bold;}
table.table-striped > tbody > tr.branch-spare td{color:#000;}
table.table-striped > tbody > tr.cat-spare{background-color:rgba(0, 0, 0, 0.035)!important;}
label.label-normal{font-weight:normal;}
.row-setting-branch{border-bottom:2px solid #99a3a6!important;}
.btn-xs{min-width:22px;text-align:center;padding-bottom:0;padding-top:2px;}
.detail-evaluate-note{width:min-content;max-width:280px;float:left;display:block;position:relative;}
.list-evaluate-note{max-width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.panel_toolbox > li > a:hover{background:none;}
.panel_toolbox > li > a.btn{color:#fff; padding-left:10px; padding-right:10px;}
.panel_toolbox > li > a.btn-info:hover,
.panel_toolbox > li > a.btn-info:focus{background-color: #31b0d5;}
.panel_toolbox > li > a.btn-success:hover,
.panel_toolbox > li > a.btn-success:focus{background-color: #449d44;}
.panel_toolbox > li > a.btn-warning:hover,
.panel_toolbox > li > a.btn-warning:focus{background-color: #ec971f;}

.btn_noti{display: inline-block;width: 17px;height: 17px;text-align: center;margin-left: 5px;}
.num_noti{font-family:'thaisans_neuesemi_bold'; color:#fff!important;display: inline-block;width: 17px;height: 17px;text-align: center;border-radius: 50%;background: #c9302c;line-height: 15px;font-size: 18px;text-shadow: 1px 0 #424242;}


/* page spare store */
.p-spare-store #data-table .table > tbody > tr > td{height:auto;min-height:inherit;padding:9px 10px;}
.p-spare-store .table-data{max-width:800px;text-shadow:0 1px #fff;}
.p-spare-store .table-data > tbody > tr:nth-of-type(4n-7){background-color:rgba(0, 0, 0, 0.035);}
.p-spare-store .table-data > tbody > tr.row-cat:hover{cursor:pointer;background:rgba(38,185,154,0.07);border-top:1px solid rgba(38,185,154,0.11);border-bottom:1px solid rgba(38,185,154,0.11);}
.p-spare-store .table-data > tbody > tr.row-node{background:#fff;}
.p-spare-store .table-data > tbody > tr.row-node > td{color:#555;padding:0 10px!important;}
.p-spare-store .table-data > thead > tr th.th-sum{background:#7684a3!important;}
.p-spare-store .table-data > tbody > tr td.td-sum{background-color:rgba(0, 0, 0, 0.055)!important;}
.p-spare-store .table-data > tbody > tr.row-node > td td.td-sum{background-color:rgba(0, 0, 0, 0.025)!important;}
.p-spare-store .table-data > tbody > tr.row-node > td tr:hover > td.td-sum{background-color:rgba(0, 0, 0, 0.055)!important;font-weight:bold;}
.p-spare-store .table-data > tbody > tr.row-node > td tr:hover > td.node-name{text-decoration:underline;font-weight:bold;}
.p-spare-store .table-data > tbody > tr.active > td{background-color:rgba(124, 143, 157, 0.25);font-weight:bold;color:#000;}
.table-striped-in{margin:10px 0;}
.table.table-striped-in > tbody > tr{border-top:1px solid #ebebeb!important;}
.table.table-striped-in > tbody > tr:first-child{border-top:0!important;}
.table.table-striped-in > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.01);}
.table.table-striped-in > tbody > tr > td{border:0!important;padding:10px!important;vertical-align:top;}
.table.dataTable tbody > tr > td{border-top: 1px solid #e6e9ed!important;}
.table-spare-sub .fa-circle-o{font-size:9px;}
.table-spare-sub .table{background:none;}
.table-spare-sub .table.table-striped-in > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.02);}
tr.cat-branch.active td,
.p-spare-store .table-data tr.cat-branch.active > td.td-sum,
.p-spare-store .table-data tr.cat-branch.active:hover > td.td-sum{background:rgba(124, 143, 157, 0.25)!important;color:#000!important;}
.p-spare-store .table-data > tbody > tr.row-node > td tr.cat-branch.active > td.node-name,
.p-spare-store .table-data > tbody > tr.row-node > td tr.cat-branch.active > td.td-sum{text-decoration:none!important;font-weight:bold!important;}
.table.table-striped-in > tbody > tr.row-node,
.table.table-striped-in > tbody > tr.row-node:hover{background:none!important;}
.table-spare-sub .table.table-striped-in > tbody > tr{border-top:1px solid #d9d9d9!important;}
.table-spare-sub{border:1px solid #d9d9d9;}
.table.table-striped-in > tbody > tr > td.td-table-sub{padding-left:0!important;padding-right:0!important;padding-top:0!important;}
.table.table-striped-in > tbody > tr > td.td-table-sub .table-striped-in{margin:0;}

/* end page spare store */
table.jambo_table{border-left:0;border-right:0;}
table.jambo_table tbody tr:hover > td > td{border:0;}
.ico-checkout{font-size:29px;color:#369700;}
.trtogle{display:table-row;}
footer .pull-right{font-size:11px;color:#828282;}
.nav-sm ul.nav.child_menu li{border-bottom:1px solid #556c81;}
.nav-sm ul.nav.child_menu li a{font-size:18px;padding:13px 10px;color:#f9f9f9;}
.nav-sm span.fa{display:inline-block;}
.nav-sm .menu_section span.fa{display:none;}
#data-table .number_price{font-weight:bold;padding-right:3px;}
.has-feedback .form-control{padding-right:5px;}
.x_submit{text-align:right;margin-top:20px;}
#doc-form .jumbotron td .form-group,
.table .form-group{margin:3px 0;}
#doc-form .btn-group .btn-default.focus,
#doc-form .btn-group .btn-default:focus{color:#333;background-color:#fff;border-color:#ccc;}
#doc-form .table-striped{background:none;}

#doc-form .table-striped,
#doc-form .jumbotron .form-control{text-shadow:0 1px #fff;}
#doc-form table.bulk_action > tbody > tr:hover,
#doc-form table.bulk_action > tbody > tr:focus,
.table.table-striped-in > tbody > tr:hover,
.table.table-striped-in > tbody > tr:focus{background:rgba(38,185,154,0.07)!important;border-top:1px solid rgba(38,185,154,0.11);border-bottom:1px solid rgba(38,185,154,0.11);}
#doc-form .table-striped > tbody > tr:nth-of-type(2n+1){background:none;}
#doc-form .table-striped > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.09);}
#doc-form .table-striped.table-grant-user > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.03);}
#doc-form .table-transfer > tbody > tr:nth-of-type(2n),
#doc-form .style-table-bill > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.05);}
#doc-form table.jambo_table thead{background:#dbdfe0;color:#000;text-shadow:none;}
#doc-form table.jambo_table thead > tr > th{font-weight:normal;border-bottom:2px solid #b8bfc7;font-size:16px;}   
.title-check-table{color:#575757;font-weight:normal;}
.x_check_table{color:#575757;margin-bottom:10px;position:relative;display:inline-block;width:100%;}
.x_check_table label{font-weight:normal;margin-right:15px;display:block;float:left;position:relative;}
.x_check_table .icheckbox_flat-green{margin-right:10px;}
.x_check_table .iCheck-helper:hover{cursor:default;}
.table > tbody > tr.tr-sale-status{background:#f7f7f7!important;border:0!important;}
#data-table-car .table > tbody > tr.tr-sale-status{background:#c9cbce!important;text-shadow:0 1px #ccc;}
.p-page-car-sale tr.tr-sale-status{display:none;}
.p-page-car-sale .data-status-car{display:none;}
.p-page-car-sale .x_view .data-status-car{display:block;}
.table > tbody > tr.tr-sale-status.trs-top > td{padding-top:10px!important;}
.table > tbody > tr.tr-sale-status.trs-bottom > td{padding-bottom:10px!important;}
.table > tbody > tr.tr-sale-status > td{border-top:0;padding:2px 8px;}
.table > tbody > tr.tr-sale-status > td span:not(.btn){width:79px;color:#000;line-height:inherit;float:left;}
.p-car-status .table > tbody > tr.tr-sale-status > td{border-top:0;padding:4px 8px;}
.p-car-status th.th-manage{width:120px!important;}
.p-car th.th-manage{width:43px!important;}
.btn-status{margin:3px;padding:2px 12px;}
.btn-open-cost{margin:3px;padding:2px 10px 0px 12px;}
.btn-checkout{margin:3px;padding:2px 7px;}
.x_counter{margin-left:15px;}
.x_counter .btn-default{background:none;}
.count-row-data{margin-left:15px;font-weight:normal;font-size:12px;color:#808080;}
.count-row-data i{color:#737373;}
.table-car-status span.btn:hover{cursor:default;}
.table-car-status > tbody > tr > td{vertical-align:middle!important;}
.sale-reserve-date{margin-right:7px;color:#c7cbce;}
.p-car-status .btn .caret{width:inherit!important;float:none!important;display:inline-block;color:#fff!important;}
.btn-cnt{margin:0;min-width:20px;height:20px;line-height:20px;padding:0 5px;border-radius:100px;border:0;background:#f7f7f7!important;color:#797979!important;}
ul.bar_tabs{border-bottom:1px solid #e0e0e2;background:#f2f2f2;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:1px 1px 0 1px solid #e0e0e2;}
ul.bar_tabs > li{margin-top:-28px;}
ul.bar_tabs > li a{padding:15px 25px 12px;font-size:16px;background:#d3d6da;color:#323232;text-shadow:0 1px #fff;}
ul.bar_tabs > li a:hover{background:#dcdcdc;}
ul.bar_tabs > li a i{margin-right:10px;}
ul.bar_tabs > li.active{margin-top:-26px;}
ul.bar_tabs > li.active a{background:#fcfbfd;}
ul.tab-btn > li{margin-top:-19px;border-radius:30px;overflow:hidden;border:0!important;box-shadow:3px 3px 3px rgba(0,0,0,0.1);margin-right:5px;}
ul.tab-btn > li > a{padding:8px 13px;color:#fff;border:0!important;text-shadow:0 1px #333;}
ul.tab-btn > li.btn-cnt{margin:0;min-width:20px;height:20px;line-height:22px;padding:0 5px;border-radius:100px;border:0;background:#797979!important;color:#fff!important;}
ul.tab-btn > li.tab-info > a{background:#5bc0de;}
ul.tab-btn > li.tab-warning > a{background:#f0ad4e;}
ul.tab-btn > li.tab-success > a{background:#26b99a;}
ul.tab-btn > li.tab-danger > a{background:#d9534f;}
ul.tab-btn > li.tab-default > a{background:#939393;}
ul.tab-btn > li.tab-info:hover > a{background:#31b0d5;}
ul.tab-btn > li.tab-warning:hover > a{background:#ec971f;}
ul.tab-btn > li.tab-success:hover > a{background:#169f85;}
ul.tab-btn > li.tab-danger:hover > a{background:#c9302c;}
ul.tab-btn > li.tab-default:hover > a{background:#868686;}
ul.tab-btn > li.active .btn-cnt,
ul.bar_tabs > li.tab-border.active .btn-cnt{background:#797979!important;color:#fff!important;}
ul.tab-btn > li.active{border-right:0;margin-top:-25px;border:0;box-shadow:3px 3px 3px rgba(0,0,0,0.4);}
ul.tab-btn > li.active > a,
ul.bar_tabs > li.tab-border.active a{padding:11px 19px;border:0;color:#fff!important;}
ul.bar_btn > li.active a,
ul.bar_btn > li.active a:hover,
ul.bar_tabs > li.tab-border.active a:hover{color:#fff;cursor:pointer;}


/* btn-border hire-purchase */
.btn-hp-status{background:#fff;padding-top:2px;border-bottom-width:2px;}
.btn-hp-status:hover,
tr:hover .btn-hp-status{color:#fff;}
.btn-border-orange01{color:#797979;border-color:#ff8200;}
.btn-border-orange02{color:#797979;border-color:#f35400;}
.btn-border-orange03{color:#797979;border-color:#ff2e00;}
.btn-border-blue{color:#2489b0;border-color:#6c7ae0;}
.btn-border-red{color:#f22b34;border-color:#e14344;}
.btn-border-pink{color:#f365a5;border-color:#ff7bbf;}
.btn-border-yellow{color:#f2b63f;border-color:#f9ce00;}
.btn-border-green{color:#19b547;border-color:#389c3f;}
.btn-border-orange01:hover,
tr:hover .btn-border-orange01{background:#fc8b15;}
.btn-border-orange02:hover,
tr:hover .btn-border-orange02{background:#f15e11;}
.btn-border-orange03:hover,
tr:hover .btn-border-orange03{background:#fd3b10;}
.btn-border-blue:hover,
tr:hover .btn-border-blue{background:#7784df;}
.btn-border-red:hover,
tr:hover .btn-border-red{background:#e15152;}
.btn-border-pink:hover,
tr:hover .btn-border-pink{background:#fc88c4;}
.btn-border-yellow:hover,
tr:hover .btn-border-yellow{background:#f8cf0d;}
.btn-border-green:hover,
tr:hover .btn-border-green{background:#3f9b46;}

ul.bar_tabs > li.tab-border a{background:none;text-shadow:none;padding-top:6px;padding-bottom:6px;}
ul.bar_tabs > li.tab-border:hover a{color:#fff!important;}
ul.bar_tabs > li.tab-border .btn-cnt{background:#aaa!important;color:#fff!important;}

ul.bar_tabs > li.btn-border-orange01{border:1px solid #ff8200!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-orange02{border:1px solid #f35400!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-orange03{border:1px solid #ff2e00!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-blue{border:1px solid #6c7ae0!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-red{border:1px solid #e14344!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-pink{border:1px solid #ff7bbf!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-yellow{border:1px solid #f9ce00!important;border-bottom-width:4px!important;}
ul.bar_tabs > li.btn-border-green{border:1px solid #389c3f!important;border-bottom-width:4px!important;}

ul.bar_tabs > li.btn-border-orange01 a,
ul.bar_tabs > li.btn-border-orange02 a,
ul.bar_tabs > li.btn-border-orange03 a{color:#797979!important;}
ul.bar_tabs > li.btn-border-blue a{color:#2489b0!important;}
ul.bar_tabs > li.btn-border-red a{color:#f22b34!important;}
ul.bar_tabs > li.btn-border-pink a{color:#ff7bbf!important;}
ul.bar_tabs > li.btn-border-yellow a{color:#f2b63f!important;}
ul.bar_tabs > li.btn-border-green a{color:#19b547!important;}

ul.bar_tabs > li.btn-border-orange01:hover a,
ul.bar_tabs > li.btn-border-orange01.active a{background:#ff8200!important;}
ul.bar_tabs > li.btn-border-orange02:hover a,
ul.bar_tabs > li.btn-border-orange02.active a{background:#f35400!important;}
ul.bar_tabs > li.btn-border-orange03:hover a,
ul.bar_tabs > li.btn-border-orange03.active a{background:#ff2e00!important;}
ul.bar_tabs > li.btn-border-blue:hover a,
ul.bar_tabs > li.btn-border-blue.active a{background:#6c7ae0!important;}
ul.bar_tabs > li.btn-border-red:hover a,
ul.bar_tabs > li.btn-border-red.active a{background:#e14344!important;}
ul.bar_tabs > li.btn-border-pink:hover a,
ul.bar_tabs > li.btn-border-pink.active a{background:#ff7bbf!important;}
ul.bar_tabs > li.btn-border-yellow:hover a,
ul.bar_tabs > li.btn-border-yellow.active a{background:#f9ce00!important;}
ul.bar_tabs > li.btn-border-green:hover a,
ul.bar_tabs > li.btn-border-green.active a{background:#389c3f!important;}

ul.bar_tabs > li.tab-white{background:#fff!important;}
ul.bar_tabs > li.tab-white > a{border:1px solid #6f6f6f!important;padding:7px 13px;border-radius:30px;font-weight:normal;background:none!important;color:#6f6f6f!important;text-shadow:none!important;}
ul.bar_tabs > li.tab-white.active > a{padding:11px 19px;color:#6f6f6f!important;}
ul.bar_tabs > li.tab-white:hover > a{color:#fff!important;background-color:#6f6f6f!important;}




ul.bar_tabs.none-border{height:auto;margin-top:0;background:none;}
ul.tab-btn.none-border > li{margin-bottom:5px;margin-top:5px;display:inline-block;float:none;}
ul.tab-btn.none-border > li.active{margin-top:5px;}

/* tab-color */
ul.tab-color > li > a{font-weight:bold;}
ul.tab-color > li > a .btn-cnt{font-weight:normal;}
ul.tab-color > li:nth-child(1) > a{background:#c13a24!important;}
ul.tab-color > li:nth-child(2) > a{background:#d45601!important;}
ul.tab-color > li:nth-child(3) > a{background:#f49d00!important;}
ul.tab-color > li:nth-child(4) > a{background:#eb705e!important;}
ul.tab-color > li:nth-child(5) > a{background:#f1c500!important;}
ul.tab-color > li:nth-child(6) > a{background:#54be76!important;}
ul.tab-color > li:nth-child(7) > a{background:#34cd63!important;}
ul.tab-color > li:nth-child(8) > a{background:#49caae!important;}
ul.tab-color > li:nth-child(9) > a{background:#1ba083!important;}
ul.tab-color > li:nth-child(10) > a{background:#3197e1!important;}
ul.tab-color > li:nth-child(11) > a{background:#277fbe!important;}
ul.tab-color > li:nth-child(12) > a{background:#9a58bc!important;}
ul.tab-color > li:nth-child(13) > a{background:#8d43b4!important;}


ul.tab-color > li.tab-default > a{background:#939393!important;}
ul.tab-color > li.tab-default:hover > a{background:#868686!important;}
ul.tab-color > li.tab-border{background:none!important;}
ul.tab-color > li.tab-border > a{border:1px solid #6f6f6f!important;padding:7px 13px;border-radius:30px;font-weight:normal;background:none!important;color:#6f6f6f!important;text-shadow:none!important;}
ul.tab-color > li.tab-border.active > a{padding:11px 19px;color:#6f6f6f!important;}
ul.tab-color > li.tab-border:hover > a{color:#fff!important;background-color:#6f6f6f!important;}



.table-list-claim {background:none!important;}
.table-list-claim > tbody > tr > td{line-height:0.9; padding:8px 3px;}
.table-list-claim > tbody > tr:first-child  > td { border:0;}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-left:0;border-bottom:0;}
.ico-open{margin-left:5px;display:inline;}
.line-list{display:inline-block;width:100%;height:22px;overflow:hidden;}
.li-mt{width:100%;position:relative;height:17px;overflow:hidden;padding-left:70px;}
.p-car-maintenance .li-mt{padding-left:30px;}
.p-car-maintenance .li-mt.li-btn{padding-left:0px;}
.li-btn{padding-top:5px;height:22px;padding:0;}
.li-mt .btn{text-shadow:0 1px 0 #878787;padding:0px 7px;cursor:default;margin-bottom:3px;line-height:13px;}
.li-mt > div{display:inline-block;height:25px;overflow:hidden;}
.li-mt > div.dtl{max-width:250px;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.li-mt .cnt{width:30px;float:left;}
.li-mt .mny{width:100px;float:right;text-align:right;}
.li-mt .qty{width:80px;float:right;text-align:right;}
.li-btn .btn-dark{color:#fff;}
.td-detail hr{margin:0;margin-bottom:7px;}
.int-unm{width:40px;margin:0 3px 3px 0;}
.x_more_data{text-align:right;float:none;}
.more-num,.more-btn{width:auto;display:inline-block;vertical-align:top;margin-left:15px;}
.text_thai_bath,.x_view .form-control.text_thai_bath{background:#e5e5e5!important;text-shadow:0 1px #fff;text-align:left;color:#333;padding:15px 30px!important;height:40px;font-size:16px;}
.p-page-car-report .table{margin-bottom:0;}
.p-page-car-report .table-summary > tbody > tr:first-child > th,
.p-page-car-report .table-summary > tbody > tr:first-child > td{border-top:0;}
.p-page-car-report .row-number-record{height:50px!important;vertical-align:top;line-height:25px;}
.p-page-car-report .number-record{font-size:21px;color:#575757!important;}
.p-page-car-report .td-reg{background:#f7f7f7;border-radius:30px;}
.p-page-car-report .tx-reg, .p-page-car-report .tx-pv{width:100%!important;display:block;}
.alert-warning{color:#FFFBFB;}
.icheckbox_flat-green.checked.disabled{background-position:-22px 0;}
tr.parsley-error{background:#f7d2d2!important;}
.form-control, .select-has-feedback-left .select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:16px;}
#doc-form .select2-container{width:100%!important;}
.ui-autocomplete{background:#f5fafa;background-image:linear-gradient(180deg, rgba(255,255,255,0.5) 40%, rgba(219,219,219,0.4) 80%);}
.daterangepicker .calendar.single .calendar-table{width:226px!important;}
.daterangepicker .calendar.single .calendar-table table{width:224px!important;}
.diffdate-import{background:#e2e5ef;padding-top:5px;color:#000;margin-bottom:20px;box-shadow:inset 0 1px 0px rgba(185, 161, 161, 0.08)!important;border:1px solid rgba(118, 127, 138, 0.49)!important;}


/* table report sale/manager */
table.jambo_table .row-node thead{background:#fff;color:#000;font-weight:normal;text-shadow:0px 0px #fff;}
table.jambo_table .row-node tr.user-r2 div{color:#fff!important;}
.table-report-sale .row-node table.bulk_action{width:100%!important;max-width:100%!important;}
.dataTables_wrapper .col-sm-12{width:100%;}
.table-report-sale > tbody > tr.row-node,
table.jambo_table .row-node thead tr{background:#fff!important;}
tr.row-total{font-weight:bold;background:#E6E9ED!important;}
tr.row-total button{font-weight:bold;}
.btn-sum:hover{cursor:default!important;border-bottom:1px solid #fff;}
.table-report-sale{text-shadow:0 1px #fff;}
.table-report-sale .td-reserve{background:rgba(255, 231, 117, 0.25)!important;}
.table-report-sale .td-agreement{background:rgba(169, 225, 255, 0.25)!important;}
.table-report-sale .td-cancle{background:rgba(255, 158, 144, 0.25)!important;}
.table-report-sale .td-sale{background:rgba(181, 244, 105, 0.25)!important;}
.table-report-sale .td-change{background:rgba(181, 181, 181, 0.25)!important;}
.table-report-sale .td-vat-buy, .table .td-vat-buy{background:rgba(169, 225, 255, 0.25)!important;}
.table-report-sale .td-vat-sale, .table .td-vat-sale{background:rgba(181, 244, 105, 0.25)!important;}
.table-report-sale .btn{margin-bottom:0;padding-top:2px;padding-bottom:2px;text-shadow:none;}
.table-report-sale > tbody > tr.active > td{background-color:rgba(124, 143, 157, 0.25);color:#000;}
.table-report-sale > tbody tr.user-r2,
.table-report-sale > tbody tr.user-r2 div,
.table-report-sale > tbody tr.user-r2 small,
.table-report-sale > tbody tr.user-r2 span,
.table-report-sale > tbody tr.user-r2 .td-total{color:#fff!important;}
#data-table table.table-report-sale tbody > tr > td{padding-top:8px;padding-bottom:8px;vertical-align:middle;}
#data-table table.table-report-sale thead > tr > th{padding-right:8px;}
#data-table table.table-report-sale.dataTable thead > tr > th{padding-right:30px;}
table.dataTable thead .sorting::after{opacity:0.3;}
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after{opacity:0.7;}
table.jambo_table .row-node table.dataTable thead .sorting::after{opacity:0.1;}
table.jambo_table .row-node table.dataTable thead .sorting_asc::after,
table.jambo_table .row-node table.dataTable thead .sorting_desc::after{opacity:0.3;}
.table-report-sale .row-node table.bulk_action{border:0!important;}
.table-report-sale .td-status .btn{margin-bottom:6px;}
.table-report-sale .row-node .col-sale{display:none;}
.table-report-sale .col-sale{margin-bottom:6px;display:block;}
.sale-all-table .col-branch{color:#696969;}
.sale-all-table .th-no,
.dataTable .th-sorting,
.dataTable .td-sorting,
.sale-all-table .row_no{display:none;}
.td-bold{font-weight:bold;}

/* dashboard index */
.x_stat{padding-left:8px;padding-right:2px;}
.p-dashboard #echart_line > div > canvas{width:100%!important;}
#echart_line > div:first-child{width:100%!important;}
.p-dashboard .x_panel{background:#fff;padding:10px 17px;max-width:none;}
.p-dashboard .x_panel > .x_title{background:#fff;border-bottom:2px solid #E6E9ED;padding:0 10px;}
.p-dashboard .x_panel > .x_title h2{color:#73879C;font-size:24px;}
.p-dashboard .x_panel > .x_title h2 i,
.p-car .x_panel > .x_title h2 i{font-size:18px;}
.p-dashboard .x_panel .x_content{padding-left:0;padding-right:0;}
.p-dashboard .x_panel .form-control-feedback{margin-top:5px;}
.xd_status{width:14.2222%;padding:2px;}
.tile-stats{border-radius:10px;text-shadow:0 1px #7f7f7f;color:#f7f7f7;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.tile-stats:hover{color:#fff;}
.tile-stats .icon i{font-size:50px;}
.st_stock .icon i,.st_reserved .icon i{font-size:40px;}
.tile-stats .icon{color:#f7f7f7;width:50px;height:50px;right:5px;top:22px;}
.tile-stats:hover .icon i{color:#fff;}
.tile-stats .count{margin-top:10px;}
.tile-stats h5{font-family:'thaisans_neuesemi_bold';font-size:23px;color:#fff;padding-left:15px;margin-top:-5px}
.st_import{background:#5769ce;background-image:radial-gradient(250px at 0% top, #90b1ff, #432fd0);}
.st_import:hover{background:#2a5dac;background-image:radial-gradient(250px at 0% top, #557cd7, #2fb2d0);}
.st_stock{background:#8463f9;background-image:radial-gradient(250px at 0% top, #db79db, #8171f5);}
.st_stock:hover{background:#7461f2;background-image:radial-gradient(250px at 0% top, #d269d6, #7461f2);}
.st_reserved{background:#ffb94e;background-image:radial-gradient(250px at 0% top, #ffd66a, #ffb94e);}
.st_reserved:hover{background:#ffbb50;background-image:radial-gradient(250px at 0% top, #ffd86e, #ffbb50);}
.st_agreement{background:#68d5f8;background-image:radial-gradient(250px at 0% top, #79e3ff, #74b2f4);}
.st_agreement:hover{background:#64a7f2;background-image:radial-gradient(250px at 0% top, #69ddff, #64a7f2);}
.st_sale{background:56e354;background-image:radial-gradient(300px at 0% top, #8fef74, #73d468);}
.st_sale:hover{background:68d25b;background-image:radial-gradient(300px at 0% top, #7eeb64, #68d25b);}
.st_transfer{background:#50bf9b;background-image:radial-gradient(250px at 0% top, #46ae8c, #00eec2);}
.st_transfer:hover{background:#3ace9e;background-image:radial-gradient(250px at 0% top, #3ace9e, #14e6be);}
.st_reg{background:#fd67ae;background-image:radial-gradient(250px at 0% top, #fd875d, #fd67ae);}
.st_reg:hover{background:#fd599d;background-image:radial-gradient(250px at 0% top, #fd7650, #fd599d);}
#fixtable{display:none;}
/* color */
.ic{width:12px;height:12px;margin:0 2px;border-radius:50%;overflow:hidden;display:inline-block;}
.bcolor{display:inline-block;}
.bcolor{width:50px;text-align:center;}
.clr1{background:#000000;}
.clr2{background:#fff;border:1px solid #ccc;}
.clr3{background:#c8c8c8;}
.clr4{background:#ff0016;}
.clr5{background:#d2983c;}
.clr6{background:#0354d0;}
.clr7{background:#ff00cc;}
.clr8{background-image:radial-gradient(10px at 0% top, #b7b7b7, #fff);border:1px solid #e4e4e4;}
.clr9{background:#00bbff;}
.clr10{background:#9269d2;}
.clr11{background:#ffb300;}
.clr12{background:#2dc514;}
.clr13{background:#fff200;}


/* table profit */
.logo-paper{position:absolute;width:75px;margin-left:20px;}
.table-profit{margin-bottom:25px;}
.p-page-car-report .jumbotron{background:#fff;color:#575757;max-width:850px;margin-left:auto;margin-right:auto;}
.p-page-car-report .jumbotron h1{font-size:30px;text-align:right;padding:20px 15px 0px;margin:0 10px 0px;}
.table-profit td.td-sum{border-bottom:1px solid #e6e9ed;}
.p-page-car-report td.td-money{padding-right:10px;font-size:15px;}
.p-page-car-report td.td-money .satang{color:#575757;}
.p-page-car-report .td-total{font-weight:bold;}
.table-profit .td-head{font-weight:normal;}
.table-profit > tbody > tr > td{border:0;padding:3px 3px;height:34px;}
.table-profit > tbody > tr:nth-of-type(2n){background-color:#fbfbfb;}
.td-head{font-weight:bold;}
.table-profit-num .well{padding:42px 20px;background:#fdfdfd;text-align:center;}
.table-profit-num .text_amount_total{font-family:'cs_chatthaiuiregular';font-size:14px;}
.table-profit-head{width:100%;}
.table-profit-head td{height:25px;}
.table-profit-head > tbody > tr> td:first-child{color:#007B95;}
.table-reg-no td{height:125px;}
.table-reg-no .tx-reg{font-size:29px;margin-top:10px;margin-bottom:0px;height:auto;overflow:inherit;line-height:40px;}
.table-reg-no .tx-pv{font-size:18px;}

/* table display none */
.col-tx-brand1,.col-tx-brand2{width:70%;max-width:100px;display:block;float:left;}
.col-tx-brand2{width:30%;max-width:50px;}
.th-brand,.th-bserie,.th-serie,.th-year,.th-color,
.tx-brand,.tx-bserie,.tx-year,.tx-color{width:100%;display:block;float:left;}
.tx-year,.tx-color{text-align:right;}
.th-reg-n,.th-reg-old{width:100%;display:block;overflow:hidden;}
.th-reg-old{display:none;}
.row-reg-new,.row-reg{width:100%;display:block;height:28px;overflow:hidden;}
.row-reg-new{display:none;}
.row-reg-new.rnew{display:block;}
.row-reg.rnew,
.tx-mt-rp,.tx-mt-sp,.tx-tp-comany,.td-number,.tx-bserie{color:#b7b7b7;}
.tx-tp-amount,.tx-tp-comany{width:100%;display:block;height:28px;overflow:hidden;}
.tx-tp-comany{text-align:right;font-size:13px;}
.td-id-table,.th-id-table,
.th-number,.td-number{display:none!important;}
.tx-mt-rp,.tx-mt-sp,.tx-mt-sum{width:100%;display:block;overflow:hidden;max-width:90px;}
.tx-mt-rp i ,.tx-mt-sp i{color:#e4e4e4;font-size:12px;}
.tx-mt-rp i,.tx-mt-sp i,.tx-mt-sum i{float:left;}
.tx-mt-rp ,.tx-mt-sp{color:#c7d1d5;line-height:20px;height:16px;}
.tx-mt-sp{margin-bottom:-5px;}
.td-maintenance i{width:20px;}
.tx-mt-sum{margin-bottom:5px;border-bottom:1px solid #e6e9ed;}
.td-price,.td-total{font-weight:bold;}
.car-V{border-right:15px solid #7d62f0!important;}
.car-V:hover{border-right:15px solid #a18bff!important;}
.car-N{border-right:15px solid #f0f0f0!important;}
.td-n-finance{font-weight:600;}
.td-manage,.th-manage{text-align:center;}
.tx-sale-desc,.tx-sale-status{width:100%;float:left;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.td-date-bank{font-size:12px;line-height:17px;}
.tx-sale-desc i,.td-date-bank i{width:13px;font-size:11px;}
td.hiddencol,th.hiddencol{display:none!important;}
td.showcol,th.showcol{display:table-cell!important;}
.td-color .bcolor{text-align:left;}
.td-transfer{text-align:center;}
.td-date-diff{font-size:12px;display:block;margin-top:8px;}
.td-date-diff i{font-size:11px;}
td.td-report{text-align:center;}
.td-date-bank{font-weight:normal;display:inline-block;width:100%;}
.td-transfer-book i{font-size:11px;color:#ccc;}
.th-money{text-align:right;}
.td-total{font-weight:normal;color:#575757;}
td.td-money,th.th-money{padding-left:5px!important;}
.td-money .satang{color:#bdbdbd;font-size:16px;padding-left:1px;}
.tx-reg{letter-spacing:0.5px;}
.tx-reg,.td-year,.td-brand,.td-body,.td-sale-name,.tx-transport,.td-amount-bank,.td-transfer-book > div,.td-adminfb{margin-bottom:6px;}
.td-reg,.td-reg-new,.th-reg,.th-reg-new{text-align:center;}
.td-body,.td-motor,.td-transfer-book > div,.td-adminfb,.td-admintel{width:100%;max-width:150px;float:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.td-brand,.td-serie,.td-adminsale{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
small.tx-sale-desc{font-size:12px;}
.td-adminsale{max-width:100px;}

.td-status .btn-default{color:#fff;background-color:#ff7bbf;border-color:#ff86bf;}
.td-status .btn-default.black{background:#575757;border-color:#333;}

.tx-reg,.tx-province,.td-amount-bank,.td-adminfb,.td-admintel{width:100%;display:block;}
.tx-province,.td-serie,.td-phone,.tx-tp-comany,.tx-sale-desc,
.data-down,.data-promotion,.td-date-bank,.td-admintel{color:#696969;}
.td-date-diff{color:#b7b7b7;}
.data-down,.data-promotion,.data-down span,.data-promotion span{font-weight:normal;font-size:12px!important;line-height:17px;}
.td-numbercar{color:#9f9f9f;}
.tx-number{width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* fix table width auto */
#data-table .table-data{table-layout:auto;border-collapse:collapse;width:100%;}
#data-table .table-data > tbody > tr > td ,
#data-table .table-data > thead > tr > th{text-overflow:ellipsis;white-space:nowrap;}


.text-gray{color:#c6c6c6;}
/*#data-table .table-data > tbody > tr > td{padding-right:20px!important;}
.tx-reg{width:80px;}
.th-finance{width:100%;}
th.th-date{width:80px;}
th.th-finance{width:auto;}
th.th-reg{width:80px;}
th.th-reg-new{width:auto;max-width:120px;}
th.th-brand-serie{width:70px;}
th.th-year-color{width:inherit;}
th.th-year-color > div,
td.td-year-color > div{width:100%;max-width:100px;}
td.td-number{padding-right:20px;}
th.th-managet{width:100px;text-align:center;}
th.th-report{width:130px;text-align:center;}
th.th-money{width:100px;}
.th-detail{width:100%;}*/

/* btn */
.btn-gray{color:#fff;background-color:#939393;border-color:#6f6f6f;}
.btn-gray:hover{color:#fff;background-color:#6f6f6f;border-color:#606060;}
.btn-border{color:#606060;background-color:none;border-color:#6f6f6f;}
.btn-border:hover{color:#fff;background-color:#6f6f6f;border-color:#606060;}

/* info menu car */
.info_car{list-style:none;padding:0;margin:0;margin-bottom:15px;position:relative;width:100%;}
.info_car li{width:auto;display:inline-block;height:90px;background:#f9f9fa;margin:0;margin-bottom:5px;border-radius:10px;border:1px solid #e0e0e2;padding:5px 10px;vertical-align:top;}
.info_car span{display:block;text-align:center;width:100%;font-size:14px;}
.info_car span.badge{width:auto;padding:3px 6px;text-shadow:0 1px #ccc;background-color:inherit;}
.info_car span.btn{display:inline-block;min-width:10px;padding:3px 7px;padding-bottom:3px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:10px;position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400;width:auto;padding:3px 6px;z-index:1;}
.btn.btn-app.active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.135);}
.btn.btn-app .fa{color:#616f88;}
.btn.btn-app.active .fa{color:#4170be;}
.info_car .ibname{max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.info_car .ibcolor{text-align:right;}
/*.info_car{background:#ebebeb;position:absolute;z-index:9;}
.clear-info{display:block;width:100%;height:110px;top:0;margin-left:-15px;}*/
.info_car span.btn-default{color:#333;}
.info_car span.btn-default.black{color:#fff;background:#575757;}
.info_car .btn.btn-app{min-width:69px;margin:0 2px 0;padding:15px 3px;}
.info_car .btn.btn-app > .badge{right:-5px;}
.info_car span span{width:inherit;display:inherit;}
.info_car .ititle{font-size:12px;text-align:right;color:#b7b7b7;}
.info_car .nreg_no{font-size:25px;}
.info_car li.imenu{padding:14px 10px;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.info_car li.imenu .btn-group{position:static;}
.info_car li.imenu .btn-group.open > .dropdown-menu{left:auto;margin-top:-21px;margin-left:2px;}
.info_car li.imenu > a{display:inline-block;}
.info_car li.ireg_no{background:#7175d8;color:#fff;text-shadow:0 1px #333;}
.info_car li.ireg_no .ititle{color:#dcdcdc;text-shadow:none;}
.info_car li.ireg_no.inew{background:#484e80;color:#fff;}

.info_car .dropdown-menu{padding-top:3px;padding-bottom:3px;}
.info_car .dropdown-menu > li{border-radius:0;margin:0;display:block;width:100%;padding:0;padding-left:13px;background:#fff;border:0;height:auto;}
.info_car .dropdown-menu > li:hover{background-color:#d1e2f2!important;}
.info_car .dropdown-menu > li.active{background-color:#e9ecee;}
.info_car .dropdown-menu > li a{font-size:14px;padding:7px 7px 7px 12px;border-bottom:1px solid #c9cbe8!important;}
.info_car .dropdown-menu > li:last-child a{border:0!important;}
.info_car .dropdown-menu > li::before{background:#c9cbe8;bottom:auto;content:"";height:8px;left:8px;margin-top:14px;position:absolute;right:auto;width:8px;z-index:1;border-radius:50%;}
.info_car .dropdown-menu > li::after{border-left:1px solid #c9cbe8;bottom:0;content:"";left:12px;position:absolute;top:0;}

/* mode view */
.x_view .right_col{margin-left:0!important;min-height:auto!important;background:none!important;padding:0!important;margin:0!important;}
.x_view .x_title small{display:none;}
.x_view .x_submit{}
.x_view .form-control-feedback{display:none;}
.x_view .form-control{border:0!important;-webkit-box-shadow:none;box-shadow:none;padding:7px 7px!important;background:#fbfbfb;}
.x_view .jumbotron .form-control,
.x_view .jumbotron .select2-container--default.select2-container--disabled .select2-selection--single{background-color:rgba(255,255,255,0.8);}
.x_view .form-control:hover{cursor:default;}
.x_view .treq{display:none;}
.x_view .select2-container{width:100%!important;}
.x_view .select-has-feedback-left .select2-container .select2-selection--single .select2-selection__rendered{padding-left:15px;color:#555;width:100%;}
.x_view .select2-container--default .select2-selection--single .select2-selection__arrow{display:none;}
.x_view .select2-container--default.select2-container--disabled .select2-selection--single{border:0;min-height:34px;background:#fbfbfb;width:100%;}
.x_view.x_close .x_content{display:none;}
.x_view.x_close .collapse-link h2{width:100%;}
.x_view.x_close .collapse-link:hover h2{cursor:pointer;}
.x_view.x_close .panel_toolbox{position:absolute;top:13px;right:20px;}
.x_view.x_close .x_title{margin-bottom:0;}
.x_view .btn-more,.x_view .div-btn-more .btn,.x_view .div-btn-more_1 .btn,.x_view .div-btn-more_2 .btn{display:none;}
.x_view span.fa{display:none;}
.x_view .btn-group .btn:hover{cursor:default;}
.x_view .btn-group .btn-default:hover,
.x_view .btn-group .btn-default:focus,
.x_view .btn-group .btn-default:active{color:#333;background-color:#fff;border-color:#ccc;}
.x_view .x_panel,
.x_app .x_panel{background:#fff;}
.x_view .page-header{background:#ececec;}
.x_view label{font-weight:normal;}
.x_view .form-control,
.x_view .select-has-feedback-left .select2-container .select2-selection--single .select2-selection__rendered{font-size:16px;}
.x_view .x_password{display:none;}
.x_view .select2-selection__arrow{display:none!important;}
.x_view_upload .dz-message{display:none!important;}
.x_view_upload .dz-btn-remove{display:none!important;}
.x_view .jumbotron{background-color:#fbfbfb;border:#e1e8ed solid 1px;}
.x_view #doc-form .table-striped > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.05);}
.x_view #doc-form .table-striped.table-grant-user > tbody > tr:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.03);}
.x_view th.th-money{padding-right:20px;}
.x_view .x_total_money{color:#292929;}
.x_view input[type="file"]:disabled{display:none;}
.nodropzone .dz-remove-file, .nodropzone .dz-message{display:none!important;}
.x_view .dropzone{min-height:auto;}

.x_title_report{font-family: 'thaisans_neuesemi_bold';font-size: 27px;color: #000; margin:0; padding:0; line-height:1; margin-top:10px; margin-bottom:15px;}
.footer-log{text-align:right;margin-top:7px;}
.p-report-log .dt-buttons,
.p-report-login .dt-buttons,
.p-report-log .dataTables_length,
.p-report-login .dataTables_length,
.p-report-log .dataTable > thead tr:nth-child(2),
.p-report-login .dataTable > thead tr:nth-child(2){display:none!important;}
#delete-modal .modal-body h4{text-align:center;}
.modal-dialog{
  display:inline-block; text-align:left; vertical-align:middle;}
.modal-open .modal{text-align:center;}
@media (min-width:1550px){
.x_panel,
#data-table-car .x_panel{max-width:1200px;}
.nav-sm .x_panel{display:table;margin-left:auto;margin-right:auto;}
#data-table .x_panel, .nav-sm.p-dashboard .x_panel{width:100%!important;max-width:100%!important;display:inline-block!important;}
#data-table table.jambo_table tbody > tr > td{min-height:45px;vertical-align:top;padding:10px 5px;}
th.th-brand-serie,th.th-reg,th.th-reg-new,th.th-money{width:auto;}
.th-year,.th-color,.tx-reg,.tx-province,.td-year,.td-color,.th-c-body,.th-c-motor,.th-body,.th-motor,.td-body,.td-motor,.col-tx-brand1,.col-tx-brand2,.td-adminfb,.td-admintel,.th-adminfb,.th-admintel{width:49%!important;max-width:none!important;display:block;float:left;padding-left:5px!important;padding-right:5px!important;}
.col-admin-fb-tel{min-width:250px;}
.tx-province,.td-serie{color:inherit;}
.tx-reg,.tx-province{text-align:left;}
.nav-md.nav-lg .sidebar-footer{width:230px;}
.nav-md.nav-lg .td-date-diff,.td-date-diff i,.nav-md.nav-lg .td-date-bank,.nav-md.nav-lg .td-date-bank i,.nav-md.nav-lg .td-transfer-book i,
.nav-md.nav-lg .data-down,.nav-md.nav-lg  .data-promotion,.nav-md.nav-lg  .data-down span,.nav-md.nav-lg  .data-promotion span,.nav-md.nav-lg .btn-xs{font-size:14px!important;}
.nav-md.nav-lg .li-mt{height:18px;}
.nav-md.nav-lg .li-btn{height:25px;}
.nav-md.nav-lg .tx-tp-comany{font-size:15px;}
#data-table .td-manage .btn-text, #data-table .td-manage .caret,#data-table .td-manage .sr-only{display:inline-block!important;}
#data-table .td-manage .btn:first-child{boder-right:0!important;width:auto;border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
#data-table .td-manage .dropdown-toggle{boder-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
#data-table .td-manage .manage-icon{display:none;}
#data-table .right_col .td-manage .dropdown-menu{left:-85px;}
.has-feedback label ~ .form-control-feedback{top:26px;}
.btn-xs{min-width:25px;}
.detail-evaluate-note{max-width:270px;}
}
@media (min-width:1700px){
.nav-sm .x_panel{max-width:1300px;display:flex;margin-left:0;margin-right:0;}
.nav-sm .x_panel .x_panel{display:inline-block;}
.nav-sm .x_panel .x_panel >.navbar-right{float:right!important;}
.nav-sm .x_panel > .x_title{width:300px;}
.nav-sm .x_panel .x_panel > .x_title{width:100%;}
#data-table .x_panel .x_title,
.nav-sm.p-dashboard .x_panel .x_title,
.nav-sm .no-sm-lg .x_panel .x_title{width:100%!important;}
#data-table .x_panel,
.nav-sm .no-sm-lg .x_panel{max-width:100%;display:inline-block;}	
.nav-sm .x_title{margin-bottom:0;border-bottom:0;}
.nav-sm .right_col > .row > .col-md-12 > .x_panel > .x_title li a.close-link,
.nav-sm .right_col > .row > .col-md-12 > .x_panel > .x_title li a.collapse-link{display:none!important;}
.nav-sm .right_col > .row > .col-md-12 > .x_panel > .x_title h2 small{display:table;margin-left:0;}
.nav-sm .right_col > .row > .col-md-12 > .x_panel > .x_title.no-sm-lg h2 small{display:inline-block;margin-left:10px;}
.nav-sm .right_col > .row > .col-md-12 > .x_panel > .x_title .navbar-right{float:left!important;} 
.right_col{min-height:700px;}
.login_content .separator{margin-top:50px;}
.p-login .login_content{transform:translate(-10%, -50%);}
}
@media (min-width:1550px){
.detail-evaluate-note{min-width:300px;}
.nav-sm .detail-evaluate-note{min-width:600px;}
.col-admin-fb-tel{min-width:370px;}
.th-adminfb,.td-adminfb{width:64%!important;}
.th-admintel,.td-admintel{width:34%!important;}
.td-reg{min-width:180px;}
}
@media (min-width:2000px){
.nav-sm #data-table .table-responsive,
.nav-md.nav-lg #data-table .table-responsive{margin-left:0px!important;margin-right:0px!important;}
.nav-md.nav-lg .fix-table{left:255px!important;right:25px!important;padding:0 17px!important;background:#8391ae;}/* padding when not full screen */
.nav-sm .fix-table{left:90px!important;right:20px!important;padding:0 17px!important;background:#8391ae;}/* padding when not full screen */
.car-V,.car-V:hover,.car-N{border-right-width:10px!important;}
.p-login .login_content{transform:translate(-20%, -50%);}
.col-admin-fb-tel{min-width:450px;}
.detail-evaluate-note{min-width:450px;}
}
@media (max-width:1300px){
.x_stat{margin-bottom:25px;padding-top:0;}.xd_status{width:33.33%;padding-bottom:0;}.tile-stats{margin-bottom:0;padding:0;}.xd_stock .tile-stats{height:212px;}.xd_stock .tile-stats .icon{position:relative;margin:35px auto;right:auto;}
.p-login .login_content{border:0;}
}
@media (min-width:992px) and (max-width:1200px){
.info_car span{font-size:12px;margin-bottom:1px;}
.info_car .ititle{font-size:11px;}
.info_car .nreg_no{font-size:20px;}
.btn.btn-app > .badge,.info_car span.btn{font-size:10px;padding:2px 4px;}
}
@media (min-width:992px) and (max-width:1100px){
}
@media (min-width:992px) and (max-width:1999px){
.nav-sm #data-table .table-responsive{margin-left:-38px;margin-right:-39px;}
.nav-sm .fix-table{left:70px;padding:0 20px;}/* padding when not full screen */
.nav-md #data-table .table-responsive{margin-left:-28px;margin-right:-28px;}
.nav-md .fix-table{left:170px;padding:0 10px;}/* padding when not full screen */
.nav-md.nav-lg #data-table .table-responsive{margin-left:-43px;margin-right:-45px;}
.nav-md.nav-lg .fix-table{left:230px;padding:0 25px;}/* padding when not full screen */
.nav-md.nav-lg #data-table .table-data th.th-manage{width:100px;}
.nav-md .container.body .col-md-3.left_col{width:170px;}
}
@media (min-width:992px){
.sticky{left:230px;padding:5px 15px 0;top:0;right:0;z-index:999;position:fixed;background:#eeeef1;background-image:linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(219,219,219,0.7) 100%);width:auto;border-bottom:1px solid #ababb0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.nav-sm .sticky{left:70px;}
.nav-md .sticky{left:170px;}
.nav-md.nav-lg .sticky{left:230px;}
.fix-table{position:fixed;top:0;left:0;right:0;padding:0!important;z-index:999;background:none;display:block!important;}
.fix-table .table{margin-bottom:0;}
.fix-table thead{
  display:table; table-layout:auto; border-collapse:collapse; width:100%;
}
.info_car{display:flex;}
.info_car li.ireg_no{min-width:170px;margin-right:5px;}
.info_car li.ibrand{width:200px;margin-right:5px;}
.info_car li.ibody{margin-right:5px;}
}
@media (max-width:991px){
body{color:#000;}
.p-dashboard .x_panel > .x_title h2,
.pull-right,
.dropdown-menu > li > a ,.p-page-car-report .jumbotron,.text-muted,.th-money{color:inherit;}
.td-date-diff ,.text-gray{color:#8e8e92;}
.x_panel > .x_title{background:#e4e4e4;border-bottom-color:#cccccc;}
.x_panel{background:#fff;}
.page-header,.table-profit-num .well{background:#eee;}
table.jambo_table thead,.well,{background:#c4c4c6;color:#000;text-shadow:0 1px #ccc;}
table.jambo_table thead > tr > th{border-bottom-color:#b2b2b2}
.td-manage:not(.manage-status) .btn-primary{background:#fff;color:#3478f6;border:2px solid #3478f6;}
.table-striped > tbody > tr:nth-of-type(2n+1) ,
#data-table table.table-striped,
#data-table table.table-striped > tbody > tr:hover{background:#fff!important;}
.p-page-car-report .number-record{color:inherit!important;}
table.jambo_table tbody tr:hover td{border-color:#e6e9ed!important;}
.form-control, .select-has-feedback-left .select2-container .select2-selection--single .select2-selection__rendered{color:#000!important;}
label,.meta-edit span ,.info_car .ititle,.table-profit-head > tbody > tr > td:first-child{color:#8e8e92!important;}
.info_car li.ireg_no .ititle{color:#dcdcdc!important;}
.table-profit-head > tbody > tr > td:first-child{width:auto!important;}

/* end mobile */
.p-car table,.table-responsive{border:0!important;}
.right_col .alert-dismissible{margin:15px;padding:5px 10px;}
.right_col .close{margin:11 px 20px;color:#ccc;}
.table-reg-no{margin-bottom:20px;width:100%;}
.panel_search .x_content{background:#f6f6f6;}
.nav-md .main_container .top_nav{position:fixed;top:0;left:0;z-index:999;}
.nav-sm .main_container .top_nav{position:fixed;margin-left:0;width:100%;max-width:100%;z-index:9;}
.nav-sm .main_container .top_nav .toggle{padding-left:70px;}
.nav-md .main_container .right_col,
.nav-sm .main_container .right_col{padding-top:57px!important;}
.table-responsive{min-height:.01%;overflow-x:auto; overflow-y:visible!important;}
/*.table-responsive .dropdown-menu{position:static!important;margin-left:-172px;margin-top:35px;z-index:99!important;}
.table-responsive .dropdown-menu a{z-index:99999;display:block;}*/
/*.right_col .dropdown-menu > li > a{padding:5px 8px;}
.right_col .dropdown-menu > li.divider > a{padding:13px 8px;}*/
.nav-md .container.body .right_col{margin-left:0px;}
td.td-money{font-size:inherit;}
.right_col{padding-left:0!important;padding-right:0!important;} 
.right_col .row{margin-left:0;margin-right:0;}
.right_col .row::before,.right_col .row::after{padding:0;margin:0;}
.right_col .row > .col-md-12{padding-left:0;padding-right:0;}
.x_panel .x_content{padding:10px 0 15px 0;margin-top:0;}
#data-table .x_panel .x_content{padding-top:0;}
.x_panel > .x_title{margin-bottom:0;}
.col-mb-12{width:100%;position:relative;margin-bottom:10px;}
#data-table .table-responsive{ margin-left:0!important;margin-right:0!important;}
.col-body-motor{display:none!important;}
#data-table table.jambo_table thead > tr > th{padding:10px 7px;}
#data-table table.jambo_table tbody > tr > td{padding:16px 7px;}
.container .jumbotron, .container-fluid .jumbotron{border-radius:0;border:0!important;}
.dropzone, .page-header{margin-left:10px;margin-right:10px;}
.info_car li{margin:0;border-radius:0;border:0!important;}
.info_car li.ireg_no,.info_car li.ibrand{width:50%;float:left;}
.info_car li.ibody{width:100%}
.info_car .ititle{text-align:center;}
.x_total_money > div{float:left;}
.table-form{min-width:900px}
.table-form-md{min-width:600px;width:100%;}
.jumbotron.table-responsive{padding-left:0;padding-right:0;}
.right_col{padding-bottom:0px!important;min-height:auto!important;}
#data-table .table-responsive{padding-bottom:150px!important;background:#fcfbfd;border:0;margin-bottom:-50px;z-index:9;}
.p-car-stock #data-table .table-responsive{padding-bottom:275px!important;}
footer{position:absolute!important;width:100%;text-align:right;padding:10px 20px 10px;}
#data-table .x_counter{position:absolute;margin-top:-120px;z-index:99;}
.p-car-stock .x_counter{margin-top:-250px;}
.x_report{margin-top:10px;margin-bottom:10px;}
.p-login .login_form{width:50%;}
.search_single{margin-top:10px;padding-left:10px;padding-right:5px;}
.info_car{margin-bottom:0;}
.info_car li.ibrand{background:#e1e1e1;}
.info_car li.imenu{background:#f0f2f4;padding:7px 5px 5px;height:auto;}
.info_car li.ibody{height:auto;}
.info_car li.ibody span{width:auto;display:inline;}
.btn.btn-app{background-color:#fff;}
.info_car .ibcolor,.info_car .ibname{width:100%;text-align:center;display:block;max-width:none;}
.info_car li.imenu .btn-group.open > .dropdown-menu{margin-top:0px;}
#data-table .x_panel .x_content.search_advance{padding-top:15px;}
}
@media (max-width:768px){
.login_form{width:100%;max-width:100%}
.table-responsive .x_more_data{margin-top:20px;}
.dataTables_wrapper > .row > .col-sm-6,
.dataTables_wrapper > .row > .col-sm-5,
.dataTables_wrapper > .row > .col-sm-7,
.dataTables_length,.dataTables_filter,.dataTables_paginate,.dataTables_info{padding-left:0;padding-right:0;width:100%;}
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate{text-align:left;margin-bottom:3px; margin-top:2px;}
div.dataTables_wrapper div.dataTables_paginate{margin-bottom:10px;}
div.dataTables_wrapper div.dataTables_filter input{margin-left:0;}
}
@media screen and (min-width:768px){
  .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%; }
}
@media (max-width:767px){
.x_stat{padding-left:6px;padding-right:6px;}.xd_status{width:50%;padding-bottom:0;padding:5px;}.xd_stock .tile-stats .icon{position:relative;margin:35px auto;right:auto;}.tile-stats .icon i{font-size:40px;}.tile-stats .icon{width:40px;}.st_reserved .icon i{font-size:38px;}.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{padding:13px 5px;}ul.tab-btn{height:auto!important;background:none;position:relative;}ul.tab-btn > li,ul.tab-btn > li.active{position:relative;margin-top:0!important;display:inline-block!important;float:none!important;margin-bottom:10px!important;}.page-header small{width:50%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
}
@media (max-width:700px){
.p-login .login_form{width:100%;top:auto;overflow:scroll;}.p-login .login_content{position:relative;top:auto;transform:none;height:auto;}.p-login .main_container{height:auto;position:relative;}
}
@media (max-width:480px){
.p-page-car-stock .x_title h2{ width:120px;}
}

@media print{
.top_nav,.left_col,.clearfix::after{display:none!important;}
.right_col{margin-left:0!important;}
  
}