/* Sticky footer classes
 ************************/
html,
body {height: 100%;min-height: 100%;font-family: 'Titillium Web', Arial, sans-serif;background-color: #f2f2f2;}
#wrapper {min-height: 100%;height: auto;margin: 0 auto -45px;padding: 50px 0 45px;}
#header {
	position: absolute;top: 0;right: 0;left: 0;
	z-index: 1000;
	height: 50px;
	background-color: #f2f2f2;
	border-bottom: 2px solid #0f4e8a;
	box-shadow: 0 0 17px -3px #666666;
	overflow: visible;}
#header #header-brand img {height: 45px;width: auto;margin-top: 2px;}
#main {
	position: relative;
	padding: 10px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#footer {
	position: relative;
	height: 45px;line-height: 45px;
	overflow: hidden;
	z-index: 150;
	background-color: #0f4e8a;
	color: #f2f2f2;
	border-top: 2px solid #009399;
	box-shadow: 0 0 15px 0px #666666;}
#footer a {position: relative;height: 45px;line-height: 45px;overflow: hidden;z-index: 150;color: #009399;}
#footer a:hover, #footer a:focus {color: #00dfe8;}


/* Login & Single Box classes
 ************************/
#single-box-wrapper {display: table;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
#single-box-wrapper .alert {position: absolute;top: 10px;left: 10px;right: 10px;}
#single-box-middle-wrapper {display: table-cell;vertical-align: middle;}
#single-box-inner-wrapper {margin-left: auto;margin-right: auto;width: 20%;min-width: 300px;padding: 2% 1%;}
#single-box-inner-wrapper.box_lg {width: 30%;min-width: 400px;}
#single-box-inner-wrapper.box_xl {width: 50%;min-width: 500px;}
#single-box-inner-wrapper img#single-box-logo {display: block;width: 60%;max-width: 200px;height: auto;margin: 0 auto 20px;}
#single-box-inner-wrapper .form-group {margin-bottom: 5px;}
#single-box-inner-wrapper label {margin-bottom: 0;}
#single-box-inner-wrapper .help-block {margin-bottom: 5px;}


/* Layout classes
 ************************/
#desktop-nav a {display: inline-block;height: 50px;line-height: 50px;margin-left: 15px;font-size: 1.5em;}
#desktop-nav a .inner-nav {display: inline-block;height: 50px;padding: 0 5px;margin: 0 2px;}
#desktop-nav a i {}
#desktop-nav a span {margin-left: 5px;}
#desktop-nav a#logout-link {margin-left: 50px;}
#desktop-nav a.active {border-bottom: 2px solid #f2f2f2;color: #ea5b2d;}
#desktop-nav a.active .inner-nav {border-bottom: 2px solid #ea5b2d;}


/* Section classes
 ************************/
#course-view h2 sup {top: -1em;font-size: 0.5em;padding: 0 5px;color: #FFFFFF;border-radius: 2px;}
#review-body {font-size: 1.8rem;background-color: #f2f2f2;margin: 0 10px;padding: 10px;}


/* Yii2 overrides
***************************************/
.grid-view, .detail-view {
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	border-radius: 0;
	margin-bottom: 40px;}
a.asc:after, a.desc:after {/* add sorting icons to gridview sort links */
	display: inline-block;
	position: relative;
	top: -5px;
	line-height: 1;
	padding-left: 5px;
	font-family: "Font Awesome 5 Free";
	color: #009138;
	font-style: normal;
	font-weight: 900;}
a.asc:after {content: "\f15d";}
a.desc:after {content: "\f15e";}
.detail-view > thead > tr > th,
.detail-view > tbody > tr > th,
.detail-view > tfoot > tr > th,
.detail-view > thead > tr > td,
.detail-view > tbody > tr > td,
.detail-view > tfoot > tr > td {padding: 5px;border-top: none;}
.detail-view > thead > tr > th:first-child,
.detail-view > tbody > tr > th:first-child,
.detail-view > tfoot > tr > th:first-child,
.detail-view > thead > tr > td:first-child,
.detail-view > tbody > tr > td:first-child,
.detail-view > tfoot > tr > td:first-child {padding-left: 15px;}
.detail-view > thead > tr > th:last-child,
.detail-view > tbody > tr > th:last-child,
.detail-view > tfoot > tr > th:last-child,
.detail-view > thead > tr > td:last-child,
.detail-view > tbody > tr > td:last-child,
.detail-view > tfoot > tr > td:last-child {padding-right: 15px;}
.detail-view > thead > tr > th,
.detail-view > tbody > tr > th,
.detail-view > tfoot > tr > th {font-weight: normal;color: #777777;}
.grid-view table.table thead tr th:first-child,
.grid-view table.table thead tr td:first-child,
.grid-view table.table tbody tr td:first-child {padding-left: 10px;}
.grid-view table.table thead tr th:last-child,
.grid-view table.table thead tr td:last-child,
.grid-view table.table tbody tr td:last-child {padding-right: 10px;}
.grid-view table.table tbody tr td:nth-child(even/*odd*/) {background: rgba(0,0,0,.03);}
.grid-view table.table > thead {border-bottom: 4px solid #e9eaec;}
.grid-view table.table thead tr th a {color: #ea5b2d;}
.grid-view table.table thead tr th a:hover,
.grid-view table.table thead tr th a:focus,
.grid-view table.table thead tr th a:active {color: #f4992b;}
.grid-view .summary {padding: 0 10px 10px;text-align: right;font-size: .8em;}
.grid-view .pagination {
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	padding-bottom: 30px;
	margin-top: 0;
	clear: both;}
.grid-view table.table > thead > tr > th,
.grid-view table.table > tbody > tr > th,
.grid-view table.table > tfoot > tr > th {font-weight: normal;padding-top: 10px;}
.grid-view table.table > thead > tr > th,
.grid-view table.table > tbody > tr > th,
.grid-view table.table > tfoot > tr > th,
.grid-view table.table > thead > tr > td,
.grid-view table.table > tbody > tr > td,
.grid-view table.table > tfoot > tr > td {border: none;}
.grid-view caption, .grid-view-caption {padding: 10px 10px;border-bottom: 1px solid #F0F1F5;color: #333;}
.grid-view .btn {padding: 2px 5px;}
.breadcrumb {padding: 4px 15px;background-color: #fff;border-radius: 2px;margin-top: 10px;margin-bottom: 10px;}
.breadcrumb a {color: #009138;}
.breadcrumb a:hover, .breadcrumb a:focus {color: #00d552;}
.breadcrumb > li + li::before {color: #f4992b;}
.grid-view .bg-danger {background-color: rgba(250, 3, 11, 0.1) !important;color: rgba(118, 3, 11, 1);}
.grid-view .bg-success {background-color: rgba(8, 250, 52, 0.1) !important;color: rgb(5, 118, 18);}