* { font-family: 'Spoqa Han Sans Neo', 'Poppins', sans-serif; }

html { scroll-behavior: smooth; }
body { font-size: 0.88rem; }

.form-label { font-weight: bold; }
.input-group-text { font-size: 0.88rem;}
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-gray { color: #DDD !important; }


/* .form-check-label { font-weight: normal; padding-left: 5px; padding-right: 5px; margin-right: 10px; margin-left:-2px; } */
.processing-box { 
	margin: auto;
	padding: 20px 40px;
	background-color: rgb(0, 0, 0, 0.7);
	border-radius: 10px;
	color: #FFF; 
}

.topnav .navbar-nav .nav-link i { vertical-align: middle; margin-bottom:2px; }

.dropdown-item-title {
	padding: 0.35rem 1rem;
	text-transform: uppercase;
	color: #AAA;
	font-weight: 500;
	font-size: 0.7rem;
}

.text-link { color: #556ee6 !important; cursor: pointer; }
.text-link:hover { color:#4458b8; }
.btn .bx { vertical-align: middle; }

table.dataTable thead th, thead tr th, tbody tr td { text-align: center; vertical-align: middle; }

table.dataTable>tbody>tr.child ul.dtr-details { width: 100%; text-align: left; }
table.dataTable>tbody>tr.child span.dtr-title {	min-width: 50% !important; }

.table-bordered { border: 1px solid #ced4da; }
.table-bordered thead th { background-color: #F1F1F1; }
.tm { 
	display: inline-flex;
    width: 19px;
    height: 19px;
    background-color: #556ee6;
    color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.logo-text { font-weight: bold; font-size:4rem; margin-bottom: 0px; }
.form-check-inline { white-space: nowrap; padding: .535rem .75rem .535rem 0; }
.ml-auto { margin-left: auto !important; }
.breadcrumb-item.active { font-weight: bold; }
.border { border: 1px solid #ced4da!important; }
.modal-message-box {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	text-align: center!important;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	height: 100%!important;
}
.search-list-item { padding:10px; border-bottom:dashed 1px #EEE; cursor: pointer; }
.search-list-item:hover{ background-color: #FAFAFA; }
.search-list-item strong { display: block; }
.search-list-item small { color:#999; font-size:12px; }

.edit-course-image { max-width: 100%; max-height: 200px; }

small { font-size:85% !important; }

#region-map { height:400px; }
#region-result { height:350px; overflow: auto; }
#region-wizard .content { padding: 0px 0px !important; }
#region-wizard.wizard>.actions>ul { margin-top: 15px; margin-bottom: 0px; }
#region-wizard.wizard .steps>ul>li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#region-wizard.wizard .steps>ul>li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#region-wizard.wizard>.actions a { display: inline-block; }
#region-wizard.wizard .steps { border-radius:4px; }
#region-wizard.wizard .steps .number { width: 24px; height: 24px; line-height: 24px;}

.modal-content { 
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.33); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.33);
}

.media-preview { width:100%; }
.search-form input, .search-form select { vertical-align: middle; }
.media-preview img,.media-preview video { max-width: 100%; max-height: 500px; }
/* input:invalid, .invalid-from { border-color: red; } */

.input-group .btn:last-child { border-color:#ced4da; }

#main-alram-item { max-height: 300px; overflow: hidden auto; }
.no-alram-area { padding: 50px 50px; text-align: center; color:#AAA; border-top:solid 1px #EEE; }
.ft-16 { font-size:16px; }
.ft-24 { font-size:24px; }
.dp-point .decimal { font-size: 90%; color:#999; }
.big-point { font-size:30px; vertical-align: middle; }
.md-point { font-size:20px; vertical-align: middle; }
.sm-point { font-size:10px; vertical-align: middle; }
.infor-title { font-weight: 600; text-transform: uppercase; color:#AAA; }
.nav-link .bx { vertical-align: middle; font-size:19px; }
.bold { font-weight: bold; }
.wd-20 { width:20px !important; }
.wd-30 { width:30px !important; }
.wd-40 { width:40px !important; }
.wd-70 { width:70px !important; }
.wd-100 { width:100px !important; }
.wd-110 { width:110px !important; }
.wd-120 { width:120px !important; }
.wd-130 { width:130px !important; }
.wd-140 { width:140px !important; }
.wd-150 { width:150px !important; }
.wd-160 { width:160px !important; }
.wd-170 { width:170px !important; }
.wd-180 { width:180px !important; }
.wd-190 { width:190px !important; }
.wd-200 { width:200px !important; }
.wd-240 { width:240px !important; }

.mwd-100 { min-width:100px !important; }
.mwd-150 { min-width:150px !important; }

.ht-20 { height: 20px; }
.ht-30 { height: 30px; }

.mht-50 { min-height: 50px; }
.flex-none { flex:none !important; }

.select2-dropdown { z-index:2000 !important; }
.paypal-field { height:38.14px; }
.card-header { padding: 0.8rem 1.25rem !important; }
.editor-contents p { margin:0 0 !important; }
.editor-contents img { max-width:100%; }

.profile-data li:first-child { border-top: none !important; }
#log-list-area div.py-3:first-child { padding-top: 0px !important; }
#log-list-area div.py-3:last-child { padding-bottom: 0px !important; }

.mr-auto, .mx-auto { margin-right: auto!important; }
.mini-stats-wid .mini-stat-icon { overflow: hidden; position: relative; }

.card .card-thumbnail-top { 
	overflow: hidden;
	border-top-left-radius: 0.25rem; 
	border-top-right-radius: 0.25rem;  
	position: relative;
}

.card .card-img-top { 
	transition: 0.4s;
}

.card .card-thumbnail-top .badge {
	position: absolute;
	right: 10px;
	top: 10px;
	width:auto;
	padding: .25em .4em;
}

.card .card-title-header { height: 65px !important; }

.hover-gray:hover { background-color: #EEE; }
.card:hover .card-img-top { transform: scale(1.1); }
@media (min-width: 768px) {
	.wd-md-100 { width:100px !important; }
}

.placeholder {display:none;}
.clr-picker { z-index: 2000 !important; }
.clr-field button { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }

.drag-and-drop { 
	background-color: #EEE; 
	text-align: center;
    height: 120px;
	width: 160px;
	border: 1px solid #ced4da;
    border-radius: 5px;
}

.drag-and-drop label { 
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px; 
	padding: 0px 20px;
	cursor: pointer;
}

#fileDrop {display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.summery-big { font-weight: bold; font-size: 24px; }
.summery-normal { display:block; font-size: 12px; }
.summery-normal.up { color:#FF0000; }
.summery-normal.down { color:#0000FF; }
.summery-suffix { color:#CCCCCC; display: block; }
.vertical-divider { width:1px; height:40px; background-color: #DDDFE0; }
.pie-chart-min { min-height: 340px; }

.media-list {
	position: relative;
	width: 160px;
	height: 120px;
	border: 1px solid #ced4da;
	border-radius: 5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.media-list .media-del {
	position: absolute;
	right: 5px;
	bottom: 5px;
	cursor: pointer; 
	width:20px;
	height:20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
    justify-content: center;
	padding:10px;
	background-color: red;
}
.media-list .media-del i {
	color:white;
}
.media-list .media-type {
	position: absolute;
	left: 5px;
	top: 5px;
}

.media-list img, 
.media-list video, 
.media-files {
	max-width:100%;
	max-height:100%;
	border-radius:5px;
}

.media-result { height:30vh; overflow: auto; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left:1.2rem}

.media-list:hover img, .media-list:hover video {opacity:0.3;background-color:#000;}
.media-list .badge-wrap {
	font-size: 36px;
    display: none;
    position: absolute;
	width:160px;
	height:120px;
	align-items: center;
    justify-content: center;
	opacity:1;
}
.media-list:hover .badge-wrap { display:flex; cursor: pointer; }

#selectMedia { min-height:15vh; overflow: auto; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left:2.2rem;background-color: #EEE;border-radius: 10px;}

#agencyList { overflow: auto; background-color: #fff;border-radius: 10px; }
.select-agency-inner { min-height:20vh; max-height: 30vh; }

.media-preview .media-list {position: relative;width: 9.1rem; justify-content: center;align-items: center;height:14vh;}
.media-preview .media-list img, .media-preview .media-list video {max-width:100%;max-height:14vh;border-radius:5px;}

.border.media-result .media-list, #selectMedia .media-list {position: relative;width: 9.2rem;margin: 0.4rem 0.8rem 0.8rem 0.8rem;}

.media-del .tm:hover {background-color:#0b2187;}
.bx-movie {background-color:#50a5f1}

.manager.media-list {width: 6rem !important;height:6rem !important;}
.manager.media-list {width: 6rem !important;height:6rem !important;}
.manager.media-list img, .manager.media-list video {max-height:9.7vh !important;}
.manager.mediafile {height:9.7vh !important;}

.pointer { cursor: pointer; }

.refund-reject {cursor: pointer;}
.refund-reject:hover ~ .refund-reject-type {display: block !important;}
.refund-reject-type {
	display:none;
    position: absolute;
    top: 35px;
    left: 50px;
    width: 100px;
    border: 1px solid #74788d;
    border-radius: 5px;
    background-color: #fff;
	z-index: 2;
	white-space: normal;
}
.minHeight-40 {min-height: 40px;}
.ban-button{position: absolute; bottom: 0;right: 12px;}

.signin-title {color: #6d4e9b; font-weight:800;font-size:15px}
.signin-top {width: calc(100% - 207px); padding-left: 26px; padding-top: 48px;}
.signin-background {background-color: #c3aeff; min-height: 141px;}
.signin-background img {width:225px;}
.signin-img {width: 164px;border-radius: 1.5rem;}
.signin-img img {width: 100%;}
.signin-img-wid {display: inline-block}

.manager.nav-link {padding: 0.2rem 0.5rem !important;}
.manager.nav-link.active {background-color: #495057 !important;}

.top-logo { padding: 0 1.5rem; }

.modal { 
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter: blur(2px);
}
.modal-backdrop { background-color: transparent !important; }
.modal-backdrop.show {
	display: none;
}

.modal-backdrop.show:last-of-type {
	display: block;
}

.blue { color:#0000FF !important; }
.red { color:#FF0000 !important; }
.news-details img { max-width: 100%; }

.badge { line-height: normal; padding: .2em .8em; }
#postal-code-search-box { height:300px; position: relative; border: solid 1px #ced4da; border-radius: .25rem; margin-top:10px; }
#qr-code-box { max-width:200px; width:100%; }

.topnav .dropdown .dropdown-menu { font-size: inherit; }
.one-line {     
	line-height: 1em;
    height: 1em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

#question-list-area .question-item:last-child {
	margin-bottom: 0px !important;
	border-bottom: none !important;
}

@media (max-width: 1280px) {
	.drag-and-drop, .media-list {width: 8.1rem !important;margin: 0.2rem !important; }
	#selectMedia {padding-left:1.3rem !important;}
}
@media (min-width: 992px) {
	
}
@media (max-width: 991.98px) {
	.topnav {
		max-height: unset !important;
	}
	.topnav .dropdown .dropdown-menu {
		background-color: #F0F0F0;
		border-radius: 10px;
		margin-left:15px;
	}

	.topnav .dropdown .dropdown-menu .dropdown-item {
		padding: .35rem 1.5rem .35rem 0rem;
		font-size:0.88rem;
	}
}
@media (max-width: 768px) {
	.signin-top {width: 100%;}
}

@media (min-width: 769px) {
	.signin-flex {display: flex!important;}
}