/*quiz page*/
html.bootstrap-layout, html.bootstrap-layout body {overflow: visible;}
.return-error-msg{ color:#f56b6b; padding:10px 15px; font-size:13px; clear:both; width:100%; text-align:center; background:#fef1f1; border:1px solid #fcd9df; margin-bottom:20px;}
.return-success-msg{ color:#8fbb6c; padding:10px 15px font-size:13px; clear:both; width:100%; text-align:center; background:#ecf3e6; border:1px solid #e3ebd5; margin-bottom:20px}
.si-l3-md-up > .layout-content, .si-l3-md-up > .st-container > .st-pusher > .st-content > .layout-content {margin-left: 0;}
.list-group-item .active, .list-group-item .active:focus, .list-group-item .active:hover {background-color: #0c7cd5 !important; border:2px solid #0c7cd5;}
.list-group-item .completed{background:#66bb6a; border:2px solid #66bb6a; color:#FFF;}
.media-left a:not(:last-child) {margin-right: 5px; margin-left: 5px;}
.list-group-item {padding: 0.625rem 0 0.625rem 0.625rem; border:none !important}
.card-block{padding: 0.625rem;font-size:14px;}
.card-block a:hover{text-decoration:none; color:#000;}
.navbar > *:first-child {margin-left: 0;}
.navbar-brand, .navbar-nav .nav-link {xmargin-top: 10px;}
.navbar-brand-centered {position: absolute; display: block; width: 100%; text-align: center;}
.navbar-brand-centered  a {color: #fff; text-decoration:none;}
.sidebar-light {display: block!important}
.c-checkbox p{display:inline-block; margin:0; padding:0;}
.card-footer .nextQuestion{margin-left:5px;}
.btn{transition: background-color 0.5s ease;}
a.disabled {
   pointer-events: none;
   cursor: default;
}
.card-footer{text-align:right;}
/*login page*/
.login-content>.container-fluid{max-width:600px !important;}
.nav-tabs {text-align: center; margin: 0 !important;}
.nav-tabs .nav-item {float: none; list-style: none;}
.login-content > .container-fluid {width: 45%; margin-top:20px;}
.login-btn a:not(:last-child) {margin-left: 30px; margin-right: 3px;}
.login-btn {padding-left: 0} 
.login-btn .btn, .login-btn span {float:right}
.nav-item span {xcolor: #666!important;}
.nav-item span:hover {color: $666!important}
.navbar-nav{ position:relative; z-index:1}
.sidebar-light.sidebar-right {border-right: 1px solid #e5e5e5;}
.errorBox{ font-size:12px; padding-bottom:5px; text-align:center}
.signupBtn{ float:right; line-height:25px; padding-right:20px;}
.addLoader{min-height: 200px;  text-align: center; line-height: 200px;}
.logout{ color:#FF3}
.logout:hover{text-decoration:none; color:#FF6}
.welcome{ color:#FFF}
.card-header{ background-color:#ECF1F0;}
.card-title a{ color:#000;}
.bg1 a, .bg2 a, .bg3 a, .bg4 a, .bg5 a, .bg6 a{ color:#FFF;}
.bg1{background-color:#004aad}
.bg2{background-color:#00B9E6}
.bg3{background-color:#009987}
.bg4{background-color:#00924F}
.bg5{background-color:#6C541E}
.bg6{background-color:#B167C4}
.sidebar-heading{ border-bottom:1px solid #CCC}
.subjectUL{ margin-bottom:0 !important; padding-bottom:10px;}
.subjectUL > li{ padding:4px 10px;}
.subjectUL li span{font-size:12px;}
.subjectUL li span.btn-circle{ height:30px; width:30px; line-height:26px;}
.choseOption{vertical-align: super; background:#FFF !important; border:none !important; color:#000 !important}
#sidebarRight{right: 0px; min-width:250px; top:-60px !important;}
.layout-content ol{margin-left: 30px;}
.beginTest .btn-primary, .beginTest .btn-primary.focus, .beginTest .btn-primary:focus, .beginTest .btn-primary:hover{color: #FFF; border: none; border-radius: 0;}
.nextQuestion, .prevQuestion, #btnSubmit{border: none !important; color: #FFF;}
.c-checkbox input:indeterminate ~ .c-indicator{background-color:#ccc !important;}
@media only screen and (max-width : 767px) {
	html.bootstrap-layout .layout-container, html.bootstrap-layout .layout-content {height: auto}
	.layout-content > .container-fluid {max-width: 98.5%!important; margin-top:20px;} 
	.login-content > .container-fluid {width: 90%!important; margin-top:20px!important;}
	.media-left a:not(:last-child) {margin-right: 10px;}	
	.sidebar {position: relative!important; z-index: 1; width: 90%; margin:auto}
	.ls-top-navbar.layout-content, .ls-top-navbar > .layout-content {padding-top: 50px;}
	.navbar-brand-centered {text-align: left;}
	.navbar-brand-centered a {margin-left: 20px;}
	.navbar-nav .nav-link {margin-top: 0; margin-right:-10px;}
	.list-group.list-group-fit  {margin-bottom: 0;}
	.list-group-item {text-align: center!important;}
	.list-group-item span {display: inline-block;}	
	.navbar-nav .open .dropdown-menu {position: absolute; border: 1px solid #e5e5e5; background:#fff;}
	html.bootstrap-layout .layout-content {z-index: 0;}
	#sidebarRight{top:0 !important; margin-top:30px;}
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) {	
	.login-content > .container-fluid {width: 45%;}
	.layout-content > .container-fluid {max-width: 520px!important; margin-top:20px;}
	.container-fluid {margin: 0px}
	.sidebar {z-index: 1;}
}
@media only screen and (min-width : 768px) {
	.qzCnt{padding-right:250px;}
}