@import url('vendors.min.css');
@import url('responsive.bootstrap4.min.css');
@import url('bootstrap.min.css');
@import url('bootstrap-extended.min.css');
@import url('colors.min.css');
@import url('components.min.css');
/* @import url('vertical-menu.min.css'); */
/* @import url('themes/dark-layout.min.css'); */
/* @import url('themes/semi-dark-layout.min.css'); */
@import url('flag-icon.min.css');
@import url('feather-icons.css');
@import url('line-awesome.min.css');
@import url('toastr.min.css');

@font-face {
	font-family: 'Rubik';
	src: url('../../fonts/en/Rubik-Regular.ttf');
}
@font-face {
	font-family: 'Rubik';
	font-weight: Bold;
	src: url('../../fonts/en/Rubik-Medium.ttf');
}
@font-face {
	font-family: 'Rubik Light';
	src: url('../../fonts/en/Rubik-Light.ttf');
}
@font-face {
	font-family: 'Rubik-Medium';
	src: url('../../fonts/en/Rubik-Medium.ttf');
}
@font-face {
	font-family: 'Koulen';
	src: url('../../fonts/kh/Koulen-Regular.ttf');
}
@font-face {
	font-family: 'Khmer OS Battambang';
	src: url('../../fonts/kh/KhmerOSbattambang.ttf');
}
td,th {
	font-family: 'Rubik', 'Khmer OS Battambang' !important;
}
body * {
	font-family: 'Rubik', 'Khmer OS Battambang';
	/* -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
}
img {
	max-width: 100%;
}
small.required {
	color: red;
}
.form-group .form-control {
	border-radius: 3px;
}
.table-form {
	width: 100%;
}
.table-form > thead > tr > th,
.table-form > tfoot > tr > th,
.table-form > tbody > tr > th,
.table-form > tbody > tr > td {
	border: 1px solid #dfe3e7;
	padding: 13px 10px;
}
.table-form.border-none > thead > tr > th,
.table-form.border-none > tfoot > tr > th,
.table-form.border-none > tbody > tr > th,
.table-form.border-none > tbody > tr > td {
	border: none;
}
.table-form.striped > tr:nth-of-type(odd),
.table-form.striped > tbody > tr:nth-of-type(odd) {
	background-color: #fafbfb;
}
.table thead th {
	text-align: center;
}
.table tbody td {
	padding: 13px 10px;
}
.table-bordered td,
.table-bordered th {
	border: 1px solid #dfe3e7 !important;
}
.table tbody td,
.table-padding-sm tbody th,
.table-padding-sm tbody td {
	padding: 8px 3px !important;
	/* font-size: 8px; */
	font-weight: thin !important;
}
.table tbody td {
	vertical-align: middle;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
	border-bottom-width: 1px;
}
.preview-image {
	cursor: pointer;
}
body.dark-layout .swal2-html-container {
	color: #8a99b5;
}
body.dark-layout .alert span,
body.dark-layout .alert span ul li {
	color: #fff !important;
}
.bootstrap-duallistbox-container .filter {
	height: 1.58rem;
	padding: 0.35rem 0.7rem;
	font-size: 0.9rem;
	line-height: 1.1;
}
.bootstrap-duallistbox-container select option {
	padding: 10px 15px;
	color: #475f7b;
	border-bottom: 1px solid #eee;
}
.bootstrap-duallistbox-container select option:selected {
	color: #5a8dee !important;
	background-color: #5a8dee !important;
}
.bootstrap-duallistbox-container select,
.bootstrap-duallistbox-container .btn-outline-secondary {
	border-color: #dfe3e7;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border: none;
	position: static;
	float: right !important;
	margin-left: 0.3rem !important;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background: none;
}
.select2-container .selection .select2-selection,
.select2-container .select2-selection__rendered,
.select2-container .select2-selection__arrow {
	height: 31px;
}
.is-invalid + .select2-container .select2-selection {
	border-color: #ff5b5c !important;
}
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #F2F4F4;
    box-shadow: none;
}
/* select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, */
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
#toast-container > div {
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	max-width: none;
}
.toast-container > div {
	box-shadow: none !important;
}
.toast {
	background-color: #5a8dee;
}
.toast-success {
	background-color: #39da8a;
}
.toast-error {
	background-color: #ff5b5c;
}
.toast-info {
	background-color: #00cfdd;
}
.toast-warning {
	background-color: #fdac41;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border: 1px solid #fff;
}

.bootstrap-touchspin .input-group-btn-vertical {
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 11;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
	position: absolute;
	right: 0;
	height: 50%;
	padding: 0;
	width: 2em;
	text-align: center;
	line-height: 1;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0 4px 0 0;
	top: 0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0 0 4px 0;
	bottom: 0;
}
.image-table-preview {
	width: 70px;
	height: 70px;
}

/* Image Cropping */
.image-preview {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.cr-overlay {
	border: 1px solid #f1f1f1;
}
/* Image Zoom Preview + Loading Screen */
.custom-loading-screen > div.loading-container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.custom-loading-screen,
.image-zoom-preview {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9991;
}
.image-zoom-preview .close-zoom {
	position: absolute;
	top: 25px;
	right: 35px;
	color: rgb(219, 219, 219);
	cursor: pointer;
}
.image-zoom-preview .close-zoom:hover {
	color: #f9f9f9;
}
.image-zoom-preview .close-zoom i {
	font-size: 45px !important;
}
.image-zoom-preview img {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.image-zoom-preview img.zoom-400 {
	width: 400px;
	height: 400px;
}
.image-zoom-preview img.zoom-500 {
	width: 500px;
	height: 500px;
}

.card-hover:hover {
	transition: 0.3s ease-in-out;
}
.card-hover:hover {
	border: 1px solid #5a8dee !important;
}
.card-hover:hover .card-header {
	color: #5a8dee !important;
}

/* Start Number pad */
.keyboard-popup {
	width: 100vw;
	height: 100vh;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9991;
}
.number-pad {
	max-width: 385px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.3);
	display: grid;
	grid-template-columns: repeat(5, 65px);
	grid-template-rows: 35px 70px 60px 60px 60px 60px;
	grid-gap: 5px;
}
.number-pad .key {
	background-color: rgb(243, 243, 243);
	grid-column: span 1;
	font-size: 20px;
	text-align: center;
	padding-top: 17px;
	cursor: pointer;
	transition: 0.1s ease-in-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.number-pad .key:hover {
	background-color: rgb(108, 210, 250);
	color: #fff;
}
.number-pad .output-container {
	grid-column: span 5;
	grid-template-rows: auto;
}
.number-pad .title-input {
	grid-column: span 5;
	grid-template-rows: auto;
	color: #fff;
	text-align: center;
}
.number-pad .output-container .output {
	border: 1px solid #000;
	background-color: #fff;
	min-height: 60px;
	color: #555;
	font-size: 25px;
	padding: 19px 15px 17px 15px;
}
.number-pad .delete {
	grid-column: span 2;
}
.number-pad .clear {
	grid-column: span 2;
}
.number-pad .cancel {
	grid-column: span 2;
}
.number-pad .done {
	grid-column: span 2;
}
.number-pad .zero {
	grid-column: span 2;
}
/* End Number pad */

/* Cube Loading */
.sk-cube-grid {
	width: 50px;
	height: 50px;
	margin: 100px auto;
}
.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #fff;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}
@keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #437dec;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* body{
			background: cyan !important;
		} */
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* body{
			background: blue !important;
		} */
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* body{
			background: green !important;
		} */
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	/* body{
			background: yellow !important;
		} */
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* body{
			background: red !important;
		} */

	.btn i.d-sm-none.bx {
		top: 0;
	}
}
.sync-spinnig {
	-webkit-animation: spinner-border 1.75s linear infinite;
	animation: spinner-border 1.75s linear infinite;
}
button:disabled,
.btn:disabled,
.btn.disabled,
.disabled{
	cursor: not-allowed !important;
	opacity: 0.4;
}
.bootstrap-datetimepicker-widget {
	width: auto !important;
	min-width: 22em !important;
}
.bootstrap-datetimepicker-widget th,
.bootstrap-datetimepicker-widget td {
	border: none !important;
	padding: 6px 5px !important;
}

.navbar-top {
	min-height: auto;
}
.navbar-top .navbar-brand {
	padding: 0 0.5rem !important;
	margin: 0 !important;
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.navbar-top .navbar-nav .nav-item a.nav-link {
	display: block;
	padding: 1.2rem 0.6rem;
}
.navbar-top .navbar-nav .nav-item.active .nav-link {
	background: rgba(0, 0, 0, 0.25);
}

.sidebar-menu {
	border-radius: 0.22rem;
	background: #fff;
	min-width: 150px;
	margin-right: 35px;
}
.sidebar-menu > li {
	border: none;
	border-radius: 0 !important;
	padding: 0;
}
/* .sidebar-menu > li.active::after{ */
/* content: '';
		background: url('../images/site/arrow.svg') no-repeat;
		background-size: cover;
		position: absolute;
		height: 100%;
		width: 25px;
		right: -25px;
		top: 0;
		z-index: 99; */
/* } */
.sidebar-menu > li > a {
	color: #596f88;
	display: block;
	padding: 1rem 1.2rem;
}
.sidebar-menu > li > a:hover {
	color: #5a8dee;
}
.sidebar-menu > li.active > a {
	color: #fff;
}

/* To do dragable list */
.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
}
.gu-hide {
	display: none !important;
}
.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.gu-transit {
	opacity: 0.2;
}
.widget-todo .dropdown .dropdown-toggle:after {
	left: 0.1rem;
	color: #828d99;
}
.widget-todo .widget-todo-list-wrapper {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
.widget-todo .widget-todo-list-wrapper .widget-todo-item {
	padding: 0.5rem 1.5rem 0.1rem 0.5rem;
	border: 1px solid #f2f4f4;
	border-radius: 0.22rem;
}
.widget-todo .widget-todo-list-wrapper .widget-todo-item .widget-todo-title-area i {
	/* visibility: hidden; */
	color: #828d99;
}
.widget-todo .widget-todo-list-wrapper .widget-todo-item:hover {
	background-color: #f2f4f4;
}
.widget-todo .widget-todo-list-wrapper .widget-todo-item:hover .widget-todo-title-area i {
	visibility: visible;
}
.widget-todo .widget-todo-list-wrapper .widget-todo-item.completed .widget-todo-title {
	text-decoration: line-through;
}
.widget-overlay .widget-overlay-card .overlay-primary {
	background: rgba(90, 141, 238, 0.9);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.widget-overlay .widget-overlay-card .dropdown a {
	color: inherit;
}
.widget-overlay .widget-overlay-card .dropdown a:active {
	color: #fff !important;
}
.widget-overlay .widget-overlay-card .widget-overlay-card-title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -85px;
	margin-top: -27px;
	color: #fff;
}
.widget-followers .widget-followers-heading-right i,
.widget-order-activity .badge-circle i {
	top: 4px;
	position: relative;
}
.widget-overlay .widget-overlay-content .inclusive-btn {
	margin-top: -24px;
}
.widget-overlay .widget-overlay-content .table-responsive {
	position: relative;
}
.widget-img-top .card-footer {
	background-color: #f2f4f4;
}
.widget-order-activity .widget-order-activity-footer h1,
.widget-order-activity .widget-order-activity-footer h2,
.widget-order-activity .widget-order-activity-footer h3,
.widget-order-activity .widget-order-activity-footer h4,
.widget-order-activity .widget-order-activity-footer h5,
.widget-order-activity .widget-order-activity-footer h6 {
	color: #475f7b;
}
.widget-notification .list-group-item .readable-mark-icon {
	cursor: pointer;
}
.widget-notification .list-group-item:last-child {
	border-bottom-right-radius: 0.267rem;
	border-bottom-left-radius: 0.267rem;
}
.widget-notification .list-group-item.list-group-item-action:active {
	color: inherit;
	background-color: inherit;
}
.widget-user-details .table-responsive {
	position: relative;
}
.widget-state-multi-radial .nav-item .nav-link:after,
.widget-state-multi-radial .nav-item .nav-link:before,
.widget-state-multi-radial .nav-item.current:after,
.widget-state-multi-radial .nav-item.current:before,
.widget-state-multi-radial .nav.nav-tabs {
	border: 0 !important;
}
#donut-chart-spending .apexcharts-canvas,
#donut-chart-statistics .apexcharts-canvas {
	margin: 0 auto;
}
.timeline {
	position: relative;
	padding-right: 1rem;
}
.widget-earnings-scroll {
	position: relative;
}
.widget-earnings-scroll .widget-earnings-width {
	min-width: 390px;
}
#widget-earnings .widget-earnings-swiper.swiper-container .swiper-slide {
	font-weight: 500;
	background-color: #f2f4f4;
	height: auto;
	width: auto !important;
	color: #828d99;
	cursor: pointer;
}
#widget-earnings .widget-earnings-swiper.swiper-container .swiper-slide.swiper-slide-active {
	color: #fff;
	background-color: #5a8dee !important;
	box-shadow: 0 3px 6px 0 rgba(90, 141, 238, 0.5) !important;
}
#widget-earnings .wrapper-content {
	display: none;
}
#widget-earnings .wrapper-content.active {
	display: block;
}
.negative-bar-chart .apexcharts-series[rel='2'] {
	-webkit-transform: scaleY(1.08);
	-ms-transform: scaleY(1.08);
	transform: scaleY(1.08);
}
@media screen and (max-width: 600px) {
	.widget-todo-list-wrapper .widget-todo-title-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-title-area {
		margin-right: auto;
	}
	.widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-item-action {
		margin-left: auto;
	}
}
@media (max-width: 991.98px) {
	.widget-radial-charts .widget-card-details {
		padding-bottom: 0 !important;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.widget-img-top .content-post {
		display: none !important;
	}
	.widget-state-multi-radial .card-header {
		display: block !important;
	}
}
@media screen and (max-width: 1300px) and (min-width: 900px) {
	.overlay-image-card,
	.progress-card {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.user-details-card,
	.weather-card {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.earnings-card,
	.img-top-card,
	.timline-card,
	.user-profile-card,
	.weather,
	.widget-chat-card {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.widget-radial-charts .widget-card-details {
		display: block !important;
	}
}

/* @Socheatha Tey, custom layout styles */
.sidebar-menu {
	margin-right: 15px;
}
.sidebar-menu > li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.sidebar-menu > li > a {
	/* font-size: 12px; */
	padding: 10px 15px;
	font-weight: bold;
	display: block;
}
.sidebar-menu > li.active > a {
	background-color: #10498f;
}
.sidebar-menu > li.active a::before {
	content: ' > ';
}
.sidebar-menu > li.active a::after {
	content: ' ';
	position: absolute;
	top: 0px;
	left: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 7px;
	border-color: transparent transparent transparent #024c9c;
}

.navbar-top .navbar-nav .nav-item a.nav-link {
	/* font-size: 13px; */
	font-weight: bold;
	padding: 15px 8px;
}

.table tbody td {
	/* font-size: 13px; */
	padding: 3px 10px;
	color: #454545;
}

body form .form-control,
[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	height: unset !important;
	/* font-size: 12px !important; */
}
.select2-search--dropdown .select2-search__field {
	height: 1.6rem !important;
}
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text {
	font-size: 12px !important;
	padding-right: 8px !important;
	padding-left: 8px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	border-top-right-radius: 0.22rem;
	border-bottom-right-radius: 0.22rem;
}
.input-group .form-control:focus ~ .input-group-prepend .input-group-text,
.input-group .form-control:focus ~ .input-group-append .input-group-text {
	border-color: #5a8dee !important;
}
.table-form > thead > tr > th,
.table-form > tfoot > tr > th,
.table-form > tbody > tr > th,
.table-form > tbody > tr > td {
	padding-top: 4px;
	padding-bottom: 4px;
	/* font-size: 12px; */
}

.form-control-position {
	padding: 0;
	height: 1.6rem;
	width: 2rem;
}
.has-icon-right .form-control {
	padding-right: 2rem;
	/* padding-left: 1.6rem; */
}
.has-icon-left .form-control {
	padding-right: 0.8rem;
	padding-left: 2rem;
}
.has-icon-right .form-control-position i,
.has-icon-right .form-control-position i.bx {
	right: 0;
	top: -3px !important;
}
.has-icon-left .form-control-position i,
.has-icon-left .form-control-position i.bx {
	left: 0;
	top: -3px !important;
}
.selection .select2-selection--single {
	padding: 0;
	min-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	min-height: 28px;
}
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #F2F4F4;
    box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	padding: 0.467rem 1.2rem !important;
}
.btn-sm i {
	/* font-size: 0.8rem; */
	font-size: 1rem;
}
.btn-sm i.bx {
	top: 1px;
}
.table th {
	/* padding: 6px; */
	padding: 12px 6px;
}
.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting:before,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_asc:before,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc:before {
	top: 0;
}
.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {
	padding-top: 0.6em;
}
.table.dataTable thead .sorting:before,
.table.dataTable thead .sorting_asc:before,
.table.dataTable thead .sorting_desc:before,
.table.dataTable thead .sorting_desc_disabled:before,
.table.dataTable thead .sorting:after,
.table.dataTable thead .sorting_asc:after,
.table.dataTable thead .sorting_desc:after,
.table.dataTable thead .sorting_desc_disabled:after {
	font-size: 12px;
}
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_length {
	margin: 5px 0;
}
label,
.dataTables_info,
.paginate_button a {
	/* font-size: 12px !important; */
}
.badge {
	font-size: 10px !important;
	padding: 5px 5px 4px 5px;
	text-transform: none;
}
.pagination {
	margin-top: 5px !important;
}
.pagination .paginate_button a {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

textarea.my-simple-editor + .cke_chrome,
textarea.my-editor + .cke_chrome {
	border: 1px solid #dfe3e7;
	box-shadow: none !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
textarea.my-simple-editor + .cke_chrome.cke_focus,
textarea.my-editor + .cke_chrome.cke_focus {
	border: 1px solid #2b579a;
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}

table.dataTable > thead > tr > th:not(.sorting_disabled),
table.dataTable > thead > tr > td:not(.sorting_disabled) {
	padding-right: 10px;
}
.table thead th {
	/* font-size: 11px; */
}
.navbar .nav-item.dropdown.show {
	background: rgba(0, 0, 0, 0.25);
}

.custom-top-bar {
	background-color: #37519e;
}
.custom-top-bar a:not(.dropdown-item) {
	color: #eee !important;
}
.container{
    max-width: 1240px;
}
.navbar-top ul.navbar-nav li .badge.badge-up {
    position: absolute;
    top: 2px;
    right: 2px;
}
.navbar-top ul.navbar-nav li i.ficon {
    font-size: 1.5rem;
    vertical-align: middle;
    cursor: pointer;
}
li.dropdown-notification .dropdown-menu-media{
    min-width: 300px;
}
li.dropdown-notification .dropdown-menu-media .scrollable-container {
    max-height: 400px;
    overflow: auto;
}
li.dropdown-notification .dropdown-menu-media .scrollable-container > a{
    border-bottom: 1px solid #eee;
    transition: 0.2s ease-out;
}
li.dropdown-notification .dropdown-menu-media .scrollable-container > a:hover{
    background: #f9f9f9;
}
.media-list .media {
    padding: 0.75rem;
    width: 100%;
    margin-top: 0;
}
.input-group.input-group-age .input-group-append .input-group-text{
    padding: 0 !important;
    border: none !important;
}