/*
 * 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;
}
.primaryBtn{
    padding: 1rem;
    background: var(--button-color);
    outline: none;
    border: 1px solid white;
    color: white;
    border-radius: 6px;
    height: auto;
    cursor: pointer;
    font-size: 0.8rem;
}
.successBtn{
    padding: 1rem;
    background: var(--Success-color);
    outline: none;
    border: 1px solid white;
    color: white;
    border-radius: 6px;
    height: auto;
    cursor: pointer;
    font-size: 0.8rem;
}
/* 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;
}

#background{
	display:flex;
	align-items:stretch;
	    min-height: 100vh;
}

.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: 100%;
	width: 100%;
	position:relative;
	float: left;
	max-width: 100%;
	background-color: var(--primary-color);
}

.admin-control-wrapper {
	margin: 20% 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: 35px;
	width: auto;
	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 */
.d-flex{
	display:flex !important;
}
.d-flex.space-between{
	justify-content:space-between;
}
.width_50{
	width: 48%;
	display:inline-block;
}
/* page-container*/
.section_title{
	padding: 15px !important;
    height: 7vh;
    background: #f3f3f3;
    vertical-align: middle;
    line-height: 2;
}
.title-box {
	line-height: 8.4vh;
	height: 8.4vh;
	padding-left: 4%;
	border-bottom: 1px solid #d1d1d1;
}

#control-panel {
	/* height: 88vh; */
	min-height: 88vh;
	margin-bottom: 1vh;
	padding: 10px 10px 0 10px;
}
.search_icon{
	height: 40px !important; 
	padding: 0.6vh 0.5vw !important; 
	border-radius: 0 2vh 2vh 0 !important; 
	width: 2vw !important;
	line-height:2 !important;
}
.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: 30.76vh !important;
	width: 40.63vw !important;
}
.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;
    max-height: 100%;
    max-width: 100%;
}

.flexWithSpaceBetween{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.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: 1.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;
}

.disbaleSection{
	opacity: 0.3;
	pointer-events:none;
}

/*New css*/
.login_container {
        width: 100%;
    height: 100%;
}
.signup_container {

   
    width: 100%;
    height: 100%;
}
.login_back {
    
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    /* padding: 50px 80px; */
   /*  border: 1px solid #e8e8e8;
    box-shadow: 0 0 3px 1px #e8e8e8; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* BACKGROUND: radial-gradient(circle, hsla(264, 14%, 93%, 1) 33%, hsla(262, 4%, 57%, 1) 100%); */
    /* background-image: url(/images/new-login-background.png); */
    BACKGROUND: radial-gradient(circle, hsl(264deg 14% 93%) 0%, hsl(199.57deg 76.03% 47.45%) 100%);
 }
 .signup_back {
    background: #ffffff;
    width: 100%;
    max-width: 80%;
    height: 80vh;
    padding: 50px 80px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 3px 1px #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
 }
 
 .login_page_img{
    width:80%;
    text-align: left;
 }
 .signup_page_img{
    width:50%;
    text-align: left;
    /*border: 1px solid red;*/
 } 
 
.login_page_img img{
 	width: 85%;
 }
 .signup_page_img img{
 	width: 85%;
 }
.login_box {
    display: flex;
    align-items: center;
    width: 25%;
    height: 60%;
    /* padding: 20px 0; */
    max-width: 35%;
    max-height: 90%;
    justify-content: center;
    background-color: #fafafb;
    flex-wrap: wrap;
    align-content: center;
    /* OPACITY: 133%; */
    border-radius: 3%;
}
.signup_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*border: 1px solid black;*/
    width: 50%;
    padding: 20px 0;
}
.login_logo_box {
        margin-top: 5%;
    height: 35%;
    width: 80%
}
.login_logo_box img {
    width: 50%;
}
.signup_logo_box {
    margin-bottom: 15px;
}
.signup_logo_box img {
    width: 125px;
}
.login_content_box form {
         /*   width: 90%; */
           width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 56%;
    margin-bottom: 0%;
    /* margin-top: 5%; */
   /*  border: 1px solid #c8c8c8; */
    padding: 2%;
    /* padding-bottom: 5%; */
    bottom: 10%;
    flex-wrap: nowrap;
}
.signup_content_box form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 25px;
    justify-content: center;
}
.signup_content_box .form-group{
	width: 50%;
	height: 50px;
	/*overflow-y: hidden;*/
}
.login_content_box h2 {
	margin-top: 0;
    /* margin-bottom: 5%; */
    color: #000000;
    text-transform: uppercase;
}
.signup_content_box h2 {
	margin-top: 0;
	font-size: 2.5rem;
    margin-bottom: 20px;
    color: #000000;
    text-transform: uppercase;
}
.login_content_box input[type="text"], .login_content_box input[type="password"], .login_content_box input[type="email"] {
    position: relative;
    height: 30px;
    width: 100%;
    border: 1px solid #AFAFAF;
    outline: none;
    /* color: #AFAFAF; */
    opacity: 0.7;
    padding: 5px;
    padding-left: 40px;
    border-radius: 5px;
}
.signup_content_box input[type="text"], .signup_content_box input[type="password"], .signup_content_box input[type="email"],.signup_content_box input[type="file"],#contact_number {
    position: relative;
    height: 30px;
    width: 100%;
    border: 1px solid #AFAFAF;
    outline: none;
    /* color: #AFAFAF; */
    opacity: 0.7;
    padding: 5px;
    padding-left: 40px;
    border-radius: 5px;
}
.login_content_box input[type="text"] {
    background: url(../pix/my/user_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px 18px;
}
.login_content_box input[type="password"] {
    background: url(../pix/my/lock_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px 18px;
}
.signup_content_box input[type="text"] {
    background: url(../pix/my/user_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px 18px;
}
.signup_content_box input[type="password"] {
    background: url(../pix/my/lock_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 15px 18px;
}
.forgot_link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
    flex-direction: row;
    height: 40%;
}
.user_login_forgot_link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.already_registered_link{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.forgot_link span {
    color: #137FC8;
}
.login_content_box button {
    height: 15%;
    color: #ffffff;
    border: none;
    padding: 1% 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    margin-top: 10%;
    margin-bottom: 0%;
    background: linear-gradient(45deg, hsl(200.11deg 100% 94.53%) 0%, hsla(200, 76%, 47%, 1) 100%);
    background: #7DBEE1;
}
.singup_content_box button {
    height: 45px;
    color: #ffffff;
    border: none;
    padding: 8px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    width: 100%;
    outline: none;
    cursor: pointer;
    font-size: 24px;
}
/*New inner page css*/
.left_section{
	width:16%;
	flex:1;
}

#container{
	min-height:80vh;
}
#customer-profile-img{
	width:80%;
	height:40px;	
	margin: auto;
}
.sidebar-nav {
    height: 6vh;
    width: 100%;
    padding: 15px;
}
.profile_img_container{
	display: flex;
    height: 70px;
    max-width: 100%;
    width:100%;
    background: #ffffff;
    color: #000000;
    /* padding-top: 5%; */
}
/* #container{
	min-height:80vh;
} */
.profile_img_container #prof_img{
	margin:auto;
	display: flex;
    flex-direction: column;

}
#master-navigation .sidebar-nav{
	display:flex;
	cursor:pointer;
	padding: 25px;
	align-items: center;
    justify-content: center;
    text-align: center;
}
#master-navigation .sidebar-nav img{
	margin: 0;
	margin-right: 20px;
}
#master-navigation .sidebar-nav span, #master-navigation .logout_menu span{
	width: 70%;
    text-align: left;
    align-self: center;
    letter-spacing: 2px;
}
.middle_container{
	width:84% !important;
	min-height: 100vh;
	padding: 0px !important;
}

.poweredBy{
	position: absolute;
    bottom: 2%;
    width: 94%;
    display: flex;
    justify-content: center;
}

.select2-container .select2-selection--single{
	height: 30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:30px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	top: 60% !important;
}
.unaunsweredBg{
	background: orange;
	color: #ffffff;
}
.incorrectAnswerBg{
	background: red;
	color: #ffffff;
}
.correctAnswerBg{
	background: green;
	color: #ffffff;
}

.sidebar-nav:hover{
    box-shadow: -13px 3px 13px 6px #19033157;
	transition-timing-function: ease-in-out;
	background-color: var(--active_color);
}

button#start-test-btn:disabled{
    opacity:0.3;
}