.modal-header {
	background-color: #323a46;
}

.modal-title {
	color: white;
}

.page {
	margin-bottom: -10px;
	margin-top: 15px;
}

.navigation-menu > li > a.active {
	color: white;
}

a.dark {
	color: white;
}

.btn {
	font-size: 12px;
}

.submenu li a i {
	font-size: 16px;
}

.dashboard-card-detail {
	color: white;	
}

.dashboard-card-textmute {
	color: #F5F5F5 !important;
}

.dashboard-div-click {
	background: #5089de;
}

.dashboard-div-point {
	background: #56c2d6;
}

.dashboard-div-revenue {
	background: #f1556c;
}

.i-click {
	font-size: 4.5em;
	color: white;
}

.i-point {
	font-size: 4.5em;
	color: white;
}

.i-revenue {
	font-size: 4.5em;
	color: white;
}

.sub-report {
	background:#EDECEC;
}

.vertical-center-table td{
	vertical-align: middle
}

.custom-picker button{
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 0.9rem + 2px);
	padding: 0.45rem 1.9rem 0.45rem 0.9rem;
	font-size: 0.8125rem;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057 !important;
	vertical-align: middle;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

hr.menu-division {
	margin: 2px 10px 2px 10px;
	border-color: #c4c4c4;
	flex:1
}
hr.table-division {
	margin: 0;
	border-style: dotted;
	border-color: #c4c4c4;
}

.swal_small {
	width: 400px
}

@media (max-width: 992px) {
	.mb-small-1 {
		margin-bottom: 0.375rem !important;
	}
	.mb-small-3 {
		margin-bottom: 1.5rem !important;
	}
}

@media (max-width: 576px) {
	.hide-xs {
		display: none !important;
	}
	.dataTables_paginate ul {
		margin-top: 0 !important;
	}
}

.custom-spinner {
	position: fixed;
	top: 50%;
	left: calc(50% - 33px);
	z-index: 9999;
}

.custom-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9998;
}

td.number, th.number {
	text-align: right !important;
	vertical-align: middle !important;
}

.vertical-middle {
	vertical-align: middle !important;
}

.tooltip {
	z-index:9999
}

.dropdown-menu {
	min-width: 100% !important;
}

.table.slim-padding thead:nth-of-type(2) th, 
.table.slim-padding td {
	padding: 4px 5px;
}

.table th span:nth-of-type(2),
.table td span:nth-of-type(2) {
	color: #c4c4c4;
}

table.table,
table.table td,
table.table th {
	border: 1px solid #dee2e6;
}

table.table thead:last-of-type th {
	border-bottom-width: 3px;
}

table.table.dataTable {
	border-collapse: collapse !important;
}

.scale-90 .navigation-menu > li > a,
.scale-90 .custom-select,
.scale-90 .form-control,
.scale-90 .table th,
.scale-90 .table th a,
.scale-90 .table td,
.scale-90 body,
.scale-90 label,
.scale-90 .btn,
.scale-90 .apexcharts-legend-text,
.scale-90 .dropdown-menu {
	font-size: 11px !important;
}
.scale-90 .logo-box img {
	height: 31px;
}
.scale-90 .account-pages img {
	height: 40px;
}
.scale-90 #topnav .topbar-menu {
	margin-top: 63px;
}
.scale-90 .navbar-custom .topnav-menu .nav-link,
.scale-90 .logo {
	line-height: 63px;
}
.scale-90 .logo-box,
.scale-90 .navbar-custom {
	height: 63px;
}
.scale-90 .navigation-menu > li > a {
	padding-top: 17px;
	padding-bottom: 17px;
}
.scale-90 .navigation-menu > li > a i {
	font-size: 16px;
}
.scale-90 .wrapper {
	padding-top: 118px;
}
@media (max-width: 991px){
	.scale-90 .wrapper {
		padding-top: 70px;
	}
}
.scale-90 .custom-select,
.scale-90 .custom-picker button,
.scale-90 input.form-control,
.scale-90 select.form-control {
	height: calc(1.3em + 0.9rem + 2px);
}
.scale-90 h5,
.scale-90 .header-title {
	font-size: 0.85rem;
}
.scale-90 .table th,
.scale-90 .table th a,
.scale-90 .table td {
	padding: 0.7rem;
}
.scale-90 .card-box[class*="dashboard"] i {
	font-size: 3rem;
}
.scale-90 h2 {
	font-size: 1.7rem;
}

.form-control:disabled {
	border-width: 0;
}

.textbox {
	border: 1px solid #DDD;
	padding: 5px 10px 5px 10px;
	word-wrap: break-word;
	white-space: pre-wrap;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}

.swal2-title {
	line-height: 1.5;
}

.border-red {
	border-color: red;
	border-width:2px
}

.custom-switch.large .custom-control-input ~ .custom-control-label::before {
	transform: scale(1.5);
}
.custom-switch.large .custom-control-input ~ .custom-control-label::after {
	transform: scale(1.5);
	top: 0.23rem;
	left: -2.3rem;
}
.custom-switch.large .custom-control-input:checked ~ .custom-control-label::after {
	transform: scale(1.5) translateX(0.9rem);
	top: 0.23rem;
	left: -2.5rem;
}

/*dataTables 가로 스크롤 시 고정할 요소들의 css를 똑같이 유지하기 위함*/
div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
	justify-content: flex-end;
}
div.dataTables_info {
	padding-top: 0.85em;
}
div.dataTables_filter {
	text-align: right;
}
div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}
div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: auto;
}
/*------------------------------------*/

.parsley-error:focus {
	border-color: #f0643b;
}
.parsley-success:focus {
	border-color: #23b397;
}

.btn-orange {
	background-color: #FFA300;
	border-color: #FFA300;
}
.btn-orange:hover {
	background-color: #FF9300;
}
.btn-outline-orange {
	color: #FFA300;
	border-color: #FFA300;
}
.btn-outline-orange:hover {
	color: #FFF;
	background-color: #FFA300;
	border-color: #FFA300;
}

.badge-orange {
	background-color: #FFA300;
	border-color: #FFA300;
}
.badge-light-orange {
	background-color: rgba(255, 162, 0, 0.15);
	color: #ffa500;
}