body {
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Comfortaa', cursive;
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Ubuntu', sans-serif;*/
	/*font-family: 'Noto Sans', sans-serif;*/
	/*font-family: 'Arimo', sans-serif;*/
	/*font-family: 'Play', sans-serif;*/
	/*font-family: 'Jura', sans-serif;*/
	/*font-family: 'Advent Pro', sans-serif;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*font-family: 'Didact Gothic', sans-serif;*/
	/*font-family: 'Comfortaa', cursive;*/
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Ubuntu', sans-serif;*/
	/*font-family: 'Noto Sans', sans-serif;*/
	/*font-family: 'Arimo', sans-serif;*/
	/*font-family: 'Play', sans-serif;*/
	/*font-family: 'Jura', sans-serif;*/
	/*font-family: 'Advent Pro', sans-serif;*/
}

.se-pre-con{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url('../images/loader3.gif') center no-repeat #c0c0c0;*/
	/*background: url('../images/loader3.gif') center no-repeat #fff;*/
}

#ajaxLoadingDiv{
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
}

.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime{
	100% {
		transform: rotate(360deg);
	}
}

.icon_status_active{
	color: #24ba2a;
}

.icon_status_inactive{
	color: #d71e1e;
}

.icon_status_standby{
	color: #ff982b;
}

.icon_status_unknown{
	color: #b0b0b0;
}

.tr_status_inactive{
	background-color: #ffd8d8!important;
}

.dark-mode .tr_status_inactive{
	background-color: #7c0000!important;
}

.tr_status_standby{
	background-color: #ffd1a0!important;
}

.dark-mode .tr_status_standby{
	background-color: #87633b!important;
}

.tr_status_warning{
	background-color: #ffc887!important;
}

.dark-mode .tr_status_warning{
	background-color: #cc0073!important
}

.tr_status_indifferent{
	background-color: #c3c3c3!important;
}

.dark-mode .tr_status_indifferent{
	background-color: #999999!important;
}

.tr_status_completed{
	background-color: rgba(1, 166, 90, 0.35)!important;
}

.dark-mode .tr_status_completed{
	background-color: rgba(1, 166, 90, 0.35)!important;
}

.response_alerts{
	position: fixed;
	z-index: 99;
	width: 100%;
}

.custom_alerts{
	position: relative;
	z-index: 101;
	width: 100%;
	font-size: 2rem;
	text-align: center;
}

option:disabled{
	color: #ff3333;
}

.dark-mode option:disabled{
	color: #ff3333;
}

input:read-only{
	background-color: white!important;
}

.dark-mode input:read-only{
	background-color: white!important;
}

input:disabled{
	background-color: #e9ecef!important;
	cursor: not-allowed;
}

.dark-mode input:disabled{
	background-color: #696969!important;
	color: black!important;
	cursor: not-allowed;
}


.dataTables_wrapper #filter_col td{
	border: none;
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill:hover{
	/*-webkit-text-fill-color: #E52459!important;*/
	-webkit-text-fill-color: var(--main-magenta-color)!important;
}

.dark-mode .datepicker table tr td.day:hover,
.dark-mode .datepicker table tr td.focused,
.dark-mode .datepicker table tr td span.focused,
.dark-mode .datepicker table tr td span:hover,
.dark-mode .datepicker .datepicker-switch:hover,
.dark-mode .datepicker .next:hover,
.dark-mode .datepicker .prev:hover,
.dark-mode .datepicker tfoot tr th:hover{
	background: var(--main-magenta-color)!important;
}

.dark-mode .table-hover tbody tr:hover{
	background-color: #4e555e;
}

.exam_result_description{
	font-size: 1rem;
}

.circle{
	border-radius: 50%;
	width: 140px;
	height: 140px;
	padding-top: 25px;
	text-align: center;
	font-size: 1.65rem;
}

.popover{
	max-width: 80%;
}

.popover-content {
	font-size: 2rem;
}

.dark-mode .small-box-footer:hover{
	color: inherit!important;
}

.dark-mode button.dt-button,
.dark-mode div.dt-button,
.dark-mode a.dt-button,
.dark-mode input.dt-button{
	background: #b3b3b3!important;
}

.img_wrapper{
	width: 100%;
	height: 300px;
}

.dark-mode .disabled_bundle_exam{
	color: #f87619;
}

.admin_mainsb_item{
	/*display: none;*/
}

.sidebar-dark-olive .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-olive .nav-sidebar>.nav-item>.nav-link.active{
	background-color: var(--secondary-color);
}

.textarea_wordcount_info{
	display: block;
	font-size: 0.8rem;
	padding-left: 0.2rem;
}

.disabled_area{
	display: block;
	background-color: #e9ecef!important;
	opacity: 1;
	border: 1px solid #d2d6de;
	padding: 6px 12px;
	cursor:not-allowed;
	min-height: 60px;
}

.portfolioAddBtn, .socialMediaAddBtn{
	width: 30px;
	height: 30px;
	background-color: #22c848;
	border: 1px solid slategrey;
}

.portfolioRemoveBtn, .socialMediaRemoveBtn{
	width: 30px;
	height: 30px;
	background-color: #fd472c;
	border: 1px solid slategrey;
}

.custom-file-input{
	opacity: 1!important;
}

.studio_title_errors{
	display: block;
	color: red;
	font-size: medium;
	font-weight: 700;
}

#editBookingFrm #edit_booking_response_wrapper{
	color: red;
	color: #ff5858;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 1.5rem;
	font-style: oblique;
	text-shadow: 2px 2px 4px #a7a3a3;
}

#userProfileFrm label:not(.no_bg){
	font-size: 1rem;
	background-color: #afdfff;
	width: 100%;
	padding: 8px 12px;
	border-radius: .25rem;
}

/*
#qntm_main_content_wrapper{
	background-image: linear-gradient(to right bottom, #78aeff6b, #00baff7d, #00c1de80, #00c19f7a, #00bb5173);
}

.card{
	background-color: rgb(240 255 255 / 65%);
}
*/