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%;
}

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);
}