/*
 * eVAL CBT
 * Copyright 2019-current. Vir Softech.
 */

/* Application colors. */
:root {
	/* --primary-color: #7121C8; */
	--primary-color: #53a2e7;
	--primary-color-light: #f5f5f5 /*  rgba(113, 33, 200, 50) */;
	/* --secondary-color: #a35fed; */
	--secondary-color: #2f64b3;
	/* --border-color: #a35fed; */
	--border-color: #2f64b3;
	/*button-color: rgb(223, 122, 143);*/
	/* --button-color: linear-gradient(40deg, #c7b1df, #7121c8); */
	--button-color: #53a2e7;
	--Success-color: linear-gradient(103deg,#2EB62C 1%,#ABE098 1%, #83D475 98%);
	--expired-color: linear-gradient(103deg,#808080 1%,#D3D3D3 1%, #E5E4E2 98%);
	/* --active_color: #48098d; */
	--active_color: #2f64b3;
	--test_screen_primary_color: #f7931e;
	--save_next:#5cb85c;
}


.primary-color {
	color: var(--primary-color);
}

.secondary-color {
	color: var(--button-color);
}
.expiredButton{
	background-color: var(--expired-color);
}

.primary-color-background {
	background-color: var(--primary-color);
}

::placeholder {
	color: rgba(112, 112, 112, 0.5);
}

/* Styling for scrollbar. */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: rgba(0, 0, 0, 0.16);
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #b3b3b3;
}

::-webkit-scrollbar-thumb:hover {
	background: #999999;
}

::-webkit-scrollbar-corner {
	background-color: rgba(0, 0, 0, 0.16);
}

/* Styling for spinner. */
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1052;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border: 8px solid #fff;
	border-radius: 50%;
	border-top: 8px solid var(--primary-color);
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}
	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

#content-div {
	display: none;
	text-align: center;
}
/* spinner finished */

.admin-control {
	background-color: #3D424E;
	color: #ffffff;
	/* 	height: 100vh; */
	box-shadow: 0 0 .1em;
}

.admin-menu-active {
	background-color: var(--active_color);
}

.page-background {
	background-color: #E6E6E6;
}

.container-background {
	background-color: #FFF;
}

.container-sidebar {
	background-color: #EFEFEF;
}

.menu-background {
	background-color: var(--primary-color) !important;
}

.menu-color {
	color: #fff !important;
}

.border-color {
	border-color: rgba(0, 0, 0, 0.16) !important;
}

.active-menu {
	background-color: #FFF !important;
	color: #707070 !important;
}

#menu {
	height: 6.1vh;
}

#menu li a:hover {
	background-color: #3D424E;
	color: #fff;
}

#menu li a {
	border: 0;
	border-radius: 13px 13px 0 0;
	border-bottom: 1px solid transparent;
	margin: 0;
	height: 6.1vh;
	line-height: 4vh;
}

.menu-pre-active {
	background-color: #FCEAD7;
}

.section-menu-icon {
	background-color: transparent !important;
	border-left: 5px solid transparent !important;
}

.active-section-menu-icon {
	background-color: #E6E6E6 !important;
	border-left: 5px solid #D6A873 !important;
}

a {
	text-decoration: none !important;
}

input {
	border: 1px solid rgba(0, 0, 0, 0.16);
}

.text-color {
	color: #707070;
}

.text-black {
	color: #000;
}

.text-color-imp {
	color: #707070 !important;
}

.text-black-imp {
	color: #000 !important;
}

.graph-data {
	color: #707070 !important;
	fill: #707070 !important;
	font-weight: 100 !important;
}

.inverted-text-color {
	color: #fff;
}

.panel-heading {
	width: 100% !important;
	position: relative !important;
}

/* Styling for various button types. */
.primary-btn {
	background: var(--button-color);
    border: 1px solid var(--button-color);
    color: #fff !important;
    border-radius: 6px !important;
    outline: transparent;
    cursor: pointer;
    height: 30px;
    min-height: 25px;
    max-height: 30px;
    min-width: fit-content;
    width: 12vw;
    font-family: SF Display-regular;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
.finishSubmit{
	background-color: var(--save_next) !important;
	color: #fff !important;
    border-radius: 6px !important;
    outline: transparent;
    cursor: pointer;
    height: 30px;
    min-height: 25px;
    max-height: 30px;
    min-width: fit-content;
    width: 12vw;
    font-family: SF Display-regular;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
	border:none;
}

.secondary-btn {
	background-color: transparent;
	border: 1.25px solid var(--border-color) !important;
	color: var(--border-color) !important;
	border-radius: 6px !important;
	outline: transparent;
	cursor: pointer;
	height: 30px;
    min-height: 25px;
    max-height: 30px;
	min-width: fit-content;
	width: 12vw;
	font-family: SF Display-regular;
	font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.primary-btn.btn-disable, .primary-btn:disabled {
	background-color: rgb(112, 112, 112, 0.5) !important;
    border: 1px solid rgb(112, 112, 112, 0.5) !important;
    background: unset;
}

.secondary-btn.btn-disable, .secondary-btn:disabled {
	border: 1px solid rgb(112, 112, 112, 0.5) !important;
	color: rgb(112, 112, 112, 0.5) !important;
}

.text-btn {
	padding: 0 !important;
	background-color: transparent !important;
	color: var(--primary-color);
	cursor: pointer;
	text-transform: uppercase;
}

.btn-search {
	background-color: #fff;
	outline: none;
}

.btn-disable {
	color: #707070;
	opacity: 0.65;
	pointer-events: none;
}

.noselection {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}

/* Styling for select2 dropdown. */
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: var(--primary-color-light) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--primary-color) !important;
	margin: 0 !important;
	color: white !important;
}

strong.select2-results__group {
	font-weight: normal;
}

.select2-dropdown {
	font-family: SF Display-regular;
	font-weight: normal;
	font-size: 14px !important;
}

.select2-selection__rendered {
	font-size: 14px !important;
}

span.select2-selection.select2-selection--multiple>.select2-selection__rendered {
	display: none;
}

.select2-search--dropdown .select2-search__field {
	height: 20px;
}

.select2-container--default.select2-container--focus .select2-selection {
	border-color: var(--primary-color) !important;
}

.active-metadata {
	color: inherit;
	background-color: #E5E5E5;
}

.active-ques {
	background-color: #7AA2DF !important;
}

.saved-ques {
	background-color: green !important;
}

.active-option {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color);
	color: #fff !important;
}

.correct-option {
	color: #3597EC;
}

.ques-number {
	border-color: var(--primary-color-light);
	color: var(--primary-color);
}

.blank-ques-number {
	border-color: var(--primary-color-light);
	color: var(--primary-color);
}

.search-box-color {
	background-color: #FFF;
	border-color: rgba(112, 112, 112, 0.25) !important;
}

.search-btn-color {
	color: var(--primary-color);
}

.error-text {
	color: red;
}

.success-text {
	color: green;
}

.warning-text {
	color: rgb(214, 168, 115);
}

.highlighted-text {
	color: var(--primary-color);
}

.btn-add {
	background-color: transparent;
	border: 0;
	color: #B9963C;
	padding: 0 !important;
	margin: 0 !important;
}

.btn-remove {
	background-color: transparent;
	border: 0;
	color: #FF0000;
	padding: 0 !important;
	margin: 0 !important;
}

.metadata-btn-color {
	color: #3d424e;
}

.metadata-action-icon {
	color: var(--primary-color);
}

.slider-border-color {
	border-color: var(--button-color) !important;
}

.slider:before {
	background: var(--button-color) !important;
}

.active-mode {
	color: rgba(112, 112, 112, 1) !important;
}

.inactive-mode {
	color: rgba(112, 112, 112, 0.5);
}


.box-style {
	background-color: #FFF;
}

.popup-box-color {
	background-color: #fff;
}

.option-style {
	background-color: #FFF;
	color: red;
}

option {
	background-color: #FFF;
}

option:hover {
	background-color: #677962;
	color: #FFF;
}

option:checked {
	background-color: #677962;
	color: #FFF;
}

/* Styling for checkboxes. */
.checkbox-custom:checked+.checkbox-custom-label {
	border: 1px solid var(--primary-color);
}

.checkbox-custom:checked+.checkbox-custom-label:before {
	color: var(--primary-color);;
}

/* Styling for radio buttons. */
.radiobutton-custom:checked+.radiobutton-custom-label {
	border: 1px solid var(--primary-color);;
}

.radiobutton-custom:checked+.radiobutton-custom-label:before {
	color: var(--primary-color);
}

.active-test {
	background-color: #efefef;
}

.table-header-color {
	background-color: #E8E8E8;
}

.test-user-active {
	color: #33BAA8;
}

.primary-icon {
	color: var(--secondary-color);
}

.test-skeleton-menu-edit {
	background-color: var(--primary-color-light);
	color:#707070;
}

.active-section {
	background-color: var(--primary-color) !important;
	color: #fff;
}

.popup-background {
	background-color: rgba(0, 0, 0, 0.5);
}

.primary-border {
	border-color: var(--primary-color);
}

.copy-box {
	border-color: var(--primary-color) !important;
}

.info-box-header {
	background-color: var(--primary-color);
	color: #fff;
	/* background-image: linear-gradient(40deg, #c7b1df, #7121c8); */
}
.info-box-header::focus{	
	color: #fff !important;
	background-color: var(--active_olor);
}

.info-box-container {
	background-color: #fff;
	color: #3D424E;
	
}

.report-active-option {
	background-color: #fff;
}

.report-control {
	background-color: #F2F2F2;
}

.required {
	border-color: #ff0000 !important;
}

.disable-action {
	cursor: not-allowed !important;
	opacity: 0.65;
}

.active-title-color {
	color: #DF7A8F;
}

input[type="file"]::file-selector-button {
    display: none;
}

input[type="file"] {
	width: 19rem;
}

input[type="file"]::before {
    content: "\f093";
    font-family: 'FontAwesome';
    margin-right: 7px;
    margin-left: 3px;
	color: var(--primary-color);
    font-size: 1.75rem;
}

input[type="file"].btn-disable::before {
	color: #707070;
}

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 0 transparent !important;
}

/** home page theme style **/

* {
	scroll-behavior: smooth;
}

a:hover {
	color: var(--primary-color);
}

.even-section {
	background-color: #FAFAFA;
}

.active-input {
	border-color: var(--primary-color);
}

.scroller-btn {
	background-color: #F4F4F4;
}

.active-demo-box {
	color: #DF7A8F;
	border-bottom: 2px solid #DF7A8F;
}

.title-color {
	color: var(--primary-color);
}

.active-title-color {
	color: #DF7A8F;
}

.product-desc-color {
	color: #D0D0D0 !important;
}

.feature-img-border {
	border-color: #4CB7A7 !important;
}

.package-box-background {
	background-color: #fff;
}

/**	home page theme finished */

.remain-time {
	background-color: var(--primary-color);
}

.spent-time {
	background-color: #DF7A8F;
}

/** start test instruction page heading color **/

.start-page-heads {
	color: #3D424E !important;
}

.table-section-name {
	color: #3D424E !important;
}

/**	setting for printing page	**/

@media print {
	@page {
		margin: 0.85cm;
		margin-left: 0cm;
		margin-right: 0cm;
	}
	body {
		padding: 0.85cm;
		print-color-adjust: exact !important;
		-webkit-print-color-adjust: exact !important;
	}
	#preview-section-questions tr {
		page-break-inside: never;
	}
	.section-title {
		background-color: #efefef !important;
	}
	#viewAllQues td.ques-area {
		max-width: auto !important;
		overflow: auto;
	}
	.correct-option {
		color: #3597EC;
	}
	#print-me {
		display: none;
	}
	.hide-int-numeric-ques-string {
		display: none;
	}
}

/* Styling for editor. */
.note-toolbar.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.summernote-icon {
	color: green;
}