#appbundle_business_courses .checkbox,
#appbundle_business_retraining_freq .form-group,
#user_courses .checkbox,
#user_immediate_retest .checkbox,
#user_retraining_freq .form-group {
	/*height: 75px;*/
	/*margin: 0 0 5px 0;*/
}

#appbundle_business_courses label,
#user_courses label {
	color: black;
}

#appbundle_business_retraining_freq .form-group,
#user_retraining_freq .form-group,
#user_immediate_retest .form-group {
	width: 140px;
	padding-top: 15px;
}

.sort-order-wrapper {
	display: inline-block;
	margin: 0 0 10px 15px;
}

#user_immediate_retest .form-group {
	padding: 0;
	margin: 0 0 5px 0;
	height: 75px;
}

#user_immediate_retest .form-group .checkbox {
	padding: 37px 0 0 0;
}

#appbundle_business_retraining_freq input,
#user_retraining_freq input {
	width: 75px;
	float: left;
	margin-right: 0;
}

#appbundle_business_retraining_freq label,
#user_retraining_freq label {
	float: right;
	color: black;
	margin-top: 5px;
}

#user_immediate_retest .checkbox {
	height: 75px;
	position: relative;
	top: -10px;
}

#appbundle_business_courses .checkbox {
	display: inline-block;
	width: 50%;
	padding-left: 30px;
}

.file-drop-zone-title {
	padding: 25px 10px;
}

.close.fileinput-remove {
	display: none;
}

.file-caption {
	height: 34px;
}

.file-caption.icon-visible .file-caption-name {
	font-family: 'Open Sans', sans-serif;
}

.errors-col .alert {
	margin-top: 15px;
	margin-bottom: 0;
}

.btn[disabled] {
	opacity: .6;
}

.krajee-default.file-preview-frame .kv-file-content {
	width: 193px;
}

.file-drag-handle,
.kv-file-zoom,
.fileinput-remove-button,
.kv-file-upload {
	display: none !important;
}

.name-logout {
	padding-right: 15px;
}

.name-logout a {
	text-decoration: underline;
}

.name-logout a:hover {
	text-decoration: none;
	opacity: .75;
}

input::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.question-row {
	display: none;
}

.question-row[data-js-question-panel="1"] {
	display: table-row;
}

.question-back {
	display: none;
}

.question-submit {
	display: none;
}

.note-group-image-url {
	display: none;
}

.question-numbers,
label,
.table > thead > tr > th {
	color: #000;
	font-weight: bold;
}

.label.label-lg {
	font-size: 0.9em;
	padding: 5px;
}

/** HELP SECTION **/

.help-section {
	border: 2px solid #629d51;
	background: #fff;
	background-image: url("../imgs/help-bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 2rem 3rem 5rem;
	margin-left: 3rem;
}

.help-section .title {
	text-align: center;
}
.help-section .title:before {
	display: none;
}
.help-section .title h2 {
	margin: 0 0 2rem;
}
.help-section .title h2:before {
	display: block;
	content: "\f29c";
	font-size: 3rem;
	font-weight: lighter;
	font-family: "FontAwesome";
}

.help-section .btn-help {
	display: block;
    background: #fff;
	width: fit-content;
    color: #4cae4c;
	font-size: 1.5rem;
	margin: 2rem auto;
    border-color: #4cae4c;
}

.help-section .help-list {
	padding: 0;
}

.help-section li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 .25rem
}

.help-section li::before {
	font-family: "FontAwesome";
	content:"\f101";
	color: #4cae4c;
	padding-right: 0.5rem;
}

.help-section li a {
	text-decoration: none;
	color: #000;
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
}

.help-section li a:hover {
	text-decoration: none;
	color: #4cae4c;
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
}

.question-block {
	width: 50%;
	margin: 0 auto;
	border: .25rem solid #f5f5f5;
}

.question-counter {
	background: #f5f5f5;
	color: #333;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	padding: .5rem 0;
}

.question-content {
	padding: 0 1rem;
	margin: 1.5rem 0 2rem;
}

.question-answers {
	padding: 0 1rem;
}

.answer-group {
	list-style: none;
	padding: 0;
	margin: 1rem 2rem;
}

.answer-group li label {
	font-weight: 400;
}

.answer-group li label input {
	margin-right: 2rem;
}

.large-text {
	font-size: 1.75rem;
}

.small-text {
	color: #ddd;
	font-size: 1.25rem;
}

.small-text a {
	color: #333;
	/*text-decoration: none;*/
	margin-left: .5rem;
}

.logo-warning {
	font-size: 1.25rem;
	padding: 1rem;
	margin: .5rem auto;
}

.welcome {
	display: block;
	margin-bottom: .25rem;
}

.pull-right {
	text-align: right;
}

.table > tbody > tr > td {
	padding: 1rem;
}

.table > tbody > tr > td[colspan] {
	padding-top: 0;
}

table.inner-table {
	width: 100%;
	margin: 0;
}

table.inner-table tr {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

table.inner-table tr:last-of-type {
	border-bottom: 0;
}

table.inner-table tr:nth-of-type(even) {
	background: #F4F9F6;
}

table.inner-table tr:hover {
	background: #F5F5F5;
}

table.inner-table tr:nth-of-type(even):hover {
	background: #eaefec;
}

table.inner-table tr td {
	padding: 1rem;
}

table.inner-table tr td span {
	display: block;
}

table.inner-table tr td ul,
ul.style-none {
	list-style: none;
	padding: 0;
	margin: 0;
}

table.inner-table tr td ul li {
	padding: 0;
	margin: 0;
}

.table-hover > tbody > tr:hover {
	background: transparent;
}

.unit-blocks {
	padding: 0;
}

.unit-block {
	display: inline-block;
	/*background: #E2E3E5;*/
	color: #999;
	font-weight: 400;
	padding: .75rem 1.25rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	/*border: .1rem solid #333;*/
	border-radius: .5rem;
	/*	border-color: #999;*/
	background: #FEFEFE;
	/*color: #262626;*/
	/*font-weight: 600;*/
	text-decoration: none;
}
.unit-block:hover{
	text-decoration: none;
	color: #a5a5a5;
}
.unit-block.current {
	background: #FEFEFE;
	/*color: #262626;*/
	font-weight: 600;
}

.unit-block.pass {
	background: #D4ECDB;
	color: #436e35;
	/*font-weight: 400;*/
	border: 1px solid #FFFFFF;
	text-decoration: none;
	font-weight: 600;
}

.unit-block-disabled{
	background: #808080;
}

.course-complete {
	display: block;
	width: 80%;
	background: #F4F9F6;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	padding: 1rem;
	margin: 1rem auto;
	border: .01rem solid #ddd;
}
/*.unit-block .incomplete{*/
/*	display: block;*/
/*	width: 80%;*/
/*	background: #FFC0CB;*/
/*	text-decoration: none;*/
/*}*/
.course-complete a {
	color: #599246;
}

.course-info {
	display: block;
	/*background: #F4F9F6;*/
	padding: 1rem;
	margin: 1rem 0;
	border: .01rem solid #ddd;
}

.course-info * {
	padding: 0;
	margin: 0;
}

.course-info .doc {
	display: inline-block;
	width: 24.5%;
}
.unit-block.old-passed{
	background-color: #eac287 !important;
}
/*.unit-block.fail {*/
/*	background: #f2dede;*/
/*	color: #77302f;*/
/*	border-color: #ebccd1;*/
/*}*/

/*!*"Disable" the incomplete unit blocks, apart from the first*!*/
/*.unit-block.incomplete ~ .unit-block.incomplete {*/
/*	background: #E2E3E5;*/
/*	color: #999;*/
/*	font-weight: 400;*/
/*	border-color: #999;*/
/*}*/

.btn-block {
	display: block;
	width: fit-content;
	margin: .5rem 0;
}

img {
	max-width: 100%;
}

.input-group {
	width: 100%;
}

h1.title {
	margin: .75rem 0;
}

form.search {
	display: inline-block;
}

.form-group {
	margin: 2rem 0;
}

.form-control.search {
	display: inline-block;
	width: auto;
	padding-top: .2rem;
}

.margin-left {
	margin-left: 1rem !important;
}

span.date {
	display: inline-block;
	width: auto;
}

.header-row {
	background: #f7f7f7;
	color: #000;
	font-weight: 600;
	padding: 1rem 0;
	margin: 0;
	border-bottom: .1rem solid #ddd;
	overflow: auto;
}

.gapper {
	margin: .5rem 0;
}

.btn {
	text-transform: capitalize;
}

.btn .caret { margin-left: 1rem; }

.banner {
	position: relative;
	display: block;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 25rem;
}

.banner .content {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.banner .content .text {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-weight: 600;
	padding: 2rem;
	margin: 3rem 0;
}

.banner .overlay {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.banner .overlay .bottom {
	align-self: flex-end;
}

.banner .overlay a img {
	margin-bottom: 1rem;
}

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

#browser-warning {
	display: none;
	background: rgb(240, 173, 78);
	color: #fff;
	padding: .5rem 0 .75rem;
}

#browser-warning p {
	margin: 0;
}