/*
font-family: 'Pump Std'; font-weight: 300; font-style: normal;
font-family: 'Swis721 Cn BT'; font-weight: bold; font-style: normal;
font-family: 'Swis721 Cn BT'; font-weight: normal; font-style: normal;
*/
@font-face {
	font-family: 'LIMEJUICE';
	src: url('../fonts/limejuice.eot');
	src: url('../fonts/limejuice.eot?#limejuice') format('embedded-opentype'), url('../fonts/limejuice.woff') format('woff'), url('../fonts/limejuice.ttf') format('truetype'), url('../fonts/limejuice.svg#limejuice') format('svg'),url("../fonts/limejuice.otf") format("opentype");
  	/* src: url('../fonts/limejuicethin.eot');
	src: url('../fonts/limejuicethin.eot?#limejuicethin') format('embedded-opentype'), url('../fonts/limejuicethin.woff') format('woff'), url('../fonts/limejuicethin.ttf') format('truetype'), url('../fonts/limejuicethin.svg#limejuicethin') format('svg'),url("../fonts/limejuicethin.otf") format("opentype"); */
  }
:root {
	--primary: #008ba7;
	--secondary: #e8d77e;
	--bluegrey: #909c9c;
	--pink: #b6346a;
	--darkgreeen: #008080;
	--lime: #bbd330;
	--white: #FFF;
	--red: #d34509;
	--lightgrey: #E2E2E2;
	--murkeyyellow: #dbbc7a;
}
body{font-family: 'Lato', sans-serif; color:#000; font-weight: 400;}
.bodyContent {}
.beforenine-container {padding:4vw; margin: auto;}
.topDetails {background-color: var(--secondary);}
.headerDetails, .headerDetails a { color: #000;}
/* h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Limejuice', sans-serif; font-weight: 500 !important; } */
h1 {font-family: 'Limejuice', sans-serif; font-weight: 500 !important; }
h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Source Sans Pro', sans-serif; }
h6 {font-size: 22px;}
.relative {position: relative;}
.logos {padding:0px;} .logos img {max-width:320px;}
.tenant { position:absolute; left:0; top:0; padding-right:10px; border-right:1px solid #ddd;}
.contenter {padding-top:8rem; padding-bottom: 12rem; padding-right: 12vw;}
.pageFooter{background-color:var(--primary); color: var(--white); /*display: flex; justify-content:space-between; align-items: flex-end;*/ text-align: center; padding:10px 40px;}
.pageFooter img {max-width:130px;}
.pageFooter a {color:var(--white); text-decoration: underline;}
.pageFooter p {margin: 0;}
h1 {font-size:7rem;  color: var(--primary); font-weight: 600; padding: 0; margin:0; font-weight: bold; }
h1 span {margin-bottom: 3rem; padding-bottom: 2.5rem; border-bottom: 3px solid var(--primary); display: inline-block;}
h4 {color:var(--primary); font-weight: 600; font-size:3rem;}
p {font-size:16px; margin-bottom: 2rem;}
.the-login-panel{padding:3rem; background-image: url(../images/brand/login-bg.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.admin-bg-row .the-login-panel {background-image: url(../images/brand/admin-login-bg.jpg); background-size: 100%; background-repeat: no-repeat; background-position: top;}
.fl-row {display: flex; align-items: center; }
/* .page-content {background-image: url(../images/brand/page-bg.jpg); background-position: bottom right; background-size: 15%; background-repeat: no-repeat;} */
.bg-row {background-image: url(../images/brand/page-bg.jpg); background-position: bottom right; background-size: 20%; background-repeat: no-repeat;}
h3.panel-title {font-size:2.3rem;}
.admin-login-distance {padding-top:10vw;}
.admin-login-distance {}

.topShadow{width:120%; position:relative; z-index:2; background: rgb(0,124,159); background: linear-gradient(180deg, rgba(0,124,159,1) 0%, rgba(0,93,118,1) 100%);
	border-radius: 0 0 50% 50%;
    padding-bottom: 20px; padding-top:20px;
    margin-left: -10%;
}
.hider {overflow: hidden;}
.admin-control-block {background-color:#E2E2E2;}
.admin-control-block a.btn-xs { color:#FFF;}
.admin-control-block label {color:#000;}
#divCaptchaContainer.adminLogin { padding-left:15px;}
.the-login-panel-footer .pull-right {margin-right:-5px;}

.the-login-panel-body {padding:12vw 0;}
.admin-bg-row .the-login-panel-body {padding:6vw 0 12vw 0;}
.the-login-panel-body form {max-width:300px; margin: auto; padding-top:1rem;}
.admin-bg-row .the-login-panel-body form {max-width:400px;}

.the-login-panel-body .col-sm-8 {padding-right:2px;}
.the-login-panel-footer{margin-top:0rem; padding:0px 0px 5px 0px; color:#FFF;}
.the-login-panel input.form-control, .the-login-panel input:-internal-autofill-selected {background-color:#dee1df; border: none; outline: none; color:#000; height:30px;}
.the-login-panel a{color:var(--primary);} .the-login-panel a:hover {color:#000;}
.the-login-panel-heading h4.the-login-panel-title { font-size:2.4rem; font-weight: 600; margin-bottom:15px; color:var(--primary);}
.panel-heading h4 {font-size: 25px; margin:0 10px;}
.panel-heading h5 {color: var(--primary); font-size: 15px; margin: 0; font-weight:bold}
.the-login-panel .form-horizontal .control-label {text-align:left; font-size:18px; color:#000;}
.btn-login.btn-primary {background-color:var(--primary) !important; color:#FFF; border-radius:10px; text-transform:none; font-size:14px; font-weight:bold; padding:6px 10px!important;}
.btn-login.btn-primary:hover {background-color:var(--secondary) !important; color:#000;}
a.btn.btn-primary, button.btn.btn-primary {	background-image:none; background-repeat:no-repeat; background-color:var(--primary); color:#FFF; border-radius:10px; border:none; padding:5px 20px; font-size:15px; text-transform:none; margin-left:20px;}
a.btn.btn-primary:hover, button.btn.btn-primary:hover, .btn.btn-primary:hover {background-color: var(--primary); }
button.btn.btn-default.btn-xs.dropdown-toggle {padding:2px 14px;}
.btn-danger, .btn-primary, .btn-info, .btn-success, .btn-warning{background:none; background-color:var(--primary); color:#FFF; transition: all ease .3s;}
.admin-control-block .btn-danger, .admin-control-block .btn-primary, .admin-control-block .btn-info, .admin-control-block .btn-success, .admin-control-block .btn-warning {background-color:var(--primary); color:#FFF;}
.admin-control-block #label-btn {color:#000;}
.btn-primary:hover, .btn-info:hover{ color:#000; background-color:var(--primary); border: none ;}
.btn:hover {background-color:var(--primary); color:#FFF; text-shadow:none;}
.btn-default {background-image:none;}
.the-login-panel-footer .register-link, .register-link, .register-link:visited {text-decoration: none; font-size:15px; cursor:pointer; transition:all ease .3s; display:inline-block; margin-top:15px;}
.pull-left .register-link {text-transform:uppercase; font-weight: bold; font-size: 18px;}
.the-login-panel-footer .register-link:hover, .register-link:hover {color:#333;}
#loginForm input.form-control {position:relative; right:-5px; margin-top:3px;}
.the-login-panel-footer .dark-link {text-decoration:none;color:#333;}.the-login-panel-footer .dark-link:hover{text-decoration:none;	color:#55758E;}
.cap {margin-left:5px;}
.cap input {position:relative; left:-10px;}
.list-group-item {background:#FFF; color:#000;}
.dropdown-menu > li > a {white-space: normal; text-decoration: none !important;}
.lb .well .text-left, .lb h6 {color: var(--primary);}
.panel-body.text-center.lb img {max-width:90px; margin:2rem auto;}
.row-nav-top div.active {background-color: var(--primary);}
.left-hold {background-color: var(--bluegrey); color: #FFF;}
.left-hold .form-row {color: #FFF;}
.bord-holder {background-color: #FFF; color: var(--primary);}

/* buttons */
.btn-edit {background-color: var(--primary); text-shadow: none; margin-bottom:2px; border: none;}
.btn-upload {background-color: var(--bluegrey); color:var(--white); text-shadow: none; margin-bottom:2px; border: none;}
.btn-view{background-color: var(--primary); color:var(--white); text-shadow: none; margin-bottom:2px; border: none;}

table  {background-color:#000;}
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span {background-color:var(--primary); color:#FFF; border-color:var(--primary);}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:var(--secondary); color:#000; border-color:var(--secondary);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > li.disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {background-color:var(--secondary); color:#000; border-color:var(--secondary);}
:not(.datepicker) td {color:#000; background-color:#FFF;}
.table-bordered > tbody > tr:hover > td {background-color:#F2F2F2;}
.table-bordered th, th {background-color:var(--primary); color:#FFF;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
border:1px solid #a0a0a0}
td a:not(.btn) {text-decoration:underline;}
.pageContent .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu>li:hover>a{background-color: var(--primary);
    background-image: none; color:#FFF; border:none;}
.dropdown-menu>li:hover>a {color: var(--white);}
.pageContent {/*background-color: rgba(255,255,255,.8); border-left: 2px solid #E2E2E2;border-right: 2px solid #E2E2E2;*/ margin:0;}
.navbar-inverse .navbar-nav > .dropdown > a .caret {color: var(--white);}

.datepicker table {background-color: #FFF;}
.datepicker td, .datepicker th {border-radius: 0;}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {color:#000;}

.navbar-clear {top:20px; }
.nav-contain {position:relative; margin-bottom: 10px;}
.nav-contain .nav.navbar-nav {border-radius: 15px;}
.navbar-clear .navbar-nav > li > a {color:#000; background-color:var(--secondary); /* text-transform:uppercase; */ padding:12px 2rem; font-size:18px; margin-right: 10px; border-radius: 10px;}
.navbar-clear .navbar-nav > li.active > a, #myCoursesContentTab.active a, #myCourseProgressContentTab.active a { background-color:var(--primary); color: #FFF; /* transform:scale(1.2,1.2); z-index:2;*/}
.navbar-clear .navbar-nav > li:hover > a, #myCoursesContentTab:hover a, #myCourseProgressContentTab:hover a { background-color:var(--primary); color: #FFF;}
.navbar-inverse .navbar-nav > .active > a {background: var(--secondary) ; box-shadow: none;
background: linear-gradient(5deg, var(--secondary) 7%, var(--secondary) 100%); color: #000;}
.navbar-inverse .navbar-nav > li > a {line-height:25px; color:#FFF;  font-size: 15px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: var(--secondary); color: #000;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .dropdown-menu > li > a, .admin-control-block label, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: 15px;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th {padding:10px 1rem;}
.table-bordered {margin-top: 2rem;}
.tab-content > .tab-pane > h4 { margin-bottom: 1rem; font-size:25px; font-weight: 700;}
.tab-content > .tab-pane > h4.learner { margin-top: -3rem; margin-bottom: 3rem; font-family: 'Source Sans Pro', sans-serif; font-size:25px}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {height: auto;}
.admin-control-block .btn-group a.btn-default {padding:6.5px 20px}
.btn-group .btn {border-radius: 5px;}
#partner_performance_summary_holder h5.small {margin:0; padding:10px 20px; border:1px solid #CCC; border-bottom: none; background-color: var(--white);}
.navbar-collapse.in {overflow: visible;}


.navbar-inverse {background:none; background-color:var(--primary);}
.navbar-clear .navbar-nav > li > a .glyphicon {font-size: 15px;} 

@media screen and (max-width: 991px) { 
	.navbar-clear .navbar-nav > li > a {margin-bottom: 10px; margin-right: 0;}
	.navbar-clear { clear:both; float:none; margin-top:0;margin-bottom:3rem;} 
	/*.navbar-clear .navbar-nav > li.active > a {transform:scale(1,1); z-index:2;}*/
 	.nav-col {padding:0; position:relative;}
	.navbar-toggle {background-color:var(--primary);}
	.navbar-toggle:hover {background-color:#a34424;}
	.contenter {padding: 0 40px 2rem 40px; margin:auto;}
	.the-login-panel {margin:0;}
	h1 {font-size: 3rem;}
	#loginForm input.form-control {right:auto;}
	.the-login-panel .form-group {margin:0;}
	#loginForm {padding-right: 20px;}
	#divCaptchaContainer.adminLogin > div {padding: 0;}
	.logos {margin-right:-20px; margin-left: -30px}
	.topShadow {overflow: hidden;}
	.the-login-panel {padding:12vw 0;}
	.admin-bg-row .the-login-panel-body, .admin-bg-row .the-login-panel {padding-bottom: 0;}
}

/* learning journey begin */
button.btn.filter-button {padding: 1px 10px; text-transform: uppercase; font-size: 1.3rem; border-radius: 0; border: none;}
#jrn-total {display:flex; flex-direction: row; flex-wrap:wrap;}
.journey-block {color:#000; margin-bottom:3rem; position:relative;}
.journey-closer {position:absolute; width:10px; left:0; bottom:0; height:99px; background-color:#FFF; z-index:3; display:none;}
.journey-block .title {font-size:22px; background-color:var(--bluegrey); border-radius: 8px; color: #FFF;}
.journey-block .title h3 .badge {position:relative; top: -5px; margin-left:5px;}
.journey-block h3 {margin:0; padding:10px 0px; /*font-weight: bolder;*/ font-size:25px; }
.journey-block .the-progress-bar { background-color:#dcdcdc; color:#000; font-weight:300; font-size:14px; padding:1px 5px 2px 5px; margin:10px 0px; position:relative;}
.journey-block .the-progress-bar .the-complete-bar {width:40%; position: absolute; top:0; left:0; background-color:#9C0; height:100%; z-index:1;}
.journey-block .the-progress-bar .pc {position:relative; z-index:2;}
.journey-block .badge {border-radius:3px; padding:2px 5px; text-transform:uppercase; font-weight:300; font-size:12px;}
.title { /*border-left:10px solid #39C; */border-bottom:none;}
.learning-journey {margin-bottom: 5vw;}
.journey-details { padding: 0 10rem;/*border-left:10px solid #39C; background-color: #E5E5E5;*/}
/* .all-modules {margin:0 -15px;} */
.agency img {max-height:70px; margin-top:40px;}

#bundle_accordion h4 {padding-top:5px; color:var(--primary); font-size:18px; font-weight: 400;} 
#bundle_accordion .module-data h4 {font-weight: bolder; margin-bottom:3rem; flex-basis: auto; flex-grow: 1;}
.alert{border:1px solid rgba(255,255,255,.6); border-radius:0;}
.alert.alert-dark {background-color:var(--primary); color:#FFF;} .alert.alert-light { color:#FFF; background-color:var(--primary);} .alert-black {background-color:#393534; color:#FFF !important;} .alert-progress {background-color:#f5e248; color:#000;}
.alert-progress h5 {color:#000;} .alert-black h5, .alert-dark h5, .alert-light h5 {color:#FFF;}
.alert.alert-info-dark{background-color:var(--primary)}
.panel-title > a {color:#FFF;} .panel-title a:hover {color:var(--primary);}
.block-description { padding:20px 20px 0 20px; color: #000}
.a-block {position: relative; z-index: 40; display:flex; align-items:stretch; align-content:stretch; flex-wrap:wrap; flex-direction:row;}
.a-module {width:100%; display:flex; flex-direction:column; align-content:stretch; align-items:stretch; justify-content:space-between; border-radius: 10px; overflow: hidden;
background: #FFF;
box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-bottom:15px; margin-top:15px; position:relative;}
#bundle_accordion .a-module.complete h4 {color:var(--primary); padding-top: 0; }
.a-module h4 {margin-top:0;}
.a-module .left-bar {position:absolute; width:30px; left:-30px; top:65px; /*border-bottom:10px solid #39C;*/ display:none; z-index:2;}
.a-module .right-bar {position:absolute; width:30px; right:-30px; top:65px; /*border-bottom:10px solid #39C;*/ display:none; z-index:2;}
.journey-block .a-block:last-child .a-module .right-bar {display:none;}
.left-bar img {position:absolute; top:-6px; right:-19px;}
.a-module .details a { font-weight: 600;}
.a-module .details a:hover {color:var(--pink);}
.a-module a {display:block; color: var(--primary); font-weight: 700; text-decoration: underline; text-transform: uppercase;}
.a-module .module-data {padding:20px 28px; position:relative; font-weight: 600; display: flex; flex-direction: column; flex-grow: 1; align-items: stretch;}
.a-module .details .badge {position:absolute; bottom:20px; right:25px;}
.a-module .i-bg {width: 25px; height: 20px; display: flex; position: absolute; right: 10px; /*top:10px;*/ align-items: center; justify-content: center; transition: all ease .3s; font-size: 24px;}
.a-module .i-bg i {color:#FFF;} 
.a-block + .clearfix {/*border-bottom:10px solid #39C;*/ position:relative; margin:0px -15px;}
.blocker {border-left:10px solid #252525; height:15px; width:10px; position:absolute; bottom:0px; left:-10px;}
.blocker-right {/*border-right:10px solid #39C; */height:15px; width:10px; position:absolute; bottom:0px; right:0px;}
/* learning journey end */

/* launch buttons */
.a-module .launch {font-family: 'Source Sans Pro', sans-serif; font-weight: 400 !important; /*padding:3px 8px 3px 12px !important;*/ padding:12px; background-color:var(--primary); color:#FFF; font-size:18px; border-top:1px solid rgba(255,255,255,.4); /*border-radius:0px 0px 10px 10px;*/}
.a-module .launch.launch-completed {background-color:var(--primary); color:#FFF;}
.a-module .launch.launch-failed {background-color:var(--red); color:#FFF;}
.a-module .launch.launch-progress {background-color:#fddf0b; color:#000;}
.a-module .launch.launch-progress .i-bg i {color:#000;}
.a-module .launch:hover {background-color:var(--secondary); color:#000;}
.a-module .launch:hover .i-bg i {color: #000;}
/*.a-module .launch:hover .i-bg {transform:scale(.8,.8) rotate(45deg);}
.the-no {position:absolute; right:0; bottom:5px; height:20px; width:20px;}
/* launch buttons end */

/* progress in learning journey */
.glyphicon-stop {transform: rotate(-30deg);}
.glyphicon-stop{color:#E2E2E2; margin-right:5px;} .glyphicon-stop.green {color:var(--primary);} .glyphicon-stop.yellow {color:#ffcc00;}  .glyphicon-stop.red {color:var(--red);} 
.progress {background-image:none; background-color:var(--primary);}
.progress-bullets {padding:12px; font-size:12px; color:#BBB;} .progress-bullets i {margin-left:3px;}
.progress-bullets .green {color:var(--primary);} .progress-bullets .yellow {color:#FCCA03;}

/* badges */
.badge.badge-progress {background-color:#fddf0b; color:#333;}
.badge.badge-failed {background-color:var(--red); color:#FFF;}
.badge.badge-completed {background-color:var(--primary); color:#fff;}
.badge.badge-not-started {background-color:#999; color:#FFF;}
.badge.badge-access-status {background-color:var(--primary); color:#FFF; font-family: 'Lato', sans-serif;}
/* badges end */

/* dashboard summaries */
.tab-content-style {margin-top:3rem;}
.blockdiv {border-radius: 15px; padding:10px 20px 5px 20px; margin-bottom: 15px; position: relative; background-color: #CCC; cursor: default; color: var(--white); transition:all ease .2s;}
.blockdiv.blockdiv-total{background-color: var(--murkeyyellow); color: #000;}
.blockdiv.blockdiv-completed{background-color: var(--primary);}
.blockdiv.blockdiv-pending{background-color: #818181;}
.blockdiv.blockdiv-progress{background-color: var(--secondary); color: #000;}
.blockdiv.blockdiv-login{background-color: #FFF; color:var(--bluegrey); border:1px solid #CCC;}
.blockdiv.blockdiv-module{background-color: var(--pink); color:#FFF;}
.blockdiv h5 {width:90%; margin:6px;}
.blockdiv span {display: block; font-weight: normal; font-family: 'Lato', sans-serif; }
.blockdiv span.the-data {font-size:3.3rem;  font-weight: bold;}
.blockdiv.blockdiv-module span.the-data {font-size:2.4rem;}
.blockdiv.blockdiv-module h5 {width:80%;}
.blockdiv i {position: absolute; right:20px; top:30%; font-size:3rem; width:40px; text-align: center; transition:all ease .3s; }
.blockdiv:hover {background-color: #CCC; color:#000; transition: all ease .6s;}
.blockdiv:hover i {right:30px;}

/* assessment */
.modal-lg {width:800px; max-width:100%;}
.modal-xl {max-width:100%;}
.modal-lg .panel-body, .modal-xl .panel-body{max-height:calc(100vh - 200px); overflow-y:auto;}
.modal-content {border-radius: 15px; overflow: hidden;}
.div_ques_inst{background-color: #E2E2E2; border-radius: 15px; overflow: hidden; position: relative;}
.div_ques_inst .assess-block {padding:20px;}
.div_ques_inst h4{background-color: var(--secondary); color: #000; padding:10px; margin: 0; font-size: 3rem; font-weight: normal;}
.div_ques_inst h3 {position: absolute; right:20px; bottom: 20px; padding:18px; margin:0; background-color: var(--white); border-radius:50%; width:100px; font-size:13px; white-space: break-word; text-align: center; text-transform: uppercase;}
.div_ques_inst h3 span {display: block; text-align: center; padding:0 6px; font-size: 35px; font-weight: bold; font-family: 'Swis721';}
a.btn-primary.btn-large {padding:10px 20px; font-size:1.5rem; margin-bottom:20px;}
.as-row {padding:2rem 0px;}
.as-row h3 {margin:0; padding-bottom:2rem;} .as-row h5 {font-size:1.8rem; margin:0; padding-top:2rem; padding-bottom:.5rem;}
.as-row .list-group-item {position:relative;}
.as-row .list-group-item .glyphicon-pencil {transition:all ease .3s; position:absolute; z-index:2; right:20px; top:6px; cursor:pointer; background-color:#E2E2E2; border-radius:4px; padding:5px 20px 5px 5px; width:20px;}
.as-row .list-group-item .glyphicon-pencil:hover {background-color:#000; color:#FFF;}
.nav-qs {border-radius:0; padding-top:2rem;}
.nav-qs a {display:block; padding:8px 20px; text-decoration:none; border-radius:0;}
.nav-qs a:hover, .nav-qs li.list-group-item.active a {text-decoration:none; background-image:none; background-color:#2b4054; color:#FFF;}
.list-group-item.btn {padding: 0;}
.list-group-item.btn-warning {background:none; background-color:#FCCA03;}
.list-group-item.btn-success{background:none; background-color: var(--primary);}
.nav-qs a:hover {background-color:var(--primary);}

/* assessment question type selector */
.q-total {text-align: center; padding:10px;}
.q-type {display: block; margin:0;}
.q-type.problem {border:1px solid red;}
.nav-qs a.q-type-a {display: block; border-radius: 0px 0px 4px 4px !important;}
.select-error{color: red; font-size:12px;}
.div_ques_inst p {padding-right:11rem;}

.que-text {color:#000; font-size: 20px;}
.que-box.jumbotron {background:none; background-color: #E2E2E2; color: #000; padding:10px 20px; text-shadow: none; box-shadow: none; font-size:16px; line-height: 26px;}
.que-box.jumbotron p {font-size:16px; line-height: 26px;}
.que-container {margin-bottom: 2rem; position: relative;}
.que-container h5 {position: relative; margin: 0; top: 0px; font-size: 22px;}
.que-totals {position: absolute; right: 0px; top: -15px; background-color: var(--pink); color: var(--white); padding: 2px 20px; border-radius: 20px;}
.que-box label {color:#000; display: block; border:1px solid #E2E2E2; padding:7px 10px; margin:10px 0; cursor: pointer; transition: all ease .3s; background-color: #FFF;}
.que-box label:hover{background-color:#E2E2E2;}
.que-box input[type=checkbox] {margin: 0 3px 0 10px; position: relative; top:1px;}
#surveyContinueBtn, .assess-buttons {padding:0px 20px 20px 20px;}
.as-row .tab-content {border:1px solid #E2E2E2; padding:20px; margin-top:2rem; background-color:#f9f9f9;}
.as-row .alert {margin-top:2rem;}
.as-quest {background-color:#D2D2D2; padding:10px 20px; font-weight:bold; border-radius:4px;}
#ua_que_tabcontent small{background-color: #E2E2E2; padding: 5px 20px; display: block; margin-top:1px; border-radius:4px;}
.as-ans {margin:0; padding:0 0 1rem 0; list-style-position:inside;}
.as-ans li {padding:5px 40px 5px 25px; position:relative; border-bottom:1px solid #E2E2E2;}
.as-ans li .glyphicon{position:absolute; right:15px; top:8px;}
.as-ans li.as-ans-right {/*background-color:#D9FFC6;*/}
.as-edit{position:relative; margin-top:40px;}
.t-right{position:absolute; right:0; top:-20px; font-size:12px;}
.you_pass {color:var(--primary); font-weight: bold;}
.you_fail {color: var(--red); font-weight: bold;}
#status_image {max-width:80px; display: block; margin:auto; padding:10px 0 20px 0;}
#surveyFinishBtn {padding-bottom: 30px;}
#myCourseProgressTabContent {margin-top:2rem;}
#myCourseHistoryProgressTabContent {margin-top:2rem;}
.btn-primary.btn-delete {background-color: var(--red) !important;}
.btn-primary.btn-delete:hover {background-color: var(--bluegrey) !important;}


/* Assessment new */
.questions-all {display: flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; flex-direction: row; width:50%; margin: auto;}
.questions-all div {background-color:var(--cornblue); color:var(--white); padding:20px; margin:10px; border-radius: 10px; cursor: pointer; text-align: center; width:28%; display: flex; align-items: center; justify-content: center; transition:all ease .3s;}
.questions-all div:hover {background-color: var(--pink);}

/* user side quiz */
.quiz-cont {max-width:650px; margin: auto; border:1px solid #CCC; border-radius:10px; padding:20px; margin-top:20px;}
.show-progress {position: relative;}
.progress-grey {background-color:#f5f5f5; height: 6px; margin-right:40px; margin-left: auto;}
.progress-percentage {position: absolute;right:0; top:-5px; font-weight: bold; font-size: 13px;}
.question-area {/* font-weight:bold; */ font-size:18px; margin:0px 0 20px 0}
.instruction-area {background-color: rgb(223, 223, 223); border-radius:4px; padding:10px; margin-bottom: 10px;}
.answers-area {padding:20px 0; position: relative;}
.answer-submit {padding-bottom:10px; text-align: center;}
.an-answer {padding:15px 0; border-bottom: 1px solid #CCC; cursor: pointer; transition: all ease .3s; display: flex;}

.check-unchecked {margin:0px 15px; height:20px; width:20px; border:2px solid #CCC; border-radius:4px; background-color: #FFF; display: flex; justify-content: center; align-items: center;}
.check-unchecked span {display: none; top:0}
.check-unchecked.checked span {display: inline-block;}
.radio-answer .check-unchecked {border-radius:20px; }
.an-answer:hover, .highlight {background-color:#F2F2F2;}
.an-answer:last-child {border-bottom: none;}

/* scale */
.scale-range {position: relative; margin:20px;}
.range-min {position:absolute; left:-6px; width:100px; top: -30px; font-weight: bold;}
.range-max {position:absolute; right:-3px; width:100px; top:-30px; text-align: right; font-weight: bold;}
.selected-number {text-align: center; padding:20px; padding-top:40px;}
#selected-val {font-weight: bold; display: inline-block; padding:5px 20px; width:120px; border:1px solid #CCC;}
.ui-slider-horizontal .ui-slider-handle {top:-0.63em;}
.ui-slider .ui-slider-handle {height: 2em; cursor: pointer; width:.7em;}
.ui-slider .ui-slider-handle:hover {background-color: var(--pink);}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none; background-color:var(--primary)}
.noUi-touch-area{background-color:var(--primary); cursor: pointer; transition:all ease .3s;}
.noUi-touch-area:hover{background-color: var(--pink);}
.noUi-handle:after, .noUi-handle:before{pointer-events: none;}

/* match pairs + some sort */
.match-text, .sort-num {display: flex; padding:20px; border:1px solid #E2E2E2; background-color:#F2F2F2; justify-content: space-between; align-items: center; border-radius: 4px; margin-bottom: 10px;}
.match-text select, .sort-num select {padding:10px; width:50%; border:1px solid #BBB; border-radius: 4px; cursor: pointer;}
.option-text-left {margin-right:10px; width:40%;}
.just-num {font-size:3rem; font-weight: 600; margin-right:15px;}
.sort-num {padding:10px 20px;}
.sort-num select {width:94%;}

/* result */
.result-area {display: flex; align-items:center; }
.result-area img {padding: 2rem;}
td.green {color:var(--primary); font-weight: bold;}
td.red{color:var(--red); font-weight: bold;}

@media screen and (max-width:991px) {
	.tab-content-style {margin-top:2rem;}
	.fl-row {display: block; height:auto; min-height: auto;}
}

@media screen and (max-width:768px) {
	.nav-col { left:auto;}
	.navbar-clear .navbar-nav > li.active > a, #myCoursesContentTab.active a, #myCourseProgressContentTab.active a {transform:scale(1,1); margin-bottom: 10px;}
	.a-module .details .badge {position:static;}
	#jrn-total, .a-module, .a-block {display:block; min-height:auto;}
	.logo-tag {display:block; text-align:center;} .logo-tag br {display:none;} .logo-tag h2 {font-size:18px; text-align:center; margin-top:0;}
	.pageFooter {flex-direction: row; flex-wrap:wrap; text-align: center;}.pageFooter img, .pageFooter p {display: block; margin:auto; text-align: center;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color:#FFF;}
	.logos img {max-width:250px; padding:10px 0;}
	.agency img {margin-top:20px;}
	.bg-row {background-size: 65%; padding-bottom: 80vw;}
	.the-login-panel {background-size: 100%; background-image: url(../images/brand/admin-login-bg.jpg); padding-bottom: 10px; padding-top:20px; background-position: top center;}
}

@media screen and (min-width:768px) {
	.navbar-collapse.collapse {display: flex !important;}
	.navbar-nav {float: none; margin: auto; margin-bottom: 20px;}
	#bundle_accordion {margin-top:-40px;}
	.navbar.navbar-inverse .navbar-nav {margin-bottom: 0;}
}

@media screen and (max-width: 560px) { 
	.admin-bg-row .the-login-panel-body {padding-top: 0;}
}