/*
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;
*/
:root {
	--primary: #1D00C9;
	--secondary: #9CA6FF;
	--bluegrey: #567483;
	--pink: #b6346a;
	--darkgreeen: #008080;
	--lime: #78d64a;
	--white: #FFF;
	--red: #d34509;
	--lightgrey: #dfe1e0;
	--murkeyyellow: #dbbc7a;
	--darkgrey: #3c3d3b;

	--borders: #328fbb;
}
body{
	font-family: 'MindMeridian'; 
	color:#000; 
	font-weight: 300;
	background-color: #FECAD7;  
	/* background-image: url(../images/brand/bg.png); 
	background-size: cover;	
	background-attachment: fixed; 
	background-position: top center; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'MindMeridian';  }
.cookie-header {background-color: var(--secondary); }
.cookie-header.alert, .cookie-header a {color:#FFF; text-shadow: none;}
.relative {position: relative;}
.topDetails {background-color: var(--secondary);}
.logos {padding:0px; } .logos img {max-width:318px;/*width:100%; padding:1rem 0;*/ margin-left:-10px; margin-bottom: -7rem;}
.logos .the-bike img {max-width:250px; margin-left: auto;}
.logos > div { /*display: flex; align-items: center;*/ text-align: center;}
.tenant { position:absolute; left:0; top:0; padding-right:10px; border-right:1px solid #ddd;}

.pageFooter{background-color:#FECAD7; color: var(--darkgrey); text-align: center; padding:10px 40px 30px 40px;}
.pageFooter img {max-width:130px;}
.pageFooter a {color:var(--darkgrey); text-decoration: underline;}
.pageFooter p {margin: 0;}
h1 {font-size:4rem;  color: var(--primary); font-weight: 500; padding: 0; margin:0; margin-bottom: 3rem; display: inline-block; padding-bottom: 20px; /*text-transform: uppercase; border-bottom: 1px solid var(--borders);*/}
h4 {color:var(--primary); font-weight: 500; font-size:3rem;}
p {font-size:16px; margin-bottom: 2rem;}
.the-login-panel{padding:3rem; padding-top:0; background-color: #00F9C1;}
.fl-row {display: flex; align-items: center; }
label, .form-horizontal .control-label {font-weight: 500; font-family:'MindMeridian';}
.form-control{font-weight: 300;}
.icon-im {margin-bottom: 10px;}
.nav > li > a > img {max-width:20px; margin-right:-5px;}
.bg-row {padding:5rem 0;}
.topShadow{width:100%; position:relative; z-index:2; background-color: var(--primary);}
.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 .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:var(--lightgrey); color:#000; font-weight: 300; border: none;}
.the-login-panel a{color:var(--primary);font-size:16px;margin-top: 10px;} .the-login-panel a:hover {color:#FFF;}
.the-login-panel-heading h4.the-login-panel-title { font-size:3rem; font-weight: 500; color:var(--primary); display: inline-block; padding: 20px; text-transform: none;  /*margin-bottom:35px;*/}
.panel-heading h4 {font-size: 18px; font-weight: 500;}
.panel-heading h5 {color: var(--primary); font-size:22px; font-weight: 500; margin:5px 0;}
.the-login-panel .form-horizontal .control-label {text-align:left; font-size:18px; color:var(--primary); font-weight: 500;}
.btn-login.btn-primary {background-color:var(--primary) !important; color:#FFF; border-radius:30px; font-size:14px; font-weight:300; padding:10px 30px!important; text-transform: none;}
.btn-login.btn-primary:hover {background-color:var(--secondary) !important; color:#FFF;}
a.btn.btn-primary, button.btn.btn-primary {	background-image:none; background-repeat:no-repeat; background-color:var(--primary); color:#FFF; border-radius:0px; border:none; padding:5px 20px; font-size:18px; font-weight: 500; }
a.btn.btn-primary:hover, button.btn.btn-primary:hover, .btn.btn-primary:hover {background-color: var(--secondary);}
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; border: none;}
.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: none; font-weight: 500; font-size: 18px;}
.the-login-panel-footer .register-link:hover, .register-link:hover {color:#000;}
#signinbtn{margin-top:10px;}
#signinbtn i {margin-left: 10px;}
#loginForm input.form-control {position:relative; right:-5px;}
.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-color:#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);}

.login-container{
	position: relative;
	padding:5rem 3rem;
	border-radius: 45px;
	background-color: #fff;
}

.the-login-panel-heading{
	text-align: center;
}

/* 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(--secondary); 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(--primary); color:#FFF; border-color:var(--primary);}
.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:#ddd; border-color:var(--primary);}
:not(.datepicker) td {color:#000; background-color:#FFF;}
.table-bordered > tbody > tr:hover > td {background-color:#F2F2F2;}
.table-bordered th, th {background-color:#d7f7fa; color:var(--darkgrey);}
.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: #FFF; border-radius: 30px; padding:2rem; margin-top:2rem}
.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;}
.nav-col {display: flex; top:20px; margin: auto; width:60%; justify-content: center;}
.navbar-clear .navbar-nav > li > a {
	font-weight:500; 
	background-color:#FFCAD9; 
	color:var(--primary);
	padding:12px 2rem; 
	font-size:22px; 
	margin-right: 10px; 
	width: 20rem;
	line-height: 3rem;
	text-align: center;
}
.navbar-clear .navbar-nav > .active > a {
	background-color:#ED0067; 
	color:#fff;
}
.navbar-clear .navbar-nav > li:hover > a, #myCoursesContentTab:hover a, #myCourseProgressContentTab:hover a { background-color:#ED0067; color:#fff;}
.navbar-inverse .navbar-nav > .active > a {background: var(--secondary) !important; box-shadow: none; background: none;}
.navbar-inverse .navbar-nav > li > a {line-height:25px; color:#FFF;  font-size: 15px;}
.navbar-inverse .navbar-nav > li > a:hover {background-color: var(--secondary);}

.nav .active .caret, .navbar-clear .navbar-nav > li:hover > a .caret{color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
    border-top-color: var(--primary) !important;}

.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; font-weight: 500;}
.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-weight: 500;}
.tab-content > .tab-pane > h4.learner { margin-top: -3rem; margin-bottom: 3rem; color: #000; /*text-transform: uppercase;*/}
.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;}
.headerDetails a {font-weight: 500;}


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

@media screen and (max-width: 991px) { 
	.logos img {position: relative; z-index:20;}
	.navbar-clear { clear:both; float:none; margin-top:0; margin-bottom:0px;} 
	/*.navbar-clear .navbar-nav > li.active > a {transform:scale(1,1); z-index:2;}*/
 	.nav-col {padding:0; position:relative; transform: none; margin-top:-70px; top:100px;}
	.navbar-toggle {background-color:var(--primary);}
	.navbar-toggle:hover {background-color:#a34424;}
	.the-login-panel {margin:0; padding:0; padding-top:3rem; padding-bottom: 3rem;}
	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;}
	.bg-row .container {width:96%;}
	.navbar-clear .navbar-nav > li > a {margin-bottom: 1px;}
}

/* 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:#fff; position:relative; padding: 0 4rem;}
.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:#FFCAD9; color: var(--primary); border:0.5rem solid #FFCAD9; padding-top: 2rem;}
.journey-block .title h3 .badge {position:relative; top: -2px; margin-left:5px;}
.journey-block h3 {margin:0; padding:14px 20px; font-weight: 500; font-size:20px;}
.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:5px; padding:5px 8px; /*text-transform: uppercase;*/ font-weight:300; font-size:10px;}
.title { /*border-left:10px solid #39C; */border-bottom:none;}
.learning-journey {margin-top:8rem; margin-bottom: 5vw;}

.all-modules {margin:0 -15px;}

#bundle_accordion h4 {font-size:18px; padding-top:10px; margin-bottom: 0px !important;/*color:#3c3d3b;*/} 
#bundle_accordion .module-data h4 {margin-bottom:1rem;}
.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:#FFF; color:var(--primary); font-weight: 500;}
.panel-title > a {color:#FFF;} .panel-title a:hover {color:var(--primary);}
.block-description { padding:20px 20px 0 20px; color: #000; text-align: center;}
.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: 15px;*/ overflow: hidden;
background: #FFF;
box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-bottom:15px; margin-top:15px; position:relative;}

.a-module h4 {margin-top:0; color:var(--primary); padding-top: 0; font-weight: 500;}
.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:hover {color:var(--primary);}
.a-module a {display:block; color: #3c3d3b; /*text-transform: uppercase;*/ font-weight: 500; text-decoration: underline;}
.a-module .module-data {padding:20px; position:relative; background-color: #9CA6FF;}
.module-data p {color:#000; /*var(--primary);*/}
.a-module .details .badge {position:absolute; bottom:10px; right:15px;}
.a-module .i-bg {width: 25px; height: 27px; font-size: 28px; display: flex; position: absolute; right: 5px; align-items: center; justify-content: center; transition: all ease .3s;}
.a-module .i-bg i {color:var(--primary);} 
.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;}
.a-module.i-bg {font-size:28px; color:var(--primary);} 
/* learning journey end */

/* launch buttons */
.details i {color: var(--secondary); font-size: 20px; margin-right: 5px; position: relative; top:1px;}
.details a::after {content: "...";}
.a-module .launch {padding:8px 15px 10px 15px; background-color:#FFF; color:var(--darkgrey); font-size:18px;  border-radius:0px; font-weight: 300;}
.a-module .launch.launch-completed { background-color:#FFF; color:var(--darkgrey); }
.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:var(--primary);}
.a-module .launch:hover {background-color:var(--primary); color:#FFF;}
.a-module .launch:hover .i-bg i {color: #FFF;}
/*.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:0 12px 5px 12px; font-size:12px; color:#BBB;} .progress-bullets i {margin-left:3px;}
.progress-bullets .green {color:var(--lime);} .progress-bullets .yellow {color:#FCCA03;}

/* badges */
.badge.badge-progress {background-color:#fff; color:#000; border-radius: 0px;}
.badge.badge-failed {background-color:#fff; color:#000; border-radius: 0px;}
.badge.badge-completed {background-color:#fff; color:#000; border-radius: 0px;}
.badge.badge-not-started {background-color:#fff; color:#000; border-radius: 0px;}
.badge.badge-access-status {background-color:#fff; color:#000; border-radius: 0px;}
.badge.badge-access-status.badge-block {background-color:var(--primary); color:#FFF; border-radius: 0px; text-transform: uppercase; font-weight: 300;float:right;}
.title .badge {font-size:1.2rem; font-weight: 500;}

.course-seq-badge{
	background-color: var(--primary);
    text-align: center;
    display: inline;
    margin-right: 1rem;
    font-weight: 500;
    font-size: 40px;
    float: left !important;
	padding:0 1rem;
}
/* badges end */


/* dashboard summaries */

.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(--secondary);}
.blockdiv.blockdiv-completed{background-color: var(--lime); color: #3c3d3b;}
.blockdiv.blockdiv-pending{background-color: #818181;}
.blockdiv.blockdiv-progress{background-color: var(--secondary);}
.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: 300; font-size: 15px;}
.blockdiv span.the-data {font-size:3.3rem;  font-weight: 500;}
.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: var(--white); padding:10px; margin: 0; font-size: 2rem; font-weight: normal;}
.div_ques_inst h3 {
	/* position: absolute;  */
	right:20px; 
	bottom: 20px; 
	padding: 18px; 
	/* margin:0;  */
	margin-bottom: 1rem;
	background-color: var(--white); 
	border-radius:50%; 
	width:100px; 
	font-size:13px; 
	white-space: break-word; 
	text-align: center; 
	text-transform: none;
}
.div_ques_inst h3 span {display: block; text-align: center; padding:0 6px; font-size: 35px; font-weight: 500; font-family: 'MindMeridian';}
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: 12px;}
.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:500; 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-edit{position:relative; margin-top:40px;}
.t-right{position:absolute; right:0; top:-20px; font-size:12px;}
.you_pass {color:var(--primary); font-weight: 500;}
.you_fail {color: var(--red); font-weight: 500;}
#status_image {max-width:80px; display: block; margin:auto; padding:10px 0 20px 0;}
#surveyFinishBtn {padding-bottom: 30px;}
#myCourseProgressTabContent {margin-top:12rem;}
/* #docManagementTabContent {margin-top:12rem;} */
#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: 500; font-size: 13px;}
.question-area {/* font-weight:500; */ 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: 500;}
.range-max {position:absolute; right:-3px; width:100px; top:-30px; text-align: right; font-weight: 500;}
.selected-number {text-align: center; padding:20px; padding-top:40px;}
#selected-val {font-weight: 500; 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: 500;}
td.red{color:var(--red); font-weight: 500;}

@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; display: block; position: static; margin: 0; margin-bottom: 30px; margin-top:-20px;}
	.nav-contain {padding-top: 10px;}
	.navbar-clear .navbar-nav > li > a {width: auto;}
	.navbar-clear .navbar-nav > li.active > a, #myCoursesContentTab.active a, #myCourseProgressContentTab.active a {transform:scale(1,1);}
	.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;}
	.learning-journey, .journey-block {margin-top:4rem;}
}
@media screen and (max-width:1164px) {
	.navbar-clear .navbar-nav > li.active > a, #myCoursesContentTab.active a, #myCourseProgressContentTab.active a {transform:scale(1,1);}
}

.div-progress-bullet{
    /* border-radius: 50%; */
    width: 20px;
    height: 20px;
	border: 3px solid var(--primary);
	display: inline-block;
	margin: 0 1rem 0 0;
	background-color: #FFCAD9;
}
.dpb-complete{
	background-color: var(--primary);
}
.circle-half{
    width: 8px;
    height: 16px;
    /* border-radius: 10px 0 0 10px; */
    background-color: var(--primary);
}
.a-resource{
	width:90%;
	font-size: 22px;
}

/** landing page boxes*/
.card-row {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.card-item-disabled {width:21%; margin:1.5%; font-size:2rem; border:1px solid #e3e3e3; font-weight:500; text-align: center; background-color: #e3e3e3; padding: 2rem; color: var(--primary); text-transform: uppercase; transition:all ease .3s;cursor:not-allowed;}
.card-item {width:25%; margin:1.5%; font-size:2rem; border:1px solid var(--primary); font-weight:500; text-align: center; background-color: #FFCAD9; padding: 2rem 0; color: var(--primary); text-transform: uppercase; transition:all ease .3s;}
.card-item-double {width:45%; background-color: var(--primary); color: #FFF;}
.card-item img {max-width: 100%; padding: 0; margin-bottom: 1rem; margin-top: -2rem !important; filter: invert(0); display: block; margin: auto; margin-bottom: 1rem;}
.card-item-double img {filter: invert(100%);}
.card-item-disabled:hover {text-decoration: none;}
.card-item:hover {text-decoration: none; background-color: var(--primary); color: #FFF;}
/* .card-item:hover img {filter: invert(100%);} */
.card-item-double:hover {background-color: var(--tart);}
.card-row h2 {font-weight: 400; color:var(--primary);}
.spn-block-status{ font-size: 1.25rem;font-weight: 300;}
.spn-block-status-strong{ font-size: 1.5rem;font-weight: 500;}

/** Client admin - Product details page*/
.lv3 h2 {background-color: var(--secondary); color: white; padding: 10px 5rem 10px 20px; text-align: center; margin: 0; font-size: 4.5rem;}
.lv3-banner {display: flex; justify-content: center;margin-bottom: 1rem }
.lv3-banner > div {display: flex; flex-direction: column;  justify-content: center; background-color: var(--secondary);}
.lv3-banner > div.lv3-image {width: 40%;}
.lv3-banner > div.lv3-details {width: 100%;}
.lv3-banner > div > img {max-width: 100%;}
.lv3-details h2 {font-size: 4rem;}
.lv3-grey.lv3-banner > div {background-color: var(--bluegrey); color: #000;}
.lv3--rec-title {font-weight: 700; color: var(--primary); font-size: 2.3rem;}
/*.lv3top {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between;}
.lv3top div {width:48.5%; margin: 20px 0;}
.lv3top > div:first-child {background-color: #FFF; padding: 2rem; padding-top: 3rem; text-align: center; font-size: 16px; line-height: 27px;}*/
.lv3-descript {margin-bottom: 3rem; font-weight: 300;}
.lv3-details {background-color: var(--secondary); color: #FFF; padding:2rem 5rem;}
.lv3-details a {align-self: flex-start;}
.lv3top > div:first-child p {margin-bottom: 2rem;}
.lv3-points {display: flex; flex-wrap: wrap; margin-bottom: 7rem; /* justify-content: space-evenly;*/}
.lv3-point {font-weight:600; width:45%; margin:3rem 2.5%; display: flex; background-color: var(--bluegrey); align-items: center; color: black; text-decoration: none; transition: all ease .3s;}
.lv3-point > div:not(.lv3--image) {padding: 2rem;}
.lv3-point > div:not(.lv3--image) a {margin-bottom: -1rem; display: block;}
.lv3-point.active{background-color: var(--secondary); color: var(--white);}
.lv3-point.active > div:not(.lv3--image) a {color: var(--white) !important;}
.lv3--image {background-color: #c8c8ca; overflow: hidden; transition: all ease .3s; flex-shrink: 0; flex-grow: 0; position: relative;}
.lv3--image img {filter: brightness(1); transition: all ease .3s;}
.lv3-point .badge {font-size:15px; font-weight: 600; padding: 6px 7px 3px 7px}
.lv3-point:hover .lv3--image {background: #c8c8ca;}
.lv3-point:hover .lv3--image img { filter: brightness(1.2);}
.lv3-point a {color: var(--primary);}
.lv3-point a:hover {color: var(--tart); text-decoration: none;}
.lv3--contain {display: flex; align-items: center;}
.lv3--contain img {max-width:100px;}

/** Learner product details page */


.progress-percent-div{
    width: 50%;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    background-color: #fff;
}
.progress-filler-div{
    /* width: 20%; */
    height: 10px;
    border-radius: 10px;
    display: inline-block;
    background-color: #ED0067;
    color: #fff;
}

.product-title{
    color: #000;
    background-color: #FFCAD9;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 15px;
}
.product-title:hover{
    text-decoration: none;
}

.mb-2{
	margin-bottom: 2rem;
}

.topnav {position: absolute; right: .5rem; top:0 ;}
.topnav--link {font-size: 15px; text-transform: uppercase; padding: 6px 1rem 4px 1rem; background-color: #FFCAD9; color:var(--primary); margin: 1rem .5rem 1rem 0; display: inline-flex; align-items: center; transition: all ease .3s;}
.topnav--link img {width:15px; filter: invert(1); transition: all ease .3s; margin-right: .6rem; position: relative; top:-2px;}
.topnav--link:hover {
    color: #fff;
	background-color: #ED0067;
	text-decoration: none;
}
.topnav--link:hover img {filter: invert(1);}
.report-menu{
    font-weight: bold; 
    cursor:pointer;
	padding: 2rem;
	font-size: 22px;
}
.report-menu.active{
	background-color: #ED0067;
    color: #fff;
}
.course-start-date-nfo{color: var(--primary); font-size: 1rem; margin-bottom: .6rem;}
.module-status-record {margin-bottom: .6rem;}
.duration {font-size:1.25rem;position: absolute; bottom: .5rem; width: 100%; text-align: center;}
.spn-block-status{ font-size: 1.25rem;}
.btn.btn-more {background-color: var(--primary); color: var(--white); padding:3px 10px 2px 10px; font-size:1rem; display: block; max-width:90px; margin-top: 2rem; margin-left: auto; margin-right: 0;}
.btn.btn-more i {position: relative; bottom: -2px;}

.btn-home{
	background-color: #FECAD7;
    color: var(--primary);
    font-size: 18px;
    padding: 1rem;
}
.btn-home:hover{
	background-color: #ED0067;
    color: #fff;
}
.no-txt-transform{
	text-transform: none;
}