/*Created on : Jan 13, 2017
Author: AIS5*/
#opdce_body{
	position: relative;
	padding: 5px;
}

.form-group .control-label{
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: left;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

@media (max-width:767px) {
 .input-group-addon {
  padding-top: 4px;
  padding-bottom: 4px;
  min-width:150px;
  text-align: right;
}

input + .input-group-addon {
  min-width: inherit;
}
}

/*Data table paging*/
/*
 * Control feature layout
 */
 .dataTables_wrapper {
  position: relative;
  clear: both;
  /* *zoom: 1; */
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  /* *cursor: hand; */
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  /* *margin-top: -1px; */
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/*Table head search*/
.table_head{
  background: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px 10px;
  margin-bottom: 0px;
}
.table_head + .dataTables_wrapper table.dataTable,
.table_head + .table-responsive .dataTables_wrapper table.dataTable
{
	margin-top: 0 !important;
}

/*jquery ui datepicker*/
.ui-datepicker .ui-datepicker-title select{
	font-family: inherit;
	padding: 1px;
	font-size: 0.8em;
}
.ui-datepicker{
	z-index: 1003 !important;
}

/*breadcrumb menu*/
#opdce_breadcrumb{
	position: relative;
}
.breadcrumb > li + li::before {
  content: ">";
}
.breadcrumb {
	background-color: #f8f8f8;
	border-radius: 0;
}
.group_gadget{
 float: right !important;
 top: 6px !important;
 right: 6px !important;
 position: fixed !important;
}
#opdce_breadcrumb{
 position:relative;
}

@media (max-width: 719px) {
  .group_gadget{
    top: 42px !important;
  }

  /* #opdce_breadcrumb .breadcrumb{
    margin-bottom: 32px !important;
  } */
}
.group_gadget .form-group{
	float: right;
}
.btn_breadcrumb{
	margin-left: 5px;
}

/* set text head [ h1, h2, h3 ]to middle  */
h3, .h3 {
	margin-bottom: 15px !important;
  margin-top: 10px !important;
}


/*jQuery validate*/
label.error{
	border: 1px solid red;
	padding: 3px;
	border-radius: 3px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background: seashell;
	font-weight: inherit;
}

.badge_warning{
	background-color: #ff0000;
	display: inline;
}
span.required:after,label.required:after {
 content:" *";
 color:#F60;
}

body {
  color: #000000;
  display: block;
}

.navbar-brand {
  color: #000000;
  text-decoration: none;
}

.navmenu{
  background-color: cusnav-header;
}

ol.breadcrumb{
  background-color: #EBDFE0;
}

#opdce_container{
  padding-top: 65px;
}
nav.cusnav-header{
  /* background-color: #6C9298;  */
  /* background-color: #20a5de;  */
  background-color: #1e396c; 
  box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  z-index: 40;
}

#cusnav-sidebar .nav-link{
  padding-right: .5rem;
  padding-left: .5rem;
}

@media (min-width: 992px) {
  #cusnav-sidebar{
    display: block!important;
  }
}
.cusnav-sidebar{
  z-index: inherit;
  padding-top: 65px;
  width: 200px;
  top:0;
  left:0;
  padding-left: 0;
  padding-right: 0;
}

/* .cusnav-sidebar .nav-link {
  white-space: pre-wrap;
} */
.cusnav-sidebar .nav-link.dropdown-toggle {
  white-space: normal;
}

.breadcrumb a{
  color: #6C9298;
  text-decoration: none;
}

@media (max-width: 991px) {
  #opdce_container.active {
    padding-left: 0!important;
  }
  .cusnav-sidebar {
    width: 100%!important;
    z-index: 39;
  }
}

.btn-xs{
  padding: .16rem .375rem!important;
}

.data-row:nth-child(even){
  background-color: #f2f2f2;
}


/* DARK MODE*/
body.dark-mode{
  background-color: #1f1f1f;
  color: #ffffff;
}

/*navbar sidebar*/
body.navbar-style {
  background-color: #575757;
}

body.dark-mode nav.cusnav-header{
  background-color: #575757;
}

body.dark-mode #cusnav-sidebar{
  background-color: #575757;
}

body.dark-mode .sidebar{
  background-color: #575757;
  color: #ffffff;
}

body.dark-mode .sidebar a{
  background-color: #575757;
  color: #ffffff;
}

body.dark-mode .sidebar a.active{
  background-color: #575757;
  color: #ffffff;
}

/*breadcrumb*/
body.dark-mode .breadcrumb{
  background-color: #999999;
}

body.dark-mode .breadcrumb-item{
  color: #ffffff;
}

body.dark-mode .breadcrumb-item a{
  color: #ffffff;
  font-weight: bold;
}

/*table striped*/
body.dark-mode .table-striped tr:nth-child(odd){
  background-color: #d4d4d4;
}
body.dark-mode .table-striped tr:nth-child(even){
  background-color: #cccccc;
}

/*card*/
body.dark-mode .card{
  background-color: #575757;
}

body.dark-mode .card-header{
  background-color: #575757;
} 

body.dark-mode .card-body-color{
  background-color: #999999;
}

body.dark-mode .card-footer{
  background-color: #999999;
}

/*input*/
body.dark-mode .form-control {
  color: #575757;
  background-color: #d4d4d4;
  border: 1px solid #cccccc;
}

/*สีปุ่ม dark mode*/
body.dark-mode .btn-outline-secondary{
  color: #575757;
  background-color: #d4d4d4;

}



body.dark-mode .data-row:nth-child(even){
  background-color: #979797;
}

body.dark-mode .modal-content {
  background-color: #575757;
}



/*----------------------------------------------------*/
/*css author: jarunipa*/
/*เมนู navbar*/
.navbar-style{
  color: #ffffff;
  background-color: #6C9298;
  z-index: 40;
}

.navbar-style .navbar-brand{
  color: #ffffff;
  text-decoration: none;
}

.navbar-style .btn-link{
  color: #ffffff;
  text-decoration: none;
}

/*เมนูด้านข้าง*/
.sidebar {
  height: 100%;
  display: block;
  background-color: #6C9298;
}

.sidebar a, .sidebar a.nav-link {
  /*display: block;*/
  text-decoration: none;
  padding: 15px;
  border-bottom: 1px solid #cccccc;
  border-bottom-width: 100% auto;
  /*padding-top: 15px;
  padding-bottom: 15px; 
  border-bottom: 1px solid #cccccc;*/
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #FFF9FA;
  background-color: #6C9298;
}

.sidebar a.active {
  color: #ffffff; /*สีตัวหนังสือใน sidebar*/
  background-color: #6C9298;
}

.sidebar a:hover:not(.active) {
  color: #ffffff; /*สีตัวหนังสือใน sidebar*/ 
  background-color: #6C9298; 
}

/*ปุ่มค้นหา, ตกลง, ยืนยัน*/
.b1{
  color: #ffffff;
  background-color: #6C9298;
}

.b1:hover{
 color: #ffffff;
}

/*ปุ่มยกเลิก, ลบ*/
.b2{
  color: #6C9298;
  background-color: #ffffff;
  border: 1px solid #6C9298; 
}

.b2:hover{
  color: #6C9298;
}

/*เมนู dropdown*/
/* .dropbtn {
  background-color: #6C9298;
  color: #ffffff;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #6C9298;
  color: #ffffff;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #6C9298;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  width: 200px;
}

.dropdown a:hover {
  color: #ffffff;
  background-color: #6C9298;
}

.show {
  display: block;
} */

/*modal header style*/
.modal-header{
  /* background-color: #6C9298;  */
  /* background-color: #20a5de; */
  /* color: #ffffff; */
  background-color: #4285f4;
  color: #ffffff;
}
.modal .modal-header .modal-title{
  color: #ffffff;
}

.modal-title{
  font-size: 15px; /*h3*/
  font-weight: bold;
  text-align: center;
}

@media (min-width: 576px){
  .modal-dialog.modal-lg {
    max-width: 800px;
    margin: 1.75rem auto;
  }
  .modal-dialog.modal-xl {
    max-width: 1140px;
    margin: 1.75rem auto;
  }
}

.modal.dialog.show{
  overflow-y: auto;
}

.close{
  font-size: 18.72px; /*h3*/
  font-weight: bold;
  color: #ffffff;
}

/*สีลิงค์ #6C9298*/
.link{
  color: #6C9298;
  text-decoration: none;
}

.link:hover{
  color: #6C9298;
  text-decoration: none;
}

/*header กล่องค้นหาข้อมูล*/
.header-search-box{
  font-size: 16px; /*h3*/
  font-weight: bold;
  text-align: center;
}

.sub-header-search-box{
  font-size: 14px; /*h4*/
  font-weight: bold;
  text-align: left;
}

.text-search-box{
  font-size: 14px; /*h4*/
}

.test-color{
  background-color: #000000;
  color: red;
}

.card-header {
  /* background-color: #6C9298; */
  background-color: #20a5de;
  color: #FFF9FA;
} 

/*ตารางแสดงผลข้อมูล*/
.table-margin{
  margin-left: 1px; 
  margin-right: 1px;
}

/*div padding*/
.div-padding{
  padding-left: 1px; 
  padding-right: 1px;
}

/*เลขหน้า*/
.page-number{
  display: inline-block; 
  text-align: center;
}

.input-page-number{
  width: 80px;
}

/*ซ่อนเลขหน้า*/
.dataTables_empty{
  font-weight: bold;
  position: absolute; 
  left: 0; 
  right: 0; 
  bottom: 0;
  margin-left: auto; 
  margin-right: auto; 
  display: none;
}

div .dataTables_info{
  display: none;
}

div .dataTables_paginate{
  display: none;
}

/*ตัวหนังสือเลขทะเบียน พนักงานขับรถ บรรทัดเดียว*/
[name|="car_name_go"] br{
  display: none;
}

[name|="chauffeur_name_go"] br{
  display: none;
}

[name|="car_name_back"] br{
  display: none;
}

[name|="chauffeur_name_back"] br{
  display: none;
}

.card-body-color{
  background-color: #FFF9FA;
}

/* i{
  color:white;
} */

.modal.dialog{
  width: 100%;
  background-color:initial;
}

.modal-body .col-12{
  padding-left: 15px;
  padding-right: 15px;
}

.form-control[readonly] {
  background-color: #F3F6F9;
}

table#doc_list td{
  padding-top: 0;
  padding-bottom: 0;
}

.form-signin span.field-icon {
  float: right;
  margin-left: -20px;
  margin-right: 10px;
  margin-top: -28px;
  position: relative;
  z-index: 2;
  padding: inherit !important;
  line-height: 14px !important;
  width: inherit;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .card, .form-control, .btn, .dropdown-menu{
  border-radius: 0 !important;
} */

/* NEW THEME FOR KEEN*/
.main-menu{
	/* width: 50px; */
	width: 0;
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.main-menu-header{
	opacity: 0;
	filter:Alpha(opacity=0);
}
.toggle-mainmenu{
	display: block;
}
.main-menu-body{
	overflow-y : auto;
	text-overflow: ellipsis;
}
.main-menu-footer a{
	overflow : hidden;
}
.smart-container{
	overflow-y : auto;
	bottom:0;
	position: absolute;
    /* left: 50px; */
	left: 0;
	right: 0;
    top: 0;
    bottom: 0;
}
#opdce_breadcrumb{
  left: 0;
	right: 0;
}

#app_container.active .main-menu{
	width: 250px;
}
#app_container.active .main-menu-header{
	opacity: 1;
	filter:Alpha(opacity=1);
}
#app_container.active .toggle-mainmenu{
	display:none;
}
.toggle-mainmenu,
.toggle-floatmenu{
	margin-bottom: 1rem;
}
/* #app_container.active .smart-container,
#app_container.active .smart-container #opdce_breadcrumb{ */
#app_container.active .smart-container{
	left: 250px;
}

/* #opdce_body{
	padding-top: 3.5rem;
} */

/* ========================== Set for custum scrollbar ==============================*/
/* width */
::-webkit-scrollbar {
  width: 0.8em;
}
/* Track */
::-webkit-scrollbar-track {
  background: rgba(210, 210, 210, 0.3);
  /* border-radius: 0.8em; */
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(130, 130, 130, 0.5);
  /* border-radius: 0.8em; */
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
/* ========================== Set for custum scrollbar ==============================*/

.main-menu-body ul,.main-menu-body li,
.main-menu-footer ul,.main-menu-footer li{
	list-style-type: none;
    padding-inline-start: 10px;
}

/* @media (max-width:767px) { *//*md*/
/* @media (max-width:1024px) { *//*lg */
@media (max-width:1199px) { /*xl*/
	#app_container.active .main-menu{
		/* width: 50px; */
		width: 0;
	}
	#app_container .toggle-mainmenu{
		display: none;
	}
	#app_container.active .smart-container,
  #app_container.active .smart-container #opdce_breadcrumb{
		/* left: 50px; */
		left: 0;
	}

	#app_container.active .main-menu-header{
		opacity: 0;
		filter:Alpha(opacity=0);
	}
}

.float-menu .modal-dialog{
	position: absolute;
	bottom:0;
	left:0;
	/* width: 220px; */
  width: 320px;
}

.side-menu .nav-item a.active{
    color: #3699FF !important;
    background-color: #E1F0FF !important;
    border-color: transparent;
}

.main-menu .btn i,
#opdce_breadcrumb .btn i {
    font-size: 13px;
}
.main-menu a.btn,
#opdce_breadcrumb a.btn,
.breadcrumb{
	padding: 8px 14px;
}
.main-menu .nav-item a{
	overflow: hidden;
  text-overflow: ellipsis;
}
/* 
.float-menu .nav-item a{
  word-break: break-all;
  overflow-wrap: break-word;
} */

#opdce_breadcrumb{
	z-index: 39;
}
#opdce_breadcrumb ol.breadcrumb {
	margin-bottom:0;
}
ol.breadcrumb {
	background-color:#F3F6F9;
}
.breacrumb-dummy{
	width:0;
	opacity: 0;
	filter:Alpha(opacity=0);
}
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}


/* Theme for font size 15 */
.form-control {
    height: calc(1.5em + 1.1rem + 2px);
    padding: 0.55rem 0.85rem;
}
.form-group {
    margin-bottom: 1.35rem;
}
.card-body {
    padding: 1.95rem;
}
.btn{
	padding: 0.55rem 0.85rem;
}


html, body {
	font-size: 14px !important;
}
.doc-line{
	width: 200px;
}
.bg-cust-yellow{
	background-color:#f6f487;
}
.bg-cust-blue{
  background-color: #20a5de;
}
.bg-cust-rblue{
  background-color: #99defc;
}
.bg-cust-hblue{
  /* background-color: #007db3; */
  background-color: #1e396c;
}
.separator.separator-hblue {
    border-bottom-color: #1e396c;
}
.bg-cust-red{
  background-color: #ffe5e5;
}
.bg-cust-rblue2{
  background-color: #E1F0FF;
}
.btn.btn-cust-yellow {
	color: #000;
	background-color: #f6f487;
	border-color: #f6f487;
}

.dropdown-item.dropdown-toggle.nav-link:after, .dropdown-item.dropdown-toggle.btn:after {
	line-height:2.8;
}
.dropdown-header{
  color: #000;
  font-weight: bold;
}
.dropdown-menu i{
  margin-right: 0.5rem;
}
.dropdown-item.shelf-select{
  text-indent: 1rem;
}

body.dark-mode .datatable.datatable-default > .datatable-table {
    background-color: #cccccc;
}
body.dark-mode .datatable.datatable-default > .datatable-table .datatable-head .datatable-row > .datatable-cell > span{
    color: #181C32;
}
body.dark-mode .card {
	background-color: #cccccc;
}
body.dark-mode .modal.float-menu .modal-content {
	background-color: white;
}


/* Ktdatatable */
.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell {
    padding: 7.5px 8px;
}
.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell, 
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell, 
.datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    padding: 8px;
}
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail {
    /* padding: 0 1.8rem; */
	padding: 0;
}
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row-detail .datatable-detail .datatable-row > .datatable-cell {
    padding: .8rem 1.2rem;
}
.datatable-body .datatable-row{
	cursor: pointer;
}
.datatable-row.datatable-row-hover{
	background-color: rgba(54, 153, 255, 0.16) !important;
}

/*Header*/
#app-Launcher.d-none{
	transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
}
#app-Launcher {
  position: absolute;
  z-index: 1000000;
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  box-sizing: border-box;
  outline: none;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: auto;
  -ms-transition: transform .18s ease;
	-webkit-transition: transform .18s ease;
	transition: transform .18s ease;
	-webkit-animation-duration: .5s;
  animation-duration: .5s;
	transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.bg-lock{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#222;
	z-index: 900;
	opacity: 0.2;
	filter:Alpha(opacity=0.2);
}

/*Dropzone custom*/
.dropzone.dropzone-multi .dropzone-item.dz-custom-bg{
	background-color:inherit;
	margin-top: 0;
    padding: 0;
}
.dropzone.dropzone-multi .dropzone-item .dz-custom-bgcol{
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.75rem;
    border-radius: 0.42rem;
    padding: 0.5rem 1rem;
    background-color: #F3F6F9;
}
.text-cust-blue{
  color: #20a5de !important;
}
.text-cust-rblue{
  color: #99defc !important;
}
.text-cust-hblue{
  color: #1e396c !important;
}

/* เปลี่ยนสี sorting */
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
  color: #181C32 !important;
}

.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
  color: #181C32 !important;
}