/* custom dateTimePicker */
.datepicker [class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
}
.datepicker .prev [class^="icon-"]:before {
    content: "\226A";
}

.datepicker .next [class^="icon-"]:before {
    content: "\226B";
}
.datepicker .table-condensed{
	width: 100%;
}


/* custom dateTimePicker */

.content-header{
	background: #ffffff !important;
    padding: 15px;
    border-bottom: 2px solid #3c8dbc;
/*     -webkit-box-shadow: 5px 0px 15px 5px rgba(50, 50, 50, .5); */
/*     -moz-box-shadow: 5px 0px 15px 5px rgba(50, 50, 50, .5); */
/*     box-shadow: 5px 0px 15px 5px rgba(50, 50, 50, .5); */
}
.content-header>h1{
	font-size: 18px;
}
.content-header>.breadcrumb{
	padding: 0px;
    font-size: 16px;
}
.user-login{
	height: 50px;
    padding: 16px;
}
.user-login a{
	color: #ffffff;
}
.user-login .change-pass,
.user-login .logout{
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid;
}
.box-body .row{
	padding-bottom: 5px;
}
.box-body font{
    position: absolute;
    top: 0px;
    right: 1px;
}
.box-body .error{
    color: red;
    margin-bottom: 0px;
    min-width: 100px;
}
.box-body .date .error {
	color: red;
    margin-bottom: 10px;
    min-width: 100;
    position: absolute;
    margin-top: 38px;
}
.box-body .label-form{
    font-weight: normal;
    float: right;
    margin: 0px;
}
.datepicker-dropdown:before{
	display: none;
}
.sidebar-toggle:before{
	display: none;	
}
.treeview-menu .tooltip-inner{
	white-space: nowrap;
	max-width: unset;
	width: 100%;
}
.treeview-menu a{
    overflow: hidden;
    text-overflow: ellipsis;
}
.swal2-cancel, .swal2-confirm{
	margin: 0px 10px;
}

@media (max-width: 991px){
	.content-header>h1{
		display: inline-block;
	}
	.content-header>.breadcrumb {
		    background: none;
	    text-align: right;
	    display: inline-block;
	    float: right;
	    margin-top: 0px;
	}
	.box-body .label-form{
		float: left;
		padding-left: 0px;
	}
	.box-body font{
		top: 30px;
	}
	.user-login a{
		color: #ffffff !important;
	}
}

.fix-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bd-sidebar {
    position: -webkit-fixed;
    position: fixed;
    top: 5rem;
    z-index: 1000;
    max-height: calc(100vh - 5rem);
}

.main-sidebar {
	padding-top: 0px;
}

.content-hg { 
	/* min-height: 345px; */
	margin-top: 4.4em;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}
.select2-container .select2-selection--single {
	border: 1px solid #ccc;
	padding: 6px;
	border-radius: 0px;
	color: #555;
	height: 34px;
}
.dropdown-menu{
    left: unset;
    right: 0;
    width: 250px;
/*     height: 262px; */
}

.dropdown-menu .user-header{
	text-align: center;
/* 	height: 210px; */
}
.dropdown-menu .user-footer{
	padding: 5px;
}
.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}
.select2-container .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}


.select2-container--bootstrap .select2-dropdown .select2-results__option {
    border-bottom: 1px solid #ddd;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #495057;
}

.select2-container--bootstrap .select2-dropdown .select2-results__option {
    color: #495057;
}

.select2-container--bootstrap .select2-dropdown .select2-results__option--highlighted {
    background-color: #f8f9fa;
    color: #495057;
    cursor: pointer;
}

#map{ width:700px; height: 500px; }

[class*="col-"]{
	position: relative;
}

th > a {
	color: #ffffff;
	text-decoration: initial;
}

.form-control {
	border-radius: 0.375rem !important;
}
.datepicker {
	padding: .375rem .75rem !important;
}
.dropdown-menu>li>a {
    color: #FFFF !important;
}

.dropdown-menu[data-bs-popper] {
	left: -75% !important;
}
[class^='col-sm'] font,
[class^='col-md'] font,
[class^='col-lg'] font,
[class^='mb'] font {
	display: none;
}
font {
	display: none !important;
}
.trcursor {
    background-color: #E5E5E5 !important;
}
.layout .sidebar .menu .menu-item .active {
	border-radius: 8px;
}

input.btn-Shine[type=file]::file-selector-button {
	background-color: #00ABF4;
	border: none;
	border-radius: .2em;
	font-size: 16px;
	padding: .2em .4em;
	text-decoration: underline
}

input.btn-Shine[type=file]::file-selector-button:hover {
	background-color: #00ABF4;
	border: none
}
.error {
    color: red;
    margin-bottom: 0px;
    min-width: 100px;
}

.head-title {
	 color: red;
	 padding: 15px;
}
/*แนวตั้ง*/
.img-wrapper-9-14 {
  aspect-ratio: 9 / 14;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.img-wrapper-9-14 img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}
.fullname-onerow {
  white-space: nowrap;
  overflow: visible; 
  text-overflow: unset;
  display: inline-block;
}