/*
 * eVAL CBT
 * Copyright 2019-current. Vir Softech.
 */

* {
	outline: none !important;
}

[type="date"]::-webkit-inner-spin-button {
	display: none;
}

[type="time"]::-webkit-inner-spin-button {
	display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0.5;
}

label {
	font-weight: normal !important;
}

body {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

/* custom checkbox */
.checkbox-custom {
	opacity: 0;
	position: relative;
	display: none !important;
}

.checkbox-custom, .checkbox-custom-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.checkbox-custom~label {
	cursor: pointer;
}

.checkbox-custom+.checkbox-custom-label {
	background: #fff;
	border-radius: 2px;
	border: 1px solid rgba(112, 112, 112, 0.5);
	width: 14px;
	height: 14px;
	position: relative;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
	content: '\f00c';
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
	top: -2px;
	left: 0px;
}
/* custom checkbox finished */

/* custom radiobutton */
.radiobutton-custom {
	opacity: 0;
	position: relative;
	display: none !important;
}

.radiobutton-custom, .radiobutton-custom-label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.radiobutton-custom~label {
	cursor: pointer;
}

.radiobutton-custom+.radiobutton-custom-label {
	background: #fff;
	border-radius: 7px;
	border: 1px solid rgba(112, 112, 112, 0.5);
	width: 14px;
	height: 14px;
	position: relative;
}

.radiobutton-custom:checked+.radiobutton-custom-label:before {
	content: '\f111';
	font-family: FontAwesome;
	font-size: 10px;
	position: absolute;
	left: 1.5px;
	top: -1px;
}
/* custom radiobutton finished */

/* master-control */
#master-navigation {
	height: 100vh;
	width: 8.6vw;
	max-width: 8.6vw;
	float: left;
}

.admin-control-wrapper {
	margin: 6.6vh 0 0 0;
}

.student-control-wrapper {
	margin-top: 8vh;
	margin-bottom: 45vh;
}

.host-control-wrapper {
	margin-top: 1.16vh;
	margin-bottom: 50vh;
}

.admin-icon {
	height: 35px;
    width: auto;
    margin-top: 1.5vh;
    margin-bottom: 0.75vh;
}

#customer-profile-img{
    height: auto;
    width: 65%;
    margin: 1% 5%;
    border-radius: 50%;
}

.logout-icon {
	height: 28px;
	width: 28px;
	margin-top: 1.81vh;
	margin-bottom: 0.9vh;
}

.sidebar-nav {
	padding-top: 0%;
	height: 11.94vh;
	width: 100%;
}

#nav-controls {
	height: 70vh;
}

#profile {
	padding-top: 11.95vh;
	padding-left: 16%;
	height: 30vh;
}

/* master-control finished */

/* page-container*/

.title-box {
	line-height: 8.4vh;
	height: 8.4vh;
	padding-left: 4%;
	border-bottom: 1px solid #d1d1d1;
}

#control-panel {
	height: 88vh;
	margin-top: 6vh;
	margin-bottom: 6vh;
	float: right;
	width: 86vw;
	max-width: 86vw;
	padding: 0;
	margin-left: 2.6vw;
	margin-right: 2.6vw;
}

.sorting-area {
	height: 4vh;
	width: 100%;
	margin-top: 2vh;
}

.show-disable {
	opacity: 0.5;
}

.popup-wrapper {
	height: 100%;
	width: 100%;
	display: none;
}

.popup-box {
	height: 24.76vh;
	width: 40.63vw;
}
.popup-start-test-box{
    height: 50.76vh;
    width: 72.63vw;
}

.popup-warning-box {
	height: 30.76vh;
	width: 40.63vw;
}

.popup-editor-box {
	height: 35.9vh;
}

.popup-box-md {
	height: 73.4vh;
	width: 89vw;
}

.popup-title-bar-md {
	height: 10.4vh;
	padding: 3.63vh 3.075vw;
	border-bottom: 1px solid;
}

.popup-container-md {
	padding: 5.45vh 3.075vw 0 3.07vw;
	height: 63vh;
}

.popup-editor {
	height: 41.35vh;
	width: 55%;
}

.popup-editor-summary {
	height: 41.35vh;
	width: 45%;
	max-height: 41.35vh;
	overflow-y: auto;
}

.popup {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.popup-title-bar {
	height: 10.5vh;
	padding: 3.63vh 2.7vw;
}
.popup-container-sub-title-box {
                padding: 0 2.7vw;
                height: 8.26vh;
                padding-bottom: 3.63vh;
}
.popup-container-box {
	padding: 0 2.7vw;
	height: 14.26vh;
	padding-bottom: 3.63vh;
}

.popup-btn-wrapper {
	width: 100%;
	margin-top: 5.45vh;
	height: 3vh;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.pointer-view {
	cursor: pointer;
}

.disable-pointer-event {
	pointer-events: none;
}

.action-btn-size {
	height: 4.2vh;
	max-height: 34px;
	min-width: fit-content;
	width: 12vw;
	padding: 0 !important;
}

.secondary-btn-size {
	width: 9.08vw !important;
}

.readonly-textbox {
	pointer-events: none;
	opacity: 0.60;
}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .125) !important;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, .125) !important;
}

*[draggable=true] {
	-moz-user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	-khtml-user-select: none;
	-webkit-user-select: none;
	cursor: copy !important;
}

*[draggable=true]:active {
	cursor: copy !important;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

/* Styling for summernote editor. */
.text-editor+.note-editor .note-toolbar .dropdown-menu h1 {
	margin: 0;
}

.text-editor+.note-editor .note-toolbar .dropdown-menu h2 {
	margin: 0;
}

.text-editor+.note-editor .note-toolbar .dropdown-menu h3 {
	margin: 0;
}

.text-editor+.note-editor .note-toolbar .dropdown-menu h4 {
	margin: 0;
}

.text-editor+.note-editor .note-toolbar .dropdown-menu p {
	margin: 0;
}

.text-editor+.note-editor .note-toolbar .dropdown-menu blockquote {
	margin: 0;
}

.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
	margin-top: 0px !important;
}

.btn-group>.btn, .btn-group-vertical>.btn {
	height: 3.89vh;
	min-width: 2.1vw;
	padding: 1px;
}