/* CSS Document */
@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;}

/* logo */
.brand-link{ padding-bottom:5px;}
.brand-link .brand-image{float:none;max-height: 41px;}
.brand-link .brand-sm{display:none;}
.sidebar-collapse .brand-link .brand-sm{display: block; margin-left:10px;}
.sidebar-collapse .brand-link .brand-lg{display: none;}

/* user top */
.main-header.bg-warning{background-color: #FEE400 !important;}
.user-profile {font-family:'thaisans_neuesemi_bold'; font-size:25px; color:#272727;}
.main-header .navbar-nav .nav-item .nav-link i{font-size:20px;}
.dropdown-usermenu { margin-left:-40px;}
.dropdown-usermenu i{width:25px;}
.dropdown-usermenu .dropdown-item{font-size:14px;}
.dropdown-usermenu .dropdown-item a{color:#272727;width: 100%;display: block;}
.dropdown-usermenu a:hover{color:#000;}
.divider-clear-top {
  height: 7px;
  border-top: 1px solid #bfbfbf;
  padding-top: 7px;
}
.dropdown-item:active{background-color: #e8e8e8;}

/* side bar */
.nav-sidebar .nav-item > .nav-link{font-size: 20px;font-family: 'thaisans_neuesemi_bold';}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link{background-color:#f9f9f9;color: #272727;}
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {background-color:#f1f1f1;color: #272727;}


/* content */
.card-header{border-top-left-radius: 0;border-top-right-radius: 0;font-family: 'thaisans_neuesemi_bold';}
.card-header h3{ margin-top:0;margin-bottom:0; padding-bottom:0;font-size: 27px;}
.card-header small{font-size:60%;}
.navbar-right {float: right;}
.content-header h1{font-family: 'thaisans_neuesemi_bold';font-size: 27px;color: #000;}
.content-header small { margin-left: 10px;font-size: 65%;font-weight: normal;line-height: 1;color: #777;}
.x_submit{ text-align:right;}
.card-page:not(.card-outline) > .card-header {
  background-color: #323c50; color:#ffff;
}
.form-control-feedback.left{position: absolute;top: 28px;width: 27px;text-align: center;line-height: 27px;}
table .form-control-feedback.left{position: absolute;top: 0px; left:5px;width: 27px;text-align: center;line-height: 27px;}
.form-group {margin-bottom: 10px; position:relative;display: table; width:100%;}
.form-horizontal .form-group::before{display: table;content: " ";}
.treq {color: #F66;}
.dropdown-item a{width: 100%;display: block;}
.btn-secondary{background-color: #b0c2d2;}


/* process */
.table-process{border:0!important;}
.table-process td{ padding:6px 15px; border:0;}
.td-process h3{font-family: 'thaisans_neuesemi_bold';font-size: 21px; line-height:35px; padding:0; margin:0;}
.table-process .form-group{margin-bottom:0;}
.ico-process{width: 35px;height: 35px;padding: 5px;border-radius: 50%; float:left; margin-right:20px;}
.tr-pickup{background:rgba(255, 231, 117, 0.25) !important;}
.tr-estimating{background:rgba(169, 225, 255, 0.25) !important;}
.tr-processing{background:rgba(255, 158, 144, 0.25) !important;}
.tr-checkout{background:rgba(181, 244, 105, 0.25) !important;}
.tr-delivered{background:rgba(181, 181, 181, 0.25) !important;}
.tr-pickup .ico-process{background:#f0ad4e;}
.tr-estimating .ico-process{background:#5bc0de;}
.tr-processing .ico-process{background:#d9534f;}
.tr-checkout .ico-process{background:#26b99a;}
.tr-delivered .ico-process{background:#939393;}
table.table-process .form-control-feedback.left {line-height: 23px;}

/* status btn porcess */
.btn-prcess-status.badge-warning{background-color:#f0ad4e; color:#fff;}
.btn-prcess-status.badge-info{background-color:#5bc0de;}
.btn-prcess-status.badge-danger{background-color:#d9534f;}
.btn-prcess-status.badge-success{background-color:#26b99a;}
.btn-prcess-status.badge-secondary{background-color:#6c757d;}


/* pnotify */
.ui-pnotify-title{font-size: 18px;}
.ui-pnotify .ui-pnotify-shadow{ color:#fff;}

/* table */
.table-data .dropdown-menu{left: -6px!important;min-width: 170px;font-size: 14px; z-index:9;}
.table-data .dropdown-menu > li > a{color:#000035;padding:3px 7px;}
.table-data .dropdown-menu > li.x-del:hover{background-color:#faedec;}
.dropdown-menu > li > a i, .dropdown-menu > li > a .glyphicon {width: 20px;color: #6c6c6c;}
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;
}
.table thead th{ background:#324960; color:#fff;}
.btn-prcess-status{font-size: 15px;font-weight: normal;}
.th-manage,.td-manage{width:100px!important;}
#data-table .table-responsive{padding-bottom:100px;}
.table-hover tbody tr:hover{background: rgba(169, 225, 255, 0.25)!important;}
.table-data .td-manage .btn{padding: .05rem .75rem;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: rgba(0, 0, 0, 0.025);}
.x_counter > .btn-group{ margin-right:25px;}
.count-row-data{line-height:30px;}
.x_counter{margin-top:-70px;}
.x_counter .dropdown-item.active > a{color:#fff;}
.btn-warning:hover {color: #fff;}
.panel_search{padding-bottom:0; padding-top:25px;}
.panel_search .x_title{border:0; margin-bottom:0;}


/* footer */
.main-footer{padding:0.5rem 1rem;color: #ddd8d8;}
.main-footer{font-size:11px; text-align:right;}
.main-footer p{ margin:0; padding: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 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;}


/* report */
.dataTables_wrapper{width:100%;}
.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;
}


/* modal */
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-body h4{font-size:15px;}


/* dashboard */
#echart_line > div:first-child {
  width: 100% !important;
}
.p-dashboard .x_title h2{font-family: 'thaisans_neuesemi_bold';font-size: 24px;}
.row-process{position:relative;display: block;overflow: hidden;width: 100%; padding:25px 5px;}
.col-process{height: 180px;text-shadow: 0 1px #7f7f7f; color:#fff;width:19%; margin:0.5%; float:left; display:block;}
.col-process .icon{width:50px; height:50px; background-repeat:no-repeat; background-size:100% auto;position: absolute;top: 15px;right: 15px;}
.col-process p{font-family:'thaisans_neuesemi_bold'; text-align:left; font-weight:500; font-size:24px; line-height:21px; width:110px;position: absolute;bottom: 40px;left: 15px;}
.col-process a{color:#fff;}
.col-process .inner{height:140px;}
.cp-pickup .icon{background-image:url(../img/process_pickup.png);}
.cp-estimating .icon{background-image:url(../img/process_estimating.png);}
.cp-processing .icon{background-image:url(../img/process_processing.png);}
.cp-checkout .icon{background-image:url(../img/process_checkout.png);}
.cp-delivered .icon{background-image:url(../img/process_delivered.png);width: 60px;}
.row-process .small-box > .small-box-footer{ color: #fff;display:block;padding:10px; text-align:right;}
.col-process h3{padding-top:15px; padding-left:15px;}
.p-dashboard .x_title{border-bottom: 2px solid #FEE400 ;}


.cp-processing{background-color: #21D4FD;background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);}
.cp-pickup{background-color: #FBDA61;background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);}
.cp-estimating{background-color: #A9C9FF;background-image: linear-gradient(180deg, #A9C9FF 0%, #FFBBEC 100%);}
.cp-checkout{background-color: #08AEEA;background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);}
.cp-delivered{background:#50bf9b;background-image:radial-gradient(250px at 0% top, #46ae8c, #00eec2);}


@media (min-width: 1700px){
	#doc-form{max-width:1000px;}
}
@media (max-width:991px){
	
.col-process{width:49%;}
.col-process.cp-delivered{width:99%;}
.col-process .icon{display:block!important;}

}
@media (max-width:767.98px){
.col-process h3{text-align:left;}
}
@media (max-width:420px){
.x_counter{padding-left:15px;}
.count-row-data{padding-left:10px;}
}