@font-face {
	font-family: 'UKNumberPlate';
	src:url('../fonts/UKNumberPlate.woff') format('woff'),
		url('../fonts/UKNumberPlate.woff2') format('woff2'),
		url('../fonts/UKNumberPlate.ttf') format('truetype');
}
body {
	cursor:default;
}
body.waiting * {
	cursor: progress!important;
}
.page-header.navbar.navbar-fixed-top,
.page-container {
	min-width:360px;
}

a.disabled {
	pointer-events: none;
	color: #a6a6a6 !important;
}
.nav-tabs.disabled a {
	pointer-events: none;
}
b, strong {
	font-weight: 600;
}
.popover {
	z-index: 10099;
	max-width:360px;
}
.popover .popover-title {
	padding:12px 21px;
	font-weight:600;
	border-radius: 4px 4px 0 0!important;
}
.popover-content {
	padding:12px 21px;
}
.underlined-heading {
	margin:10px 0 15px;
	padding-bottom:5px;
	font-weight:600;
	color: #666;
	border-bottom:1px solid #eee;
}
.underlined-heading .fa {
	font-size:inherit;
	color:#888;
}
.clickable {
	cursor:pointer;
}
.badge.badge-staff {
	display: inline-flex;
	height: 26px;
	width: 26px;
	line-height: 10px;
	padding: 0 4px;
	justify-content: center;
	align-items: center;
	border-radius: 20px !important;
	word-break: break-word;
	white-space: normal;
}
.badge.badge-staff.aedm {
	padding-bottom:1px;
}
.badge-staff+.badge-staff {
	margin-left:2px;
}
.badge-trans {
	background-color: transparent;
}
.pagination>li>a.active {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}
.pagination [class*=" fa-"] {
	width:auto;
}
.table-paginated>tbody+tbody {
	border-top:1px solid #ddd;
}
.table th [class*=" fa-sort"] {
	color:#aaa;
	margin-left:10px;
}
.input-group-addon.iconpicker-component > i {
	color:#000;
}
.input-group-uniborder {
	border:1px solid #e5e5e5;
}
.input-group-uniborder input,
.input-group-uniborder select,
.input-group-uniborder .btn {
	border:0;
}
.input-group-uniborder .form-control.input-fat,
.input-group-uniborder .btn-fat {
	height:48px;
}
.input-group-uniborder .form-control:disabled + .input-group-btn .btn {
	background-color:#e0e0e0;
	cursor:not-allowed;
}
.faded-out {
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.compact-grid .row {
	margin-left:-5px;
	margin-right:-5px;
}
.compact-grid .row [class^="col-"] {
	padding-left:5px;
	padding-right:5px;
}

.category-badge {
	position: relative;
	color:#000;
	font-weight:600;
	padding:5px 10px 6px 10px;
	margin:2px 2px 2px 0;
	height:auto;
	border:2px solid transparent;
	border-radius:15px;
}

.category-options {
	font-size:0;
}
.category-options label {
	display: inline-block;
	width:32%;
	margin:3px 1% 3px 0;
	padding:1px 3px;
}

.category-badge.badge-success {
	background-color: #97D1A9;
}
.category-badge.badge-warning {
	background-color: #F7E49A;
}
.category-badge.badge-danger {
	background-color: #F48170;
}
.category-badge.badge-primary {
	background-color: #94CAE3;
}
.category-badge.badge-info {
	background-color: #A0D9D9;
}

.progress-sm {
	height: 9px;
	border-radius: 5px;
}
.progress-sm .progress-bar {
	height: 8px;
	border-radius: 5px;
	transition: width .5s ease;
}
.progress-lg {
	position: relative;
	height:34px;
	margin-bottom:0;
}
.progress-lg span {
	position: absolute;
	left:12px;
	top:7px;
	font-size:13px;
}
.progress-lg .progress-bar {
	overflow:hidden;
}
.progress-lg .progress-bar span {
	position: relative;
	float: left;
	display: inline-block;
	white-space: nowrap;
	z-index: 1;
	top: 6px;
}

.step-progress-bar {
	position: relative;
	display:flex;
	margin-bottom: 20px;
}
.step-progress-point {
	position: relative;
	padding-top:10px;
	font-weight: 300;
	border-top: 2px solid #828282;
	flex: 1;
}
.step-progress-point.active {
	font-weight: 400;
}
.step-progress-point:not(:first-child) {
	text-align: center;
}
.step-progress-point:last-child {
	text-align: right;
}
.step-progress-point:before {
	position: absolute;
	top: -15px;
	left:0;
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #828282;
	background-color: #fff;
	content: "\f1db";
}
.step-progress-point:not(:first-child):before {
	left:50%;
	margin-left:-10px;
}
.step-progress-point:last-child:before {
	left:auto;
	right:0;
}
.step-progress-point.active:before,
.step-progress-point.complete:before {
	content: "\f111";
}
.color-steps .step-progress-point {
    border-top-color: #dddddd;
}
.color-steps .step-progress-point:before {
    color: #dddddd;
    content: "\f111";
}
.color-steps .step-progress-point.complete {
    border-top-color: #3cb951;
}
.color-steps .step-progress-point.complete:before {
    color: #3cb951;
}
.color-steps .step-progress-point.active {
    border-image: linear-gradient(to right, #3cb951 50%, #dddddd 50%) 1;
}
.color-steps .step-progress-point.active:before {
    color: #ecbc29;
}

select:not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
	/*padding: .5em;*/
	padding-right: 1.5em
}
select:not([multiple])::-ms-expand {
	display: none;
}
select:not([multiple]).input-sm {
	padding-top:0;
}
select:invalid { color: gray; }
option{color:black;}
option:disabled{color:gray;}

.input-group-addon.big-check {
	padding:0;
	min-width: 32px;
}
/* Big check boxes, Add/Remove check boxes */
.big-check input[type="checkbox"],
.big-check input[type="radio"] {
	display: none;
}
.big-check label.cbl {
	/*vertical-align: middle;*/
	margin:0;
}
.input-group-addon.big-check label.cbl {
	margin:-1px;
}
.big-check label.cbl:before {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius:4px;
	height: 25px;
	width: 25px;
	display: block;
	cursor: pointer;
}
.input-group-addon:first-child.big-check label.cbl:before {
	border-radius:4px 0 0 4px;
}
.big-check input[type="checkbox"] + label.cbl:before,
.big-check input[type="radio"] + label.cbl:before {
	font-family: "FontAwesome";
	font-weight: 400;
	font-size: 18px;
	content: '\f00c';
	color: #f8f8f8;
	line-height: 34px;
	height:34px;
	width:34px;
	text-align: center;
}
.big-check.fat input[type="checkbox"] + label.cbl:before,
.big-check.fat input[type="radio"] + label.cbl:before {
	font-size:25px;
	line-height: 50px;
	height: 50px;
	width: 50px;
}
.big-check .cbl.input_error:before {
	background-color: #ffbfc0;
}
.big-check .cbl.disabled {
	opacity:0.3;
}
.big-check .cbl.disabled:before {
	cursor:not-allowed;
}
.big-check input[type="checkbox"]:checked + label.cbl:before,
.big-check input[type="radio"]:checked + label.cbl:before {
	color: #009900;
}
.big-check input[type="checkbox"]:disabled + label.cbl:before,
.big-check input[type="radio"]:disabled + label.cbl:before {
	background:#f0f0f0;
}
.checkbox-disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.8
}
.btn-readmore {
	display: none;
}
.options-col {
	text-align: right;
}
.btn.pseudo-disabled {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.custom-selector {
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}
.custom-selector .btn {
	width:100%;
	background-color: #fff;
	text-align:left;
}
.custom-selector .btn:after {
	font-family: "FontAwesome";
	font-size:18px;
	content: '\f107';
	position: absolute;
	right:18px;
	top:calc(50% - 12px);
}
.custom-selector.open .btn:after {
	content: '\f106';
}
.custom-selector .dropdown-menu {
	font-family: inherit;
	margin-top:5px;
	padding:8px;
	width:100%;
	border:none;
	box-shadow: 0 5px 10px #00000020;
}
.custom-selector .dropdown-menu li a {
	position: relative;
	padding-left:35px;
	border-radius:5px;
}
.custom-selector .dropdown-menu li.selected a:before {
	font-family: "FontAwesome";
	content: '\f00c';
	position: absolute;
	left:10px;
	top:calc(50% - 10px);
}
@media(max-width:599px) {
	#cron_jobs {
		display: none;
	}
	.btn-readmore {
		display: inline-block;
	}
	.btn-readmore:before {
		content:'... ';
		color:#31708f;
	}
	.readmore:not(.revealed) {
		display:none;
	}

	.table.table-responsive-folding thead {
		display:none;
	}
	.table.table-responsive-folding tr {
		position: relative;
		display: block;
	}
	.table.table-responsive-folding td {
		display: block;
		border-top:none;
		margin-left:40%;
		padding:12px 8px;
	}
	.table.table-responsive-folding tr + tr {
		border-top:1px solid #ddd;
		margin-top:20px;
		padding-top:20px;
	}
	.table.table-responsive-folding td:before {
		content: attr(data-label);
		position: absolute;
		left:0;
		font-weight: bold;
		width:40%;
		padding-right:10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}
	.options-col {
		position: absolute;
		top:0;
		right:-10px;
		padding:0!important;
	}
	.table.table-responsive-folding tr + tr .options-col {
		top:20px;
	}
	.options-col > .dropdown > .btn-primary,
	.options-col > .dropdown > .btn-primary:hover {
		border: none;
		outline: none;
		vertical-align: middle;
		background: transparent;
		color: #aaa;
		margin:0;
	}
	.options-col > .dropdown > .btn-primary .fa {
		font-size:24px;
		line-height: 1;
	}
}
.btn-search {
	float:right;
	width:35px;
	height:35px;
	padding:0;
	border:none;
	background:none;
}
.btn-search:hover, .btn-search:active, .btn-search:focus {
	background:none;
}
.portlet-title .btn-search {
	margin-top:-7px;
}
.btn-search span {
	display:block;
	width:35px;
	height:35px;
	background-position:center;
	background-size: cover;
}
.btn-search:not(.open) span {
	background-image:url("../admin/assets/global/img/search-control-magifying-icon.svg");
}
.portlet-title .btn-search:not(.open) span {
	background-image: url(../admin/assets/global/img/search-control-magifying-icon-blue.svg);
}
.btn-search.open span {
	background-image:url("../admin/assets/global/img/search-control-cross-icon.svg");
}
.portlet-title .btn-search.open span {
	background-image: url(../admin/assets/global/img/search-control-cross-icon-blue.svg);
}
.btn-search-blue:not(.open) span {
	background-image:url("../admin/assets/global/img/search-control-magifying-icon-blue.svg");
}
.btn-search-blue.open span {
	background-image:url("../admin/assets/global/img/search-control-cross-icon-blue.svg");
}
.input-group.input-search .input-group-btn {
	z-index: 2;
}
.input-group.input-search input[type="text"] {
	height:42px;
	margin:2px 0;
	padding-right:50px;
}
.input-group.input-search .btn {
	margin: 2px 0;
	padding: 10px;
	border-width: 1px;
	min-width: 50px;
}
.input-group.input-search .btn-search-clear {
	background: none;
	position: absolute;
	right: 50px;
	z-index: 2;
	color: #888;
}

.info-bar {
	width:100%;
	display: table;
	background-color:#EBEBEB;
}
.info-bar .box {
	display: table-cell;
	width:50px;
	height:50px;
	background-color: #80B8DD;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;
}
.info-bar .box .fa {
	font-size:2em;
	line-height: 1;
}
.info-bar .content {
	display: table-cell;
	padding:0 8px;
	height:50px;
	vertical-align: middle;
	font-style: italic;
	color:#7C7C7C;
}

.cc-expiring-bar {
	padding:16px;
	background-color:#e45c5b;
	color:#fff;
	font-size:16px;
	text-align:center;
	margin: -25px -20px 25px -20px;
}
.cc-expiring-bar a.cc-update {
	color:#fff;
	text-decoration:underline;
}
.cc-expiring-bar a.cc-dismiss {
	color:#fff;
	font-size:13px;
	line-height:22px;
	float:right;
	display: block;
}
@media (max-width: 500px) {
	.cc-expiring-bar a.cc-dismiss {
		float: none;
		margin-top:15px;
	}
}

.quick-actions-box {
	position: relative;
	clear:right;
	width:100%;
	border:1px solid #dedede;
	background-color:#f4f4f4;
	/*color:#ffffff;*/
	font-size:16px;
	padding:20px;
	line-height: 30px;
	margin-bottom:20px;
}
.quick-actions-box.main-page-actions {
	background-color: #ffffff;
	border:none;
	border-radius: 5px;
	box-shadow: 0 0 10px #00000010;
}
.quick-actions-box p.bold {
	margin:0;
}
.quick-actions-box .quick-actions-toggle {
	position: absolute;
	top:10px;
	right:20px;
	padding:10px;
	color:#333;
	font-size:13px;
	cursor: pointer;
	white-space: nowrap;
}
.quick-actions-box .quick-action-links {
	margin-top:10px;
}
.quick-actions-box .btn {
	margin:2px 0;
	padding:10px;
	border-width:1px;
	min-width:50px;
}
.quick-actions-box .btn .hidden-label {
	display: none;
}
.quick-actions-box.main-page-actions .btn:not(.btn-search-clear) {
	position: relative;
	height:50px;
	overflow: hidden;
}
.quick-actions-box.main-page-actions .btn-search-clear {
	height:50px;
}
.quick-actions-box.main-page-actions .btn:not(.btn-primary):hover {
	color:#000;
}
.quick-actions-box .btn-iconed {
	padding-left:60px;
}
.quick-actions-box .btn-icon-only {
	padding:0;
	width:50px;
}
.quick-actions-box .btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	line-height:50px;
	color: #fff;
	overflow: hidden;

}
.quick-actions-box .btn-icon .fa {
	font-size:22px;
	margin:0;
	mix-blend-mode: hard-light;
	text-shadow: rgba(90, 90, 90, 1) 1px 1px, rgba(90, 90, 90, 1) 2px 2px, rgba(90, 90, 90, 1) 3px 3px, rgba(90, 90, 90, 1) 3px 3px, rgba(90, 90, 90, 1) 4px 4px, rgba(90, 90, 90, 1) 5px 5px, rgba(90, 90, 90, 1) 6px 6px, rgba(90, 90, 90, 1) 7px 7px, rgba(90, 90, 90, 1) 8px 8px, rgba(90, 90, 90, 1) 9px 9px, rgba(90, 90, 90, 1) 10px 10px, rgba(90, 90, 90, 1) 11px 11px, rgba(90, 90, 90, 1) 12px 12px, rgba(90, 90, 90, 1) 13px 13px, rgba(90, 90, 90, 1) 14px 14px, rgba(90, 90, 90, 1) 15px 15px, rgba(90, 90, 90, 1) 16px 16px, rgba(90, 90, 90, 1) 17px 17px, rgba(90, 90, 90, 1) 18px 18px, rgba(90, 90, 90, 1) 19px 19px, rgba(90, 90, 90, 1) 20px 20px, rgba(90, 90, 90, 1) 21px 21px, rgba(90, 90, 90, 1) 22px 22px, rgba(90, 90, 90, 1) 23px 23px, rgba(90, 90, 90, 1) 24px 24px, rgba(90, 90, 90, 1) 25px 25px, rgba(90, 90, 90, 1) 26px 26px;
}
.quick-actions-box .btn-cyan {
	background-color: #36bbf740;
	border-color:#36bbf7;
}
.quick-actions-box .btn-cyan:hover {
	background-color: #36bbf760;
}
.quick-actions-box .btn-cyan .btn-icon {
	background-color:#36bbf7;
}
.quick-actions-box .btn-purple {
	background-color: #ca6df640;
	border-color:#ca6df6;
}
.quick-actions-box .btn-purple:hover {
	background-color: #ca6df660;
}
.quick-actions-box .btn-purple .btn-icon {
	background-color:#ca6df6;
}
.quick-actions-box .btn-orange {
	background-color: #f7be3940;
	border-color:#f7be39;
}
.quick-actions-box .btn-orange:hover {
	background-color: #f7be3960;
}
.quick-actions-box .btn-orange .btn-icon {
	background-color:#f7be39;
}
.quick-actions-box .btn-mint {
	background-color: #19d3b940;
	border-color:#19d3b9;
}
.quick-actions-box .btn-mint:hover {
	background-color: #19d3b960;
}
.quick-actions-box .btn-mint .btn-icon {
	background-color:#19d3b9;
}
.quick-actions-box .btn-pink {
	background-color: #ff666640;
	border-color:#ff6666;
}
.quick-actions-box .btn-pink:hover {
	background-color: #ff666660;
}
.quick-actions-box .btn-pink .btn-icon {
	background-color:#ff6666;
}
.quick-actions-box .btn-green {
	background-color: #32c67140;
	border-color:#32c671;
}
.quick-actions-box .btn-green:hover {
	background-color: #32c67160;
}
.quick-actions-box .btn-green .btn-icon {
	background-color:#32c671;
}
.quick-actions-box .btn-silver {
	background-color: #bbbbbb40;
	border-color:#bbbbbb;
}
.quick-actions-box .btn-silver:hover {
	background-color: #bbbbbb60;
}
.quick-actions-box .btn-silver .btn-icon {
	background-color:#bbbbbb;
}
.quick-actions-box .btn-dark {
	background-color: #bbbbbb40;
	border-color:#333333;
}
.quick-actions-box .btn-dark:hover {
	background-color: #bbbbbb60;
}
.quick-actions-box .btn-dark .btn-icon {
	background-color:#333333;
}
.quick-actions-box.main-page-actions .input-group.input-search input[type="text"] {
	height:50px;
}
.quick-actions-box .dropdown-toggle {
	min-width:100px;
	text-align:left;
	padding-right:20px;
}
.quick-actions-box .dropdown-toggle:after {
	font-family: "FontAwesome";
	content:"\f0d7";
	position: absolute;
	right:6px;
}
.quick-actions-box .dropdown-menu {
	width:max-content;
	min-width:100%;
}
.quick-actions-box .dropdown-menu li > a {
	padding-right:13px;
}
.action-box {
	min-height:135px;
	margin: 10px auto;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #00000020;
}
#date-range-picker-wrapper {
	position: relative;
	display: inline-flex;
	height: 50px;
	margin:2px 0;
	background-color: #ca6df640;
	border: 1px solid #ca6df6;
	border-radius:4px;
	overflow: hidden;
	font-size: 0;
	vertical-align: middle;
	cursor: pointer;
}
#date-range-picker-wrapper:hover {
	background-color: #ca6df660;
}
#date-range-picker-wrapper .date-range-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 100%;
	margin: 0;
	line-height:50px;
	background-color:#ca6df6;
	color:#fff;
	overflow: hidden;
}
#date-range-picker-wrapper .date-range-value {
	position: relative;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	padding:10px;
	line-height: 1.42857143;
	font-size: 14px;
	align-items: center;
}
#date-range-picker-wrapper .date-range-value {
	padding-right:20px;
}
#date-range-picker-wrapper .date-range-value:after {
	font-family: "FontAwesome";
	content:"\f0d7";
	position: absolute;
	right:6px;
	color:#222;
}
.daterangepicker .range_inputs .daterangepicker_start_input,
.daterangepicker .range_inputs .daterangepicker_end_input {
	display: none;
}
@media (max-width:508px) {
	.quick-actions-box {
		text-align: center;
	}
	.quick-actions-box .btn:not(.input-group .btn) {
		display: block;
		width:100%;
		height:50px;
		margin:5px auto;
		padding: 7px;
	}
	.quick-actions-box .btn:not(.input-group .btn) .hidden-label {
		display: block;
	}
	.quick-actions-box .btn-group,
	.quick-actions-box .date {
		width:100%;
	}
	.quick-actions-box .btn-group .btn {
		text-align: center;
	}
	.quick-actions-box .btn-group .dropdown-menu {
		width:100%;
	}
	.quick-actions-box .btn-group .dropdown-menu li > a {
		padding:16px 0 16px 0;
	}
	.quick-actions-box .action-box {
		width:100%;
	}
	#date-range-picker-wrapper {
		display: flex;
	}
	#date-range-picker-wrapper .date-range-label,
	#date-range-picker-wrapper .date-range-value {
		height:50px;
		padding:6px;
	}
}

.portlet.box > .portlet-body:not(.no-scroll) {
	overflow:auto;
}

.portlet.ticket .portlet {
	margin-bottom:10px;
}

#prefs-form .portlet {
	border:none;
	margin-bottom:5px;
	box-shadow: none;
}

.label-Annual, .label-Monthly {
	width:100%;
	display: inline-block;
	margin: 0;
}
.label-Annual {
	background-color: #4193c6;
}
.label-Monthly {
	background-color:#0b5f9e;
}

.form-horizontal .control-label {
	text-align:left;
	/*font-weight:600;*/
}
.control-label .label-sub {
	display:block;
	font-style: italic;
	color:#888888;
	font-weight:300;
}
.form-control.input-lg {
	font-size:18px;
}
.form-control.input-fat {
	height:50px;
}
.control-label.input-fat {
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0;
}
/*.form-horizontal .control-label.content {
	font-weight:400;
}*/
.form-horizontal .radio > span {
	margin-top: -4px;
}
.table-daysheet {
	table-layout: fixed;
	width:100%;
}

.table-daysheet tr td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chart-labels {
	margin:10px 5px 0 5px;
}
.chart-labels .chart-label {
	position:relative;
	min-height:1px;
	padding:0 5px;
	float:left;
	width:14.286%;
	font-size:18px;
}
.chart-labels .label {
	display:block;
	font-size:11px;
}
.content_preview {
	padding:5px;
	width:453px;
	color:#0D3268;
	font-weight:bold;
}

.content_counter {
	padding:5px;
	font-weight:bold;
}

ul.list-check {
	list-style:none;
	padding:10px;
}
ul.list-check li {
	padding-bottom:10px;
}
ul.list-check li:before {
	font-family: "FontAwesome";
	content:"\f00c";
	color:#ddd;
	font-weight:600;
	margin-right:5px;
}
ul.list-check li.success:before {
	color:#3c763d;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
	background-color: #38ab4e;
}
/***
Thicker table row left highlights
***/
.table-advance td.highlight div.primary,.table-advance td.highlight div.success,.table-advance td.highlight div.info,
.table-advance td.highlight div.warning,.table-advance td.highlight div.danger {
  border-left-width: 3px;
}
/*Additional style*/
.table-advance div.default {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}
.table-advance td.highlight div.default {
  border-left: 3px solid #e5e5e5;
}
/*Smaller table heading bottom border*/
.table > thead > tr > th {
	border-bottom: 1px solid #ddd;
}
/***
Allow notification entry to wrap
***/
.dropdown-menu li > a {
	white-space: normal;
}

.navbar-nav .open .dropdown-menu {
	box-shadow: 0 5px 10px #00000020;
}

.dropdown-menu.menu2 {
	top: 70px;
	width:320px;
	left: 50%;
	margin-left:-160px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.dropdown-menu.menu2:after, .dropdown-menu.menu2:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dropdown-menu.menu2:after {
	border-color: rgba(213, 213, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.dropdown-menu.menu2:before {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #efefef;
	border-width: 11px;
	margin-left: -11px;
}
.dropdown-menu.menu2 li {
	padding:12px 20px;
	cursor:pointer;
	color:#333;
}
.dropdown-menu.menu2 li:not(:first-child) {
	border-top:1px solid #e5e5e5;
}
.dropdown-menu.menu2 li:hover {
	background-color:#f9f9f9;
}

.ui-autocomplete {
	max-height: 170px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	z-index: 99999;
}
.autocomplete-group .form-control {
	border-right: none;
	border-bottom-left-radius: 4px!important;
	border-top-left-radius: 4px!important;
}
.autocomplete-group .form-control:focus {
	border-color:#e5e5e5;
}
.autocomplete-group .input-group-addon {
	min-width: 20px;
	padding: 6px 0;
	background-color: transparent;
}
.autocomplete-group .input-group-addon .fa {
	color: #333;
	font-size: 12px;
}

.tooltip {
	z-index: 99999;
}
.tooltip-inner {
	max-width:250px;
	background-color:#555;
}
.tooltip.top .tooltip-arrow {
	border-top-color:#555;
}
.tooltip.right .tooltip-arrow {
	border-right-color:#555;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color:#555;
}
.tooltip.left .tooltip-arrow {
	border-left-color:#555;
}
.tooltip-inner.text-left {
	text-align: left!important;
}
#chartjs-tooltip .tooltip-inner span {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-style: solid;
	margin-right: 5px;
	vertical-align: sub;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 170px;
}

/*Hidden access-level inputs*/
.access-level1, .access-level2, .access-level3, .access-level4 {
	display:none;
}

/*Custom Modals*/
.modal-title a.back {
	padding:0 10px;
}
.modal-title.text-center a.back {
	position: absolute;
	left:15px;
}
.modal-title.text-center {
	margin:0 25px;
}
.modal-body h4 {
	margin-bottom:20px;
}
.modal-body .portlet.box:not(.portlet-accordion) > .portlet-body {
	padding:0;
}
.action-modal {
	padding-top:5%;
	width:800px;
}
.action-modal .portlet-body {
	height:250px;
	overflow:hidden!important;
}

.gallery-modal {
	width:80%;
}
.gallery-modal .modal-body .gallery {
	height:500px;
}
.gallery-modal .modal-body .gallery ul {
	list-style: none;
	padding:0;
	margin:0;
}
.gallery-modal .modal-body .gallery ul li {
	float:left;
	width:20%;
}
.gallery-modal .modal-body .gallery ul li div {
	width:96%;
	padding:2%;
}
.gallery-modal .modal-body .gallery ul li img {
	width:100%;
	border:2px solid #ffffff;
}
.gallery-modal .modal-body .gallery ul li img.active {
	border:2px solid #F2D818;
}
.gallery-preview-modal {
	margin-top:15%;
	width:982px;
}
.gallery-preview-modal .modal-body img {
	width:100%;
}

.upgrade-modal .modal-header {
	padding:0;
}
.upgrade-modal .modal-header img {
	width:100%;
	max-width: 100%;
}
.upgrade-modal .modal-body h5 {
	font-weight:600;
	margin:0;
}

.modal2 .modal-dialog .modal-body {
	padding:0;
}
.modal2 .modal-dialog .modal-body h4 {
	font-weight:600;
	margin:0;
}
.modal2 .modal-dialog .modal-body hr {
	border-top-color:#ddd;
}
.modal2 .modal-dialog .nav-tabs,
.nav-tabs.modal-nav-tabs {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:0;
}
.nav-tabs.modal-nav-tabs {
	margin-left: -20px;
	margin-right: -20px;
}
.modal2 .modal-dialog .nav-tabs > li,
.nav-tabs.modal-nav-tabs li {
	margin-bottom:0;
	width:33.33333333%;
	text-align: center;
	border-radius: 0;
}
.modal2 .modal-dialog .nav-tabs > li:not(:first-child),
.nav-tabs.modal-nav-tabs > li:not(:first-child) {
	border-left: 1px solid #ccc;
}
.modal2 .modal-dialog .nav-tabs > li > a,
.nav-tabs.modal-nav-tabs > li > a {
	border: none!important;
	border-radius: 0;
	margin:0;
	padding:15px 4px;
	width:100%;
	color:#555555;
}
.modal2 .modal-dialog .nav-tabs > li.active > a,
.nav-tabs.modal-nav-tabs > li.active > a {
	color:#ffffff;
}
.modal2 .modal-dialog .nav-tabs > li:first-child.active > a,
.nav-tabs.modal-nav-tabs > li:first-child.active > a {
	background-color:#7ACCC8;
}
.modal2 .modal-dialog .nav-tabs > li:nth-child(2).active > a,
.nav-tabs.modal-nav-tabs > li:nth-child(2).active > a {
	background-color:#FEC689;
}
.modal2 .modal-dialog .nav-tabs > li:nth-child(3).active > a,
.nav-tabs.modal-nav-tabs > li:nth-child(3).active > a {
	background-color:#7DA7D9;
}
.modal2 .modal-dialog .panel-wrap {
	display: flex;
}
.modal2 .modal-dialog .panel-wrap .left-panel {
	position: relative;
	width:64%;
	padding:20px;
}
.modal2 .modal-dialog .panel-wrap .right-panel {
	position: relative;
	width:36%;
	padding:20px;
}
.modal2 .modal-dialog .panel-wrap .right-panel .file-list .btn,
.modal2 .modal-dialog .panel-wrap .right-panel .file-list .file-entry {
	width:100%;
	min-width:100%;
	margin:5px 0;
	font-size:13px;
}
.modal2 .modal-dialog .panel-wrap .right-panel .exam-score {
	text-align: center;
	font-size:40px;
}
.modal2 .modal-dialog .panel-wrap:not(.action-bar) .right-panel {
	border-left:1px solid #ddd;
}
.modal2 .modal-dialog .panel-wrap .right-panel .btn-block+.btn-block {
	margin-top:0;
}
.modal2 .modal-dialog .panel-wrap .right-panel.disabled:after {
	content:" ";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
	cursor:not-allowed;
}
.modal2 .modal-dialog .panel-buttons {
	position: absolute;
	bottom:18px;
	width:calc(100% - 40px);
	text-align: center;
}
.modal2 .modal-dialog .panel-buttons .btn:not(.btn-trans) {
	height:50px;
}
.modal2 .modal-dialog .action-bar {
	background-color: #FFDFE0;
}
.modal2 .modal-dialog .action-bar .btn {
	width:100%;
	height:50px;
}
.modal2 .modal-dialog .detail-label {
	margin-bottom:5px;
	font-weight:600;
}
.modal2 .modal-dialog .bordered-groups .form-group {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.modal2 .modal-dialog .form-group .control-label,
.modal3 .modal-dialog form:not(.form-horizontal) .form-group .control-label {
	font-weight:600;
	margin-bottom:5px;
}
.modal2 .modal-dialog .form-group .detail-content {
	margin-top:8px;
	margin-bottom:7px;
	font-size:14px;
}
.modal2 .modal-dialog .tab-pane.editing .form-group,
.modal3 .modal-dialog form:not(.form-horizontal) .form-group {
	padding-bottom:12px;
	border-bottom:none;
}
.modal2 .modal-dialog .tab-pane.editing .detail-content {
	display:none;
}
.modal2 .modal-dialog .tab-pane:not(.editing) .detail-edit {
	display:none;
}
.modal2 .modal-dialog .photo,
.modal2 .modal-dialog .cert {
	width:70%;
	height:150px;
	background-color: #f9f9f9;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}
.modal2 .modal-dialog .photo {
	float:right;
}
.modal2 .modal-dialog .cert {
	margin:5px auto;
}
.modal2 .modal-dialog  .reg-plate {
	display: flex;
	width:100%;
	border:1px solid #000;
	border-radius: 5px!important;
	background-color: #FFDE00;
}
.modal2 .modal-dialog  .reg-plate span:first-child {
	width:30px;
	height:50px;
	border-right:1px solid #000;
	background-color: #3061AE;
}
.modal2 .modal-dialog  .reg-plate span:last-child {
	height:50px;
	flex-grow: 1;
	font-family: "UKNumberPlate", Arial, sans-serif;
	font-size:32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal2 .modal-dialog .form-group .detail-content.qc-panel-icons {
	margin:12px 0;
}
.modal2 .modal-dialog .form-group .detail-content.qc-panel-icons .fa {
	float: left;
	margin: 2px 10px 12px 0;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
	background-color: #f0f0f0;
	color: #555;
	width: 36px;
	height: 36px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
}
.modal2 .modal-dialog .form-group.last-item {
	margin-bottom:90px;
}
.modal2 .modal-dialog .action {
	margin-left:18px;
	margin-bottom:8px;
}
.modal2 .modal-dialog .action label {
	width:100%;
	margin-bottom:0;
}
.modal2 .modal-dialog .action label.text-success {
	font-weight:900;
}
.modal2 .modal-dialog .action input[type="checkbox"] {
	margin-left:-18px;
}
.modal2 .modal-dialog .action_notes {
	font-style: italic;
	color:#333;
}
.modal3:before {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:" ";
	/*background-color:#33333388;*/
	/*backdrop-filter: blur(2px);*/
}
.modal3 .modal-body {
	padding-top:0;
	padding-bottom:0;
}
.modal2 .form-control:not(textarea),
.modal3 .form-control:not(textarea) {
	height:50px;
}
.modal2 .input-group .btn,
.modal3 .input-group .btn {
	width:50px;
	height:50px;
}
.modal2 .input-icon > i,
.modal3 .input-icon > i {
	margin-top:17px;
}
.modal3 .form-horizontal .control-label {
	padding-top:16px;
}

.modal4 {
	/*backdrop-filter: blur(5px);*/
	display: flex !important;
	height: 100%;
}
.modal4 .modal-dialog {
	width:100%;
	max-width:675px;
	margin: auto;
}
.modal4 .modal-dialog .modal-content {
	background-color:#333;
	color:#fff;
	padding:30px;
	box-shadow:0 0 18px #00000060;
}
.modal4 .modal-dialog .modal-content .modal-body {
	padding:0;
}
.modal4 .modal-dialog .modal-content .modal-footer {
	padding:30px 0 0 0;
	border:none;
}
.modal4 .wizard-header {
	position: relative;
	margin:-30px -30px 30px -30px;
	padding:20px 30px 30px 30px;
	background-color:#454545;
}
.modal4 .wizard-breadcrumb {
	font-size:13px;
	font-weight:300;
	color:#ccc;
	margin-bottom:10px;
}
.modal4 .wizard-breadcrumb .fa {
	margin:0 8px;
}
.modal4 .wizard-progress {
	display: flex;
}
.modal4 .wizard-progress > div:first-child {
	flex-basis: 112px;
	flex-shrink: 0;
}
.modal4 .wizard-progress .progress {
	flex-basis: 100%;
	flex-shrink: 1;
	height:30px;
	margin-top:-4px;
}
.modal4 .wizard-progress .progress-bar {
	text-align: right;
	padding-right: 10px;
	line-height: 30px;
	font-weight: 600;
}
.modal4 h1 {
	font-size:28px;
	font-weight:700;
	margin:0 0 10px;
	color:#fff;
}
.modal4 h5 {
	font-size:14px;
	font-weight:600;
	margin:10px 0 0;
	color:#f7be39;
}
.modal4 .form-control {
	height:50px;
	border:none;
}
.modal4 .input-group .input-group-btn .btn {
	border:none;
}
.modal4 .summary-box {
	position: relative;
	display: flex;
	padding:15px 20px;
	margin: 5px 0;
	border:none;
	border-left:3px solid #454545;
	width:100%;
	min-height:50px;
	background-color:#454545;
	color:#fff;
	align-items: center;
}
.modal4 .summary-box:hover {
	background-color:#454545;
	box-shadow: none;
}
.modal4 .summary-box .summary-name {
	margin-bottom: 0;
	flex-shrink: 1;
	flex-grow: 1;
	padding-right:10px;
	font-size:14px;
	font-weight:700;
}
.modal4 .summary-box .summary-button,
.modal4 .summary-box .summary-icon {
	text-align:right;
	padding-left:30px;
}
.modal4 .summary-box .summary-icon .fa {
	font-size:20px;
	line-height:26px;
}
.modal4 .summary-box .summary-button .btn-trans:hover {
	text-decoration: none;
	color: inherit;
}
.modal4 .btn-summary-action {
	padding:0 14px;
}
.modal4 .file-entries {
	margin-right:0;
}
.modal4 .file-list .btn,
.modal4 .file-list .file-entry {
	width:100%;
	max-width:100%;
}
.modal4 .btn-primary {
	border-color:#77c0ff ;
}
.modal4 .btn-primary-outline {
	color:#77c0ff ;
}
@media (min-width: 768px) {
	.modal2 .modal-dialog {
		width: 700px;
		margin-top:40px;
	}
}
@media (max-width: 699px) {
	.modal2 .modal-dialog .panel-wrap {
		flex-wrap: wrap;
	}
	.modal2 .modal-dialog .panel-wrap .left-panel,
	.modal2 .modal-dialog .panel-wrap .right-panel {
		width:100%;
		border-left:none;
	}
	.modal2 .modal-dialog .panel-wrap .left-panel.slide-bottom {
		order:2;
		padding-top:0;
	}
	.modal2 .modal-dialog .panel-wrap .right-panel .group-wrap .form-group {
		float:left;
		width:50%;
		border:none;
		margin-bottom:0;
		padding-bottom: 0;
	}
	.modal2 .modal-dialog .panel-wrap .right-panel .group-wrap .form-group:first-child {
		padding-right:10px;
	}
	.modal2 .modal-dialog .panel-wrap .right-panel .group-wrap .form-group:last-child {
		padding-left:10px;
	}
	.modal2 .modal-dialog .panel-wrap .right-panel .group-wrap .form-group .qc-panel-icons {
		margin-top:0;
	}
	.modal2 .modal-dialog .panel-wrap .right-panel .group-wrap {
		border-bottom:1px solid #ddd;
	}
	.modal2 .modal-dialog .panel-buttons {
		position:relative;
		width:100%;
	}
	.modal2 .modal-dialog .form-group.last-item {
		margin-bottom:20px;
	}
}
@media (max-width: 600px) {
	.modal-header {
		padding-left:10px;
		padding-right:10px;
	}
	.modal-body {
		padding:10px;
	}
	.modal-dialog .nav-tabs.modal-nav-tabs {
		margin-left:-10px;
		margin-right:-10px;
	}
}
@media (max-width: 500px) {
	.modal2 .modal-dialog .panel-wrap .left-panel [class^="col-xs-"] {
		width:100%;
	}
}
@media (min-width: 540px) {
	.modal3 .modal-dialog {
		width: 500px;
		margin:10px auto;
	}
}
.modal.modal-right .modal-dialog {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	margin:0;
}
.modal.modal-right .modal-dialog .modal-header {
	padding:15px 20px;
}
.modal.modal-right .modal-header .close {
	margin-right:-20px;
}
.modal.modal-right .modal-dialog .modal-content {
	width:100%;
	height:100%;
	overflow:auto;
	scrollbar-width:thin;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-radius:0;
}
.modal.modal-right .modal-dialog .modal-content::-webkit-scrollbar {
	width:5px;
}

.modal.modal-right.fade:not(.in) .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
}
.modal.modal-right.fade.in .modal-dialog {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.resolution-buttons,
.resolution-buttons .unresolved-options {
	display: flex;
}
.resolution-buttons .resolved-options {
	width:100%;
}
.resolution-buttons .or {
	width:50px;
	flex-shrink: 0;
	text-align: center;
	align-self: center;
	font-size:18px;
	font-weight:600;
}
.resolution-buttons .btn-xxl-resolution {
	flex-basis: 100%;
	flex-shrink: 1;
	flex-wrap: nowrap;
	min-height:132px;
	white-space: normal;
	line-height: 1;
}
.resolution-buttons .resolved-options .btn-primary {
	display: flex;
	width:100%;
}
.resolution-buttons .btn-xxl-resolution .fa,
.resolution-buttons .resolved-options .btn-primary .fa {
	font-size:24px;
}
.resolution-buttons .resolved-options .btn-primary .fa {
	align-self: center;
	margin:10px 12px;
}
.resolution-buttons .resolved-options .btn-primary > span {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding:5px 2px;
}
.resolution-buttons .btn-xxl-resolution .title,
.resolution-buttons .resolved-options .btn-primary .title {
	display: block;
	font-size:18px;
	font-weight:600;
	color:#333;
	margin:20px 0 6px;
}
.resolution-buttons .resolved-options .btn-primary .title {
	margin:0;
}
.resolution-buttons .btn-xxl-resolution .subtitle,
.resolution-buttons .resolved-options .btn-primary .subtitle {
	font-size:12px;
	color:#666;
}
.resolution-buttons .resolved-options .btn-primary .subtitle {
	white-space: normal;
	text-align: left;
}
.resolution-buttons .btn-xxl-resolution.btn-primary,
.resolution-buttons .resolved-options .btn-primary {
	background-color: #FBFDFF;
}
.resolution-buttons .btn-xxl-resolution.btn-success {
	background-color: #FBFEFC;
}
.resolution-buttons .btn-xxl-resolution.btn-primary:hover,
.resolution-buttons .resolved-options .btn-primary:hover {
	background-color: #e0eeff;
	color:#357ebd;
}
.resolution-buttons .btn-xxl-resolution.btn-success:hover {
	background-color: #dcffe9;
	color:#38ab4e;
}
.resolution-note textarea {
	margin-bottom:8px;
}
@media (max-width:450px) {
	.resolution-buttons,
	.resolution-buttons .unresolved-options {
		display: block;
	}
	.resolution-buttons .or {
		width: 100%;
	}
	.resolution-buttons .btn-xxl-resolution {
		display: block;
		width:100%;
		margin:10px 0;
	}
	.resolution-note textarea {
		min-height:110px;
	}
}

.table-rankings tr td, .table-rankings tr th {
	text-align:center;
	border-right:1px solid #dddddd;
	padding:8px 0;
}
.table-rankings thead tr td i {
    margin-top:8px;
    font-size:20px;
    cursor: pointer;
}
.table-rankings thead tr td div.spacer {
    display:inline-block;
    float:left;
    width:23px;
    height:20px;
}

.table-rankings tr td:first-child, .table-rankings tr th:first-child {
	text-align:left;
	border-left:1px solid #dddddd;
}
.table-rankings thead tr:first-child td:first-child {
	border-left:none;
    /*border-right-color: #ffffff;*/
}
.table-rankings tr td {
    border-top:none;
    border-bottom:1px solid #dddddd;
}

.table-seo {
	table-layout: fixed;
	min-width:1600px;
}
.table-seo tr th.seo_header {
	width:120px;
	background-color:#c0c0c0;
}
.table-seo tr th:nth-child(2) {
	width:120px;
}
.table-seo tr td, .table-seo tr th {
	text-align: center;
	border-left:1px solid #dddddd;
}
.table-seo tr td:first-child, .table-seo tr td:nth-child(2), .table-seo tr th:first-child, .table-seo tr th:nth-child(2) {
	text-align:left;
}
.table-seo tr td:first-child, .table-seo tr th:first-child {
	border-left:none;
	white-space: nowrap;
	overflow:hidden;
	/*border-right-color: #ffffff;*/
}
.table-seo tr td {
	border-top:none;
	border-bottom:1px solid #dddddd;
}
.table-seo tr td.complete {
	background-color: #009900;
	color:#ffffff;
}
.table-seo tr td.incomplete {
	background-color: #ff6600;
	color:#ffffff;
}
.table-seo tr td.hover {
	cursor: pointer;
}

#seo_modal .modal-dialog {

}
#seo_modal .modal-header {
	background-color:#4b8df8;
	color:#ffffff;
}


.table-rankings thead tr td.inactive {
    border-bottom:1px solid #dddddd;
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}
.table-rankings thead tr td.active {
    border-bottom:1px solid #e67c14;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.table-rankings tr.hidden_row {
    display:none;
}

.portlet-title li.btn-group a.btn {
    margin-left:3px;
}
.customer_filter:hover {
    background-color: #c49f47!important;
    color:#ffffff!important;
}


/*new stats boxes*/
.stats-box {
	text-align:center;
	padding:10px 0;
	margin-bottom:20px;
}
.stats-box label {
	width:100%;
	color:#eee;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:10px;
	padding:2px 6px;
}
.stats-box .counter {
	font-size:32px;
	font-weight:600;
}
.stats-box.stats-box-green {
	background-color:#C8E6C3;
}
.stats-box.stats-box-green label {
	background-color:#A6D5A1;
}
.stats-box.stats-box-green .counter {
	color:#96CC8B;
}
.stats-box.stats-box-orange {
	background-color: #FDDCBA;
}
.stats-box.stats-box-orange label {
	background-color:#FAC891;
}
.stats-box.stats-box-orange .counter {
	color:#FAB877;
}
.stats-box.stats-box-blue {
	background-color:#ADE3F9;
}
.stats-box.stats-box-blue label {
	background-color:#7AD3F5;
}
.stats-box.stats-box-blue .counter {
	color:#5FC8F2;
}
.stats-box.stats-box-red {
	background-color:#F6BFB0;
}
.stats-box.stats-box-red label {
	background-color:#F39983;
}
.stats-box.stats-box-red .counter {
	color:#F17E62;
}
.stats-box.stats-box-pink {
	background-color:#F5C2D9;
}
.stats-box.stats-box-pink label {
	background-color:#F09EC4;
}
.stats-box.stats-box-pink .counter {
	color:#ED86B6;
}
.stats-box.stats-box-purple {
	background-color:#C6B7D7;
}
.stats-box.stats-box-purple label {
	background-color:#A48BBF;
}
.stats-box.stats-box-purple .counter {
	color:#8E6FAF;
}



span.revenue_type_1, span.revenue_type_2, span.revenue_type_3, span.revenue_type_0 {
	display: block;
	width:20px;
	text-align: center;
}
.revenue_type_1 {
	background-color:#FFCA26;
}
.revenue_type_2 {
	background-color:#B398FF;
}
.revenue_type_3 {
	background-color:#4DA6FF;
}
.revenue_type_0 {
	background-color:#888888;
}

.form-control[readonly].date-picker {
	background-color: #ffffff;
	cursor:pointer;
}
.input_warning {
	background-color: #FFE8D3!important;
}
.input_error {
	background-color: #ffbfc0!important;
}
.input_error option {
	background-color: #ffffff!important;
}
.input_valid {
	background-color: #d0febe!important;
}
.input_valid option {
	background-color: #ffffff!important;
}

.disabled-area {
	z-index: 1000;
	background-color: #333333;
	opacity: 0.6;
}


.portlet-date {
	font-size:18px;
	margin:-3px 10px 0 0;
}

.month-picker-wrapper {
	width:198px;
	border:1px solid #dedede;
	overflow: hidden;
}
.month-picker-wrapper .monthpicker {
	display: block;
	cursor: pointer;
	border:none;
	outline:none!important;
	padding:6px 0;
	margin:0 auto;
	float:none;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	width:118px;
	height:40px!important;
	background-color: #fff;
}
.hDateSelector {
	display: flex;
	width:170px;
	border:1px solid #cccccc;
	border-radius: 4px;
	font-size:0;
}
.hDateSelector.quarterly {
	width: 210px;
}
.portlet-title .hDateSelector {
	position: absolute;
	top:14px;
	right:20px;
}
.tab-content-boxed .portlet-title .hDateSelector {
	top:4px;
}
.hDateSelector button,
.hDateSelector button:active,
.hDateSelector button:focus,
.month-picker-wrapper button,
.month-picker-wrapper button:active,
.month-picker-wrapper button:focus {
	border:none;
	outline:none!important;
	height:40px;
	width:40px;
	align-content: center;
	background-color: #fff;
}
.hDateSelector button:first-child {
	border-radius: 4px 0 0 4px;
}
.hDateSelector button:last-child {
	border-radius: 0 4px 4px 0;
}
.hDateSelector button:hover,
.month-picker-wrapper button:hover {
	background-color:#ddd;
}
.hDateSelector button.disabled,
.month-picker-wrapper button.disabled {
	pointer-events: none;
	cursor: not-allowed;
}
.hDateSelector button .fa,
.month-picker-wrapper button .fa {
	font-size:22px;
	line-height: 12px;
	color:#333;
}
.hDateSelector button.disabled .fa,
.month-picker-wrapper button.disabled .fa {
	color:#aaa;
}
.hDateSelector .selected-option {
	display:flex;
	align-items:center;
	justify-content: center;
	border:none;
	height:40px;
	width:100px;
	background-color:#fff;
	color:#333;
	font-size:14px;
	font-weight:600;
	cursor: pointer;
}
.hDateSelector .option-list {
	position:absolute;
	left:40px;
	top:0;
	width:100px;
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#fff;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1;
}
.hDateSelector.quarterly .selected-option,
.hDateSelector.quarterly .option-list {
	width: 140px;
	max-height:350px;
	overflow-y: auto;
}
.hDateSelector .option-list li {
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 40px;
	color: #333;
	text-align: center;
	cursor: pointer;
}
.hDateSelector .option-list li:hover {
	background-color:#ddd;
}
@media (hover: hover) and (pointer: fine) {
	.hDateSelector button:hover { color: #fff; }
}

.portlet > .portlet-title > .tools > span.collapsed {
	background-image: url(../admin/assets/global/img/portlet-collapse-icon.png);
}
.portlet > .portlet-title > .tools > span.expanded {
	background-image: url(../admin/assets/global/img/portlet-expand-icon.png);
}
.portlet > .portlet-title > .tools > span {
	width: 14px;
	margin-bottom: 2px;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
}

.tester_exam_table td, .tester_exam_table th {
	border-right:1px solid #dddddd;
}
.tester_exam_table > tbody > tr > td {
	height:48px;
	vertical-align: middle;
}
.tester_exam_table td:first-child, .tester_exam_table th:first-child {
	min-width:184px;
	max-width:0;
	padding-right:5px;
	border-right:none;
}
.tester_exam_table td:nth-child(3),
.tester_exam_table td:nth-child(4) {
	width:150px;
}
.tester_exam_table td:nth-child(3) > div,
.tester_exam_table td:nth-child(4) > div {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.tester_exam_table td:nth-child(3) .btn,
.tester_exam_table td:nth-child(4) .btn {
	margin:0;
	font-size:17px;
}
.tester_exam_table td:nth-child(4) .btn .fa {
	font-size: 15px;
}
.tester_exam_table td:nth-child(5) {
	position:relative;
	width: 15.6%;
	min-width:135px;
}
.tester_exam_table td:nth-child(6) {
	position:relative;
	width:23%;
	padding-right:30px;
}
.tester_exam_table td:nth-child(6) a {
	position:absolute;
	right:8px;
	top: calc(50% - 7px);
}
.tester_exam_table td:nth-child(7),
.tester_exam_table td:nth-child(8) {
	width:120px;
	text-align:center;
}
.tester_exam_table td:nth-child(7) {
	position:relative;
}
.tester_exam_table td:nth-child(7) .fa {
	font-size:20px;
	line-height:1;
}
.tester_exam_table td:nth-child(7) .badge {
	position:absolute;
	left: 50%;
	top: 15%;
}
@media (max-width:508px) {
	.tet_vis1 {
		display: none!important;
	}
}
@media (max-width:1085px) {
	.tet_vis2 {
		display: none!important;
	}
}

.overview-table>tbody+tbody {
	border-top:none;
}
.overview-table>tbody+tbody tr:first-child td {
	border-top-color:#aaaaaa;
}
.overview-table .indented-rows tr td:first-child {
	padding-left:16px;
}
.overview-table tbody.collapsed {
	display:none;
}
.overview-table tr.collapsed td:nth-child(2):after {
	font-family: "FontAwesome";
	content: "\f078";
	font-size: 14px;
}
.overview-table tr.expanded td:nth-child(2):after {
	font-family: "FontAwesome";
	content: "\f077";
	font-size: 14px;
}

.overview-table td, .overview-table th,
.tester_exam_table > thead > tr:first-child > th:last-child {
	color:#000000;
	border-right:1px solid #dddddd;
}
.overview-table td:last-child, .overview-table th:last-child {
	border-right:none;
}
.overview-table:not(.tester_5_year_training_table) td:nth-child(n+3) {
	min-width: 86px;
	max-width: 156px;
}
.overview-table.aedm_training_table td:nth-child(n+3) {
	min-width: 120px;
	max-width: 264px;
}
.overview-table > thead > tr:first-child > th,
.tester_exam_table > thead > tr:first-child > th {
	border:none;
	padding:0;
}
.overview-table > thead > tr > th:first-child,
.tester_exam_table > thead > tr > th:first-child {
	padding:0 10px;
	vertical-align: middle;
	font-weight:400;
	font-size:13px;
}
.overview-table > thead > tr > th:first-child a,
.tester_exam_table > thead > tr > th:first-child a {
	font:inherit;
	text-decoration: none;
}
.overview-table.detailed-view > thead > tr > th a.view-link-detailed,
.tester_exam_table.detailed-view > thead > tr > th a.view-link-detailed,
.overview-table:not(.detailed-view) > thead > tr > th a.view-link-simple,
.tester_exam_table:not(.detailed-view) > thead > tr > th a.view-link-simple {
	color:#333;
	pointer-events: none;
}
.overview-table > thead > tr:first-child > th:not(.nav-cell):last-child,
.tester_exam_table > thead > tr:first-child > th:not(.nav-cell):last-child {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.overview-table > thead > tr:nth-child(2) > th,
.tester_exam_table > thead > tr:nth-child(2) > th {
	border-top:none;
}
.overview-table > thead > tr:first-child > th .btn,
.tester_exam_table > thead > tr:first-child > th .btn {
	margin:0;
}

.overview-table .nav-cell {
	text-align: center;
}
.overview-table .nav-cell .btn,
.overview-table .nav-cell .btn:hover,
.tester_exam_table .nav-cell .btn,
.tester_exam_table .nav-cell .btn:hover {
	background-color:#fff;
}
.overview-table .nav-cell .btn:first-child,
.tester_exam_table .nav-cell .btn:first-child {
	padding-left:0;
	text-align:left;
}
.overview-table .nav-cell .btn:last-child,
.tester_exam_table .nav-cell .btn:last-child {
	padding-right:0;
	text-align:right;
}
.overview-table .nav-cell span {
	display:inline-block;
	margin-top:6px;
}
.overview-table .nav-cell span.p-right {
	padding-right:38px;
}
.overview-table .nav-cell span.p-left {
	padding-left:38px;
}

.overview-table th.past_month, .overview-table th.current_month, .overview-table th.future_month, .overview-table th.default, .overview-table th.total {
	text-align:center;
}
.overview-table td:first-child, .overview-table th:first-child {
	width:184px;
	min-width:184px;
	max-width:0;
	padding-right:5px;
	border-right:none;
}
.overview-table td:first-child,
.tester_exam_table td:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.overview-table td:first-child .fa.pull-right, .overview-table th:first-child .fa.pull-right,
.tester_exam_table td:first-child .fa.pull-right, .tester_exam_table th:first-child .fa.pull-right {
	margin-top:2px;
}
.overview-table td:first-child .detailed,
.tester_exam_table td:first-child .detailed {
	display:none;
}
.overview-table.detailed-view td:first-child .detailed,
.tester_exam_table.detailed-view td:first-child .detailed {
	display:block;
}

.tester_exam_table .grid_danger,
.tester_exam_table .grid_warning,
.tester_exam_table .grid_success {
	color:#fff;
	font-weight:900;
}
.tester_exam_table .grid_danger span,
.tester_exam_table .grid_warning span,
.tester_exam_table .grid_success span {
	display: flex;
	align-items: center;
	justify-content: center;
	width:35%;
	text-align:center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.tester_exam_table .grid_danger {
	background-color:#e3737f;
	color:#ffffff;
}
.tester_exam_table .grid_danger span {
	background-color:#da4453;
}
.tester_exam_table .grid_warning {
	background-color: #face6b;
}
.tester_exam_table .grid_warning span {
	background-color: #f4bb12;
}
.tester_exam_table .grid_success {
	background-color:#66d495!important;
	color:#ffffff;
}
.tester_exam_table .grid_success span {
	background-color:#3cb951!important;
}

.overview-table tr.expanded td:first-child,
.overview-table tr.expanded td:nth-child(2) {
	background-color:#ececec ;
}
.overview-table.highlight-active tbody:not(.expanded) tr:not(.expanded) {
	opacity:0.5;
}
.overview-table.highlight-active tr.expanded {
	border-top:2px solid #444444;
}
.overview-table.highlight-active tbody.expanded {
	border-bottom:2px solid #444;
}
.overview-table td.current_month {
	background-color:#eaf5ff ;
}
.overview-table td:not(:first-child):not(.text-center) {
	text-align: right;
}
.indicator-td {
	border:1px solid #ddd!important;
	cursor:pointer;
	width:120px;
}
th.inert-indicator-td, td.inert-indicator-td {
	border:1px solid #ddd!important;
}
div.inert-indicator-td {
	margin:6px 0;
}

.fa.fa-orange {
	color:#f4bb12;
}
.fa.fa-green {
	color:#32c671;
}
.fa.fa-lite-green {
	color: #a1ec5e;
}
.fa.fa-red {
	color:#da4453;
}

.fa-grid {
	font-size:12px;
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	border-radius: 50%;
}
.fa-times.fa-grid {
	color:#da4453;
	background-color:#f6d0d4;
}
.fa-check.fa-grid {
	color:#32c671;
	background-color:#ccf1db;
}
.fa-check.fa-grid-lite {
	color:#7add21 ;
	background-color:#def6c7 ;
}
.fa-exclamation.fa-grid {
	color:#f7be39;
	background-color:#fdefcd;
}
.fa-minus.fa-grid {
	color:#585858;
	background-color:#d4d4d4;
	line-height:24px;
}

.overview-table td {
	height:40px;
}
.overview-table > tbody > tr > td {
	padding:10px 8px;
	vertical-align: middle;
}
.table-invoice-cross-check th:nth-child(n+4):nth-last-child(n+2),
.table-invoice-cross-check td:nth-child(n+4):nth-last-child(n+2) {
	text-align: center;
}
.overview-table:not(.tester_5_year_training_table):not(.read_only) td:nth-child(n+3) {
	cursor:pointer;
}
.overview-table td:nth-child(n+3),
.tester_exam_table td:nth-child(n+3),
.rag_table td:nth-child(n+3),
.table-invoice-cross-check td {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.overview-table tbody:hover td:nth-child(n+3),
.tester_exam_table tbody:hover td:nth-child(n+3),
.rag_table tbody:hover td:nth-child(n+3),
.table-invoice-cross-check tbody:hover td:not(.options-col),
.table-invoice-cross-check tbody:hover td.options-col button {
	opacity:0.5;
}
.overview-table tr,
.tester_exam_table tr,
.rag_table tr,
.table-invoice-cross-check tr {
	-webkit-transition: box-shadow 0.5s ease, opacity 0.5s ease;
	-moz-transition: box-shadow 0.5s ease, opacity 0.5s ease;
	-o-transition: box-shadow 0.5s ease, opacity 0.5s ease;
	transition: box-shadow 0.5s ease, opacity 0.5s ease;
}
.overview-table :not(thead) tr:not(.inert-header-row):hover,
.tester_exam_table tbody tr:hover,
.rag_table tbody tr:hover,
.table-invoice-cross-check tbody tr:hover {
	background-color:#f9f9f9;
	box-shadow: 0 0 10px 0 #BBBBBB;
}
.overview-table tr:hover td:nth-child(n+3),
.tester_exam_table tr:hover td:nth-child(n+3),
.rag_table tr:hover td:nth-child(n+3),
.table-invoice-cross-check tr:hover td,
.table-invoice-cross-check tbody:hover td.options-col .open button {
	opacity:1!important;
}
.overview-table tr:not(.inert-header-row) td:nth-child(n+3):hover,
.indicator-td:hover {
	background-color:#fff!important;
}
.overview-table td:nth-child(n+3) div,
.indicator-td div, .inert-indicator-td div {
	display: inline-block;
	vertical-align: middle;
	text-align:center;
}
.overview-table td:nth-child(n+3) div:first-child,
.indicator-td div:first-child,
.inert-indicator-td div:first-child {
	width:40%;
}
.overview-table td:nth-child(n+3) div:last-child,
.indicator-td div:last-child,
.inert-indicator-td div:last-child {
	width:60%;
}
.overview-table td:first-child span, .overview-table th:first-child span, .tester_exam_table td:first-child span, .tester_exam_table th:first-child span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.overview-table td:first-child span span.name_tooltip {
	display: initial;
}
.overview-table td:nth-child(2) .rag-score {
	display:block;
	text-align:right;
	margin-left:-8px;
	font-weight:800;
}
.garage-contact-link {
	color:#428BCA;
	cursor: pointer;
	width: fit-content;
}
.rag_table td {
	color:#000000;
	border-right:1px solid #dddddd;
}
.overview-table td:nth-child(2), .overview-table th:nth-child(2),
.tester_exam_table td:nth-child(2), .tester_exam_table th:nth-child(2),
.rag_table td:nth-child(2), .rag_table td:nth-child(3) {
	width: 34px;
	min-width: 34px;
	text-align: center;
}
.staff_holiday_table.overview-table td:nth-child(2), .staff_sick_table.overview-table td:nth-child(2),
.staff_holiday_table.overview-table th:nth-child(2), .staff_sick_table.overview-table th:nth-child(2) {
	width:0;
	min-width:0;
	padding:0;
}
.rag_table > thead > tr > th {
	border-top:none;
	padding:0;
	position: relative;
	height:34px;
}
.rag_table > thead > tr > th div {
	display: inline;
	position: absolute;
	top:8px;
}
.rag_table > thead > tr > th div:nth-child(2), .rag_table > thead > tr > th div:nth-child(3) {
	margin-left:-12px;
}
.rag_table td:first-child {
	width:218px;
	min-width:218px;
	padding-right:5px;
	border-right:none;
	max-width:0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rag_table td:not(:first-child) {
	padding:0;
}
.rag_table td:nth-child(2) .btn, .rag_table td:nth-child(3) .btn {
	width:34px;
	height:35px;
	margin:0;
}
.rag_table td:nth-child(3) .btn {
	background-color:#eeeeee;
}
.rag_table td:last-child {
	width:auto;
	background-color:#eeeeee;
}

.qc-history-table td:first-child {
	font-weight:bold;
}
.qc-history-table .qc-history-green td:first-child {
	border-left: 3px solid #3cb951;
}
.qc-history-table .qc-history-green td:first-child span {
	color:#3cb951;
}
.qc-history-table .qc-history-red td:first-child {
	border-left: 3px solid #f3565d;
}
.qc-history-table .qc-history-red td:first-child span {
	color:#f3565d;
}
.qc-history-table .qc-history-amber td:first-child {
	border-left: 3px solid #ecbc29;
}
.qc-history-table .qc-history-amber td:first-child span {
	color:#ecbc29;
}
.qc-history-table td:last-child {
	width:30px;
}
.qc-history-table td:last-child span {
	 display:none;
 }
.overview-table .inert-header-row {
	background-color:#ebebeb;
}
.overview-table .inert-header-row td:not(:first-child) {
	cursor:default;
}
@media (max-width:380px) {
	.overview-table .nav-cell span {
		display: none;
	}
}
@media (max-width:508px) {
	.vis1 {
		display:none!important;
	}
	.overview-table .nav-cell {
		min-width: 145px;
	}
	.overview-table td:first-child, .overview-table th:first-child, .rag_table td:first-child {
		min-width:110px;
		max-width:110px;
	}
	.rag_table > thead > tr > th {
		display:none;
	}
	.rag_table td:last-child {
		min-width:88px;
		max-width:158px;
	}
}
@media(max-width:599px) {
	.table-responsive-folding .indicator-td {
		width:auto;
		background-color:#f0f0f0;
	}
	.table-responsive-folding .indicator-td div:first-child {
		width:30px;
		text-align: left;
	}
	.table-responsive-folding .indicator-td div:last-child {
		width:110px;
		text-align: left;
	}
	.qc-history-table td:first-child {
		border-left:none!important;
	}
	.qc-history-table td.text-center {
		text-align:left;
	}
	.qc-history-table td:last-child {
		width:unset;
	}
	.qc-history-table td:last-child span {
		display:block;
		font-weight:600;
	}
	.qc-history-table td:last-child i {
		display:none;
	}
	.table-invoice-cross-check tbody tr:hover {
		background-color:unset;
		box-shadow: unset;
	}
	.table-invoice-cross-check tbody:hover td {
		opacity:unset;
	}
	.table-invoice-cross-check td:nth-child(n+4):nth-last-child(n+2) {
		text-align: left;
	}
}
@media (max-width:1195px) {
	.vis2 {
		display:none!important;
	}
	.overview-table td:first-child, .overview-table th:first-child,
	.tester_exam_table td:first-child, .tester_exam_table th:first-child, .rag_table td:first-child {
		width:auto;
		min-width:100px;
	}
}
@media (min-width:509px) and (max-width:1049px) {
	.overview-table:not(.tester_5_year_training_table) td:not(:first-child):not(:nth-child(2)) {
		width:90px;
		min-width:90px;
		max-width:90px;
	}
	.tester_5_year_training_table td:not(:first-child):not(:nth-child(2)) {
		width:110px;
		min-width:110px;
		max-width:110px;
	}
	.overview-table.aedm_training_table td:not(:first-child):not(:nth-child(2)) {
		width:25%;
		min-width:25%;
		max-width:25%;
	}
	.rag_table td:last-child {
		width:200px;
	}
	.rag_table > thead > tr > th div {
		font-size:8px;
		top:4px;
	}
}
@media (min-width:1050px) and (max-width:1195px) {
	.overview-table:not(.tester_5_year_training_table) td:not(:first-child):not(:nth-child(2)) {
		width:89px;
		min-width:89px;
		max-width:89px;
	}
	.tester_5_year_training_table td:not(:first-child):not(:nth-child(2)) {
		width:150px;
		min-width:150px;
		max-width:150px;
	}
	.overview-table.aedm_training_table td:not(:first-child):not(:nth-child(2)) {
		width:25%;
		min-width:25%;
		max-width:25%;
	}
	.rag_table td:last-child {
		width:466px;
	}
}
@media (max-width:1630px) {
	.vis3 {
		display:none!important;
	}
}
@media (min-width:1631px) {
	.overview-table td:first-child, .overview-table th:first-child {
		width:auto;
	}
	.overview-table:not(.tester_5_year_training_table) td:not(:first-child):not(:nth-child(2)) {
		width: 88px;
	}
	.tester_5_year_training_table td:not(:first-child):not(:nth-child(2)),
	.overview-table.aedm_training_table td:not(:first-child):not(:nth-child(2)) {
		width: 264px;
	}
	.rag_table td:first-child {
		width:auto;
	}
	.rag_table td:last-child {
		width: 1032px;
	}
}

.sales-summary_table th.past_month, .partner-redeemed-summary-table th.past_month, .partner-used-summary-table th.past_month,
.sales-summary_table th.current_month, .partner-redeemed-summary-table th.current_month, .partner-used-summary-table th.current_month,
.sales-summary_table th.future_month, .partner-redeemed-summary-table th.future_month, .partner-used-summary-table th.future_month {
	text-align:center;
	width:6%;
}
th.past_month {
	color:#aaaaaa;
	background-color:#ffffff;
}
th.current_month {
	background-color:#eaf5ff;
}
th.future_month,
th.default,
th.total {
	background-color: #ffffff;
}


.overview-table.tester_5_year_training_table td:nth-child(3) {
	width:100px;
	text-align: center;
	vertical-align: middle;
}
.tester_5_year_training_table .complete td:nth-child(n+4) {
	background-color:#EDF9F1;
}
.tester_5_year_training_table td.ignored {
	background-image: linear-gradient(
			45deg,
			rgba(200,200,200,0.5) 25%,
			transparent 25%,
			transparent 50%,
			rgba(200,200,200,0.5) 50%,
			rgba(200,200,200,0.5) 75%,
			transparent 75%,
			transparent
	);
	background-size: 5px 5px;
}

.nav-tabs-new {
	margin-bottom:0;
}
.nav-tabs-new.nav-tabs {
	display: flex;
	border-bottom:none;
}
.nav-tabs-new li.pull-right {
	margin-left:auto;
}
.nav-tabs-new li a {
	margin-right:0;
	background-color: transparent;
	border-bottom: 3px solid transparent;
}
.nav-tabs-new li a:hover,
.nav-tabs-new li a:focus {
	border-bottom:transparent;
}
.nav-tabs-new li {
	border-top:3px solid transparent;
}
.nav-tabs-new li.active {
	z-index: 2;
	box-shadow: 0 0 10px #00000020;
	clip-path: inset(-10px -10px 1px -10px);
	border-bottom:5px solid #fff;
}
.nav-tabs-new > li.active > a,
.nav-tabs-new > li.active > a:hover,
.nav-tabs-new > li.active > a:focus {
	border-radius:0;
	border:none;
	/*border-bottom:1px solid #fff;*/
}
.nav-tabs-new.tabs-green li.active {
	border-top:3px solid #16bf2b;
}
.nav-tabs-new.tabs-green li.active a {
	border-top-color: #16bf2b;
}
.nav-tabs-new.tabs-blue li.active {
	border-top:3px solid #92C3F1;
}
.nav-tabs-new.tabs-blue li.active a {
	border-top-color: #92C3F1;
}
.nav-tabs-new.tabs-red li.active {
	border-top:3px solid #f3565d;
}
.nav-tabs-new.tabs-red li.active a {
	border-top-color: #f3565d;
}

.tab-content-boxed {
	position: relative;
	z-index: 1;
	padding:15px;
	background-color: #fff;
	/*border:1px solid #ddd;*/
	border-top:none;
	margin-top:-4px;
	margin-bottom:20px;
	overflow: auto;
	box-shadow: 0 0 10px #00000020;
	border-radius: 5px;
}

.nav-tabs.nav-tabs-simple {
	border-bottom:1px solid #555;
}
.nav-tabs.nav-tabs-simple > li {
	border-bottom:1px solid transparent;
}
.nav-tabs.nav-tabs-simple > li.active {
	border-bottom-color:#f4bb12;
}
.nav-tabs.nav-tabs-simple > li > a {
	border:none;
	color:#aaa;
}
.nav-tabs.nav-tabs-simple > li.active > a, .nav-tabs.nav-tabs-simple > li.active > a:hover, .nav-tabs.nav-tabs-simple > li.active > a:focus {
	border:none;
	color:#f4bb12;
}

.tester_exam_table th.captioned {
	background-color:#f9f9f9f9;
	color:#666;
	text-align:center;
	vertical-align: middle;
}

.table.exam-request > tbody > tr > td {
	border-top:none;
	vertical-align: middle;
}

.table.qc-list > tbody > tr > td:nth-child(2) {
	width:250px;
}
.table.qc-list > tbody > tr > td:nth-child(3) {
	width:120px;
	text-align: right;
}
@media(max-width: 548px) {
	.table.qc-list > tbody > tr > td:nth-child(3) {
		width:60px;
	}
	.table.qc-list > tbody > tr > td:nth-child(3) .btn:first-child {
		margin-bottom:2px;
	}
}

.rag_spectrum {
	position: relative;
	background: -moz-linear-gradient(left, #da4453 0%, #da4453 61.9%, #f4bb12 61.9%, #f4bb12 71.5%, #32c671 71.5%, #32c671 100%);
	background: -webkit-linear-gradient(left, #da4453 0%,#da4453 61.9%,#f4bb12 61.9%,#f4bb12 71.5%,#32c671 71.5%,#32c671 100%);
	background: linear-gradient(to right, #da4453 0%,#da4453 61.9%,#f4bb12 61.9%,#f4bb12 71.5%,#32c671 71.5%,#32c671 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4453', endColorstr='#f4bb12',GradientType=1 );
}
.modal-body .rag_spectrum {
	width:100%;
	height:31px;
	margin:2px 0 10px 0;
}
.rag_indicator {
	position: absolute;
	top:-2px;
	height:35px;
	width:2px;
	background-color:#000000;
}
.rag_table .rag_indicator {
	height:100%;
	top:0;
}


.rag_issue {
	display:flex;
	flex: auto;
	border:1px solid #949494;
	margin:2px 0;
	cursor: pointer;
}
.rag_issue:not(.rag_issue_resolved):hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color: #f9f9f9;
}
.rag_issue.rag_issue_resolved {
	border-color:#48C575;
	cursor: default;
}
.rag_issue div {
	padding:12px 0;
	display: flex;
}
.rag_issue div:first-child,
.rag_issue div:nth-child(3) {
	flex-basis: 40px;
	flex-grow: 0;
	flex-shrink: 0;
}
.rag_issue div:nth-child(2) {
	flex-grow:1;
}
.rag_issue.rag_issue_resolved div:nth-child(2) {
	text-decoration: rgba(0,0,0,0.5) line-through;
}
.rag_issue div:nth-child(4) {
	flex-basis: 80px;
	flex-grow: 0;
	flex-shrink: 0;
	font-style: italic;
}
.rag_issue.rag_issue_resolved div:nth-child(4) {
	color:#48C575;
}
.rag_issue div .fa {
	font-size:16px;
	line-height:16px;
	margin: 1px auto;
}
.rag_issue div .fa-circle-thin {
	color:#949494;
}
.rag_issue div .fa-check-circle {
	color:#48C575;
}
.rag_issue div .fa-info-circle {
	color:#78AAF5;
}


.sales-summary_table {
	border:none;
}
.sales-summary_table th:first-child {
	border-left:none;
	border-top:none;
}
.sales-summary_table td:first-child {
	position: relative;
	min-width:320px;
	font-weight:600;
	cursor:pointer;
}
.sales-summary_table td:first-child:after {
	font-family: "FontAwesome";
	position:absolute;
	right:10px;
}
.sales-summary_table .collapsed td:first-child:after {
	content:"\f067";
}
.sales-summary_table .expanded td:first-child:after {
	content:"\f068";
}
.sales-summary_table .level2 td:first-child {
	padding-left:15px;
}
.sales-summary_table .level2:not(.spacer) td:first-child:before {
	content:" ";
	position: absolute;
	left:0;
	top:0;
	width:5px;
	height:100%;
	background-color: #ccc;
}
.sales-summary_table .level3 td:first-child {
	position: relative;
	padding-left:25px;
}
.sales-summary_table .level3 td:first-child:before {
	content:" ";
	position: absolute;
	left:0;
	top:0;
	width:15px;
	height:100%;
	background-color: #ccc;
}
.sales-summary_table tbody tr.spacer td {
	border:none;
	padding:0;
	height:10px;
}
.sales-summary_table td:not(:first-child) {
	background-color:#f0f0f0;
	color:#333333;
	text-align:right;
	white-space: nowrap;
	min-width:100px;
}
.sales-summary_table tr.clickable td:not(:first-child) {
	cursor:pointer;
}
.sales-summary_table td .fa {
	float:left;
}
.sales-summary_table tr.totals td {
	background-color: #888888;
	color:#ffffff;
	cursor:default;
}
.table-hover.sales-summary_table > tbody > tr.totals:hover > td {
	background-color: #999999;
}
.sales-summary_table td:not(:first-child):hover {
	background-color:#e0e0e0!important;
	color:#333333;
}

.partner-redeemed-summary-table, .partner-used-summary-table {
	border:none;
}
.partner-redeemed-summary-table th:first-child, .partner-used-summary-table th:first-child,
.partner-redeemed-summary-table th:nth-child(2), .partner-used-summary-table th:nth-child(2) {
	border-left:none;
	border-top:none;
}
.partner-redeemed-summary-table th:first-child, .partner-used-summary-table th:first-child,
.partner-redeemed-summary-table td:first-child, .partner-used-summary-table td:first-child {
	border-right:none;
}
.partner-redeemed-summary-table th, .partner-used-summary-table th {
	min-width:100px;
}
.partner-redeemed-summary-table th:first-child,.partner-used-summary-table th:first-child,
.partner-redeemed-summary-table td:first-child,.partner-used-summary-table td:first-child {
	min-width:290px;
	font-weight:600;
}
.partner-redeemed-summary-table td:first-child i, .partner-used-summary-table td:first-child i {
	cursor:pointer;
	margin-left:10px;
}
.partner-redeemed-summary-table th:nth-child(2), .partner-used-summary-table th:nth-child(2),
.partner-redeemed-summary-table td:nth-child(2), .partner-used-summary-table td:nth-child(2) {
	min-width:30px;
	border-left:none;
}
.partner-redeemed-summary-table td:nth-child(n+3), .partner-used-summary-table td:nth-child(n+3) {
	background-color:#f0f0f0;
	color:#333333;
	text-align:right;
	white-space: nowrap;
	min-width:100px;
}
.partner-redeemed-summary-table td:nth-child(n+3) {
	cursor:pointer;
}
.partner-redeemed-summary-table tr.totals td, .partner-used-summary-table tr.totals td {
	background-color: #888888;
	color:#ffffff;
	cursor:default;
}
.table-hover.partner-redeemed-summary-table > tbody > tr.totals:hover > td,
.table-hover.partner-used-summary-table > tbody > tr.totals:hover > td {
	background-color: #999999;
}
.partner-redeemed-summary-table td:nth-child(n+3):hover, .partner-used-summary-table td:nth-child(n+3):hover {
	background-color:#e0e0e0!important;
	color:#333333;
}
.partner-redeemed-summary-table tr.spacer td, .partner-used-summary-table tr.spacer td {
	border-left:none;
	border-right:none;
}

#vouchers .form-control.voucher {
	text-align: center;
	text-transform: uppercase;
	height:60px;
	font-family: "Courier New", Courier, monospace;
	font-size:22px;
	letter-spacing: 2px;
}
#vouchers .input-icon > i {
	top:12px;
}


.notification-table > thead > tr > th:last-child,
.notification-table > tbody > tr > td:last-child {
	width:100px;
	text-align:right;
}
.notification-table > thead > tr > th:nth-last-child(2),.notification-table > tbody > tr > td:nth-last-child(2) {
	width:150px;
	text-align:right;
}

.notification-table .fa-automobile, .notification-table .fa-motorcycle  {
	margin-right:5px;
}
.modal-header.red-header {
	color:#f3565d;
}
#decom-modal .modal-header, #confirmation-modal .modal-header {
	color:#f3565d;
}

.equipment-list .btn, .placement-list .btn,
#qc_file_form .btn, .staff-list .btn, .qc-list .btn, .exam-summary-table .btn,
.module_topics .btn {
	min-width: 45px;
}

.table.equipment-list > tbody > tr > td {
	vertical-align: middle;
}

.table.equipment-list > tbody > tr > td:last-child {
	width:40px;
}


/*Calibration summary, QC history*/
.qc-row,
.exam-row {
	position: relative;
	display: flex;
	align-items: center;
	margin: 10px 0;
	border:1px solid #dedede;
}
.exam-row {
	height: 50px;
}
.qc-row {
	min-height: 50px;
}
.qc-row:hover,
.exam-row:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#f9f9f9;
}
.exam-row .exam-date {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
	margin-left:20px;
}
.qc-row .qc-details {
	flex-grow: 1;
	padding:6px 5px 6px 20px;
}
.qc-row .qc-details .fa {
	color:#777;
}
.exam-row .exam-score,
.exam-row .exam-status {
	width: 60px;
	text-align: right;
	margin-right: 20px;
	font-weight:600;
}
.qc-row .btn,
.exam-row .btn {
	width:50px;
	height:50px;
	margin-left:5px;
}
.qc-row .btn {
	align-self: end;
}

.table.placement-list > tbody > tr > td,
.table.placement-selector > tbody > tr:not(.borderless) > td,
.table.staff-list > tbody > tr > td,
.table.upgrade-purchase-table > tbody > tr > td {
	vertical-align: middle;
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.table.placement-list > tbody > tr > td:last-child,
.table.placement-selector > tbody > tr:not(.charges) > td:last-child {
	width:120px;
	text-align: right;
}
.table.placement-selector > tbody > tr.charges > td {
	color:#990000;
}

.table.staff-list > tbody > tr > td:last-child {
	width:40px;
	text-align: right;
}
.table.placement-list tr.placement-xfer-req td, .table.staff-list tr.placement-xfer-req td {
	color: #999999;
	font-style: italic;
}
.table.placement-list input[type=checkbox] {
	vertical-align: middle;
	margin:-1px 0 0 5px;
}

.table.placement-list .options input[type=text], .table.placement-selector .options input[type=text] {
	border:0;
	display:inline-block;
	cursor:pointer;
	background-color: #ffffff;
	width:100px;
}
.table.placement-list .options span:after, .table.placement-selector .options span:after {
	position:relative;
	content: "\f040";
	font-family: "FontAwesome";
	right: 10px;
	pointer-events: none;
}

.table.upgrade-purchase-table > tbody > tr > td:last-child {
	text-align:right;
	width:60px;
}
#qc_update_form .table > tbody > tr > td {
	vertical-align: middle;
}
#qc_update_form .table > tbody > tr > td:nth-child(2) {
	width:200px;
}
#qc_update_form .table > tbody > tr > td:last-child {
	width:30px;
	text-align: right;
}
.qc-result {
	display: block;
	padding: 10px;
	border-left:5px solid #fff;
}
.qc-result.result-success {
	border-left-color:#3cb951;
}
.qc-result.result-warning {
	border-left-color:#ecbc29;
}
.qc-result.result-danger {
	border-left-color:#f3565d;
}
.qc-options {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:20px 0;
}
.qc-options .qc-option-wrapper {
	position:relative;
	flex-basis:120px;
	flex-grow:0;
	flex-shrink:0;
	text-align:center;
	margin:20px 0 0;

}
@media(max-width:699px) {
	.qc-options {
		justify-content: space-around;
	}
	.qc-options .qc-option-wrapper {
		flex-basis:130px;
	}
}
.qc-option-wrapper.disabled img {
	opacity:0.3;
}
.qc-option-wrapper.disabled:after {
	position:absolute;
	top: calc(50% - 14px);
	left: calc(50% - 25px);
	font-family:FontAwesome;
	content:"\f023";
	font-size: 24px;
	line-height: 47px;
	width: 50px;
	height: 50px;
	color:#fff;
	background-color:#545454;
	border-radius:50%;
	pointer-events: none;
	opacity: 0.8;
}
.qc-option {
	max-width: 100%;
	opacity: 0.6;
	cursor: pointer;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.qc-option:not(.disabled):hover {
	opacity:1;
}
.qc-option.active {
	opacity:1;
	-webkit-filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.7));
	filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.7));
}
#qc_check_form .action-item {
	background-color:#ECECEC;
	margin:5px 0;
	padding:8px;
}
#qc_check_form .action-item .fa-check {
	float:right;
	visibility:hidden;
	font-size:24px;
	color:#028B23;
}
#qc_check_form .action-item.done .fa-check {
	visibility: visible;
}
#qc_check_form .action-item .action_note {
	margin-bottom:10px;

}
#qc_check_form .action-item label {
	display: block;
	text-align: center;
	cursor: pointer;
}
#qc_check_form .fa-question-circle.tooltips {
	margin-left:10px;
}
#qc_check_form .check-list {
	margin:5px 0 0 0;
	border-left:4px solid #0089ff;
	background-color:#bdd1ea;
	color:#333333;
}
#qc_check_form .check-list label {
	width:100%;
	margin:0;
	padding:7px 8px;
}
#qc_check_form .check-list label .check {
	float:right;
	margin:-7px -8px -7px 10px;
}
#qc_check_form .check-list label .check .btn {
	height: 34px;
	width: 36px;
	margin: 0;
}

table.staff-list tr.placement-xfer-attention td {
	color:#fe2725;
}

#portlet_auto_mails .table,
#portlet_manual_mails .table {
	margin:0 15px 15px 15px;
}
#portlet_auto_mails .table > tbody > tr > td,
#portlet_manual_mails .table > tbody > tr > td {
	border-top:none;
	padding: 0 5px;
}

/*New accordion portlet style (border on left)*/
.portlet.box.portlet-accordion {
	border:1px solid #b1bdbd;
	border-left-width:3px;
	margin-bottom:15px;
	border-radius:5px;
	box-shadow: 0 0 10px #00000020;
}
.portlet .portlet-body .portlet-accordion:last-child {
	margin-bottom:0;
}
.portlet.box.portlet-accordion .portlet-title,
.portlet.box.portlet-accordion .portlet-title.active {
	position: relative;
	color:#000;
	font-weight:600;
	cursor:pointer;
	padding-right:45px;
	padding-bottom:15px;
	font-size:14px;
}
.portlet.box.portlet-accordion .portlet-title .muted {
	font-weight:400;
	color:#555;
}
.portlet.box.portlet-accordion .portlet-title:after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f107";
	font-size:24px;
	right:10px;
	color:#aaa;
	top:calc(50% - 18px);
}
.portlet.box.portlet-accordion .portlet-title.forward-arrow:after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size:24px;
	color:#aaa;
	top:calc(50% - 18px);
}
.portlet.box.portlet-accordion .portlet-title.active:after {
	content: "\f106";
}

.portlet.box.portlet-accordion.portlet-primary {
	border-left-color: #4b8df8;
}
.portlet.box.portlet-accordion.portlet-danger {
	border-left-color: #da4453;
}
.portlet.box.portlet-accordion.portlet-warning {
	border-left-color: #f4bb12;
}
.portlet.box.portlet-accordion.portlet-success {
	border-left-color: #32c671;
}
.portlet.box.portlet-accordion.portlet-purple {
	border-left-color: #8D47AC;
}
.portlet.box.portlet-accordion.portlet-plain {
	border-left-width:1px;
	border-color:#dedede;
}


.portlet.box.modal-accordian-portlet {
	margin-top:1px;
	margin-bottom:0;
}
.portlet.box.modal-accordian-portlet > .portlet-title {
	padding: 8px 10px 0px 10px;
	min-height:34px;
	border-radius: 0;
}
.portlet.box.modal-accordian-portlet > .portlet-title, .portlet.box.modal-accordian-portlet > .portlet-title > .caption {
	position: relative;
	background-color: #ffffff;
	color:#000000;
	font-size:12px;
	font-weight:600;
	border-bottom:none;
	cursor:pointer;
	padding-left:0;
	padding-right:0;
}
.portlet.box.modal-accordian-portlet > .portlet-title {
	border-top:1px solid #e5e5e5;
}
.panic-modal .portlet.box.modal-accordian-portlet {
	margin-bottom:10px;
}
.panic-modal .portlet.box.modal-accordian-portlet > .portlet-title > .caption {
	font-size: 14px;
	font-weight: 900;
}
.panic-modal .portlet.box.modal-accordian-portlet > .portlet-title > .caption .badge {
	vertical-align: bottom;
	margin-right:10px;
}
.portlet.box > .portlet-title {
	border-bottom:none;
	/*padding-left:15px;*/
}
.portlet.box > .portlet-title.active, .portlet.box > .portlet-title.active > .caption,
.portlet.box > .portlet-title.active > .total,
.portlet.box.modal-accordian-portlet > .portlet-title.active, .portlet.box.modal-accordian-portlet > .portlet-title.active > .caption {
	background-color:#ffffff;
	color:#000000;
	font-weight:700;
	margin:0;
}
.portlet.box.modal-accordian-portlet > .portlet-title:after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f107";
	font-size:24px;
	color:#aaa;
	top:-2px;
	right:1px;
	font-weight: 300;
}
.portlet.box.modal-accordian-portlet > .portlet-title.active:after {
	content: "\f106";
}

.portlet.box.modal-accordian-portlet .portlet-body {
	padding:0 5px 10px;
	/*margin:0 -5px;*/
}

/*standard portlet accordion*/
.portlet.box.accordion-portlet > .portlet-title:after {
	position: absolute;
	content: url(../admin/assets/global/img/portlet-collapse-icon.png);
	right:10px;
	top:calc(50% - 8px);
}
.portlet.box.accordion-portlet > .portlet-title.active:after {
	content: url(../admin/assets/global/img/portlet-expand-icon.png);
}

ul.audit-fix-list {
	padding-left: 20px;
	margin-bottom:0;
}
ul.audit-fix-list li {
	font-size:inherit;
}

.table-flush tr td:first-child,
.table-flush>tbody>tr>td:first-child {
	padding-left:0!important;
}
.table-flush tr td:last-child,
.table-flush>tbody>tr>td:last-child {
	padding-right:0!important;
}
.purchase-form .purchase-row {
	border-radius:5px;
	box-shadow: 0 0 10px #00000020;
	padding:6px 12px;
	margin-bottom:10px;
}
.purchase-form .staff_row {
	position: relative;
	padding:6px;
	cursor: pointer;
}
.purchase-form .staff_row,
.mod_purchase_tables td,
.exam_purchase_tables td {
	/*font-size:12px;*/
}
.mod_purchase_tables table,
.exam_purchase_tables table {
	width:100%;
}
.mod_purchase_tables td,
.exam_purchase_tables td {
	padding:8px;
}
.purchase-form .staff_row div:first-child span,
.exam_purchase_tables td:first-child span {
	color:#a0a0a0;
}
.purchase-form .staff_row:after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f107";
	font-size:24px;
	color:#aaa;
	top:calc(50% - 18px);
	right:20px;
}
.purchase-form .staff_row.table-open:after {
	content: "\f106";
}

.purchase-row:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	/*background-color:#f9f9f9;*/
}

.purchase-form  .staff_row .show-hide .hide-mods {
	display:none;
}
.purchase-form  .staff_row.table-open .show-hide .show-mods {
	display:none;
}
.purchase-form  .staff_row.table-open .show-hide .hide-mods {
	display:block;
}

.mod_purchase_tables table tr td,
.exam_purchase_tables table tr td {
	cursor:pointer;
}
.mod_purchase_tables table tr td:first-child,
.exam_purchase_tables table tr td:first-child {
	width: 40px;
}
.mod_purchase_tables table tr td:last-child,
.exam_purchase_tables table tr td:last-child {
	width:100px;
	text-align: right;
}

.mod-purchase-complete-table tr.garage td {
	vertical-align: middle;
	font-weight: 600;
}
.mod-purchase-complete-table tr:not(.garage) td {
	vertical-align: top;
	border-top:none;
}
.mod-purchase-complete-table tr:nth-last-child(2) td {
	border-bottom:1px solid #ddd;
}
.fa.grey {
	color:#c0c0c0;
}

.table.module_table > tbody > tr > td:last-child {
	width:175px;
	text-align: right;
}
.module_table > tbody > tr > td {
	vertical-align: middle;
}


.module-review-answers-admin li.image,
.module-review-answers-admin div.image{
	display:inline-block;
	width:195px;
	height:130px;
	margin-right:15px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	border:2px solid red;
}
.module-review-answers-admin li.image.correct,
.module-review-answers-admin div.image.correct {
	border-color:#35aa47;
}
.table.table-account-switcher {
	margin-bottom:4px;
}
.table.table-account-switcher td {
	vertical-align: middle;
	padding-top:12px;
	padding-bottom:12px;
	color:#666;
}
.table.table-account-switcher td:last-child .btn {
	margin:0;
}
.table.table-account-switcher td:first-child {
	padding-left:16px;
	width:35px;
}
.table.table-account-switcher td:last-child {
	padding-right:16px;
	width:136px;
}



#doc-modal .modal-dialog {
	width:80%;
	max-width:1024px;
}
.dark-theme {
	background-color: #1f1f1f;
	color:#ffffff;
}
.dark-theme h1 {
	font-size:30px;
	font-weight:900;
	margin:40px 0;
}
.dark-theme h1 .fa {
	font-size:30px!important;
}
.dark-theme .underlined-heading {
	color:#fff;
}
.dark-theme h3 {
	font-size:16px;
	font-weight:600;
}
.dark-theme p {
	font-size:18px;
	margin-bottom: 20px;
}
.dark-theme p.smaller {
	font-size:14px;
	margin-bottom: 20px;
}
.dark-theme .modal p {
	font-size:13px;
	margin-bottom:10px;
}
.dark-theme .well {
	color:#333;
}
.button-bar {
	display:block;
	height:34px;
	position:absolute;
	bottom:0;
	left:249px;
	right:15px;
	margin:20px 0 40px 0;
}
.button-bar .btn {
	margin:0 5px;
}
@media(max-width: 989px) {
	.button-bar {
		left:15px;
	}
}
@media(max-width: 767px) {
	.dark-theme h1 {
		font-size:25px;
		margin:10px 0;
	}
	.dark-theme h1 .fa {
		font-size:25px!important;
	}
	#doc-modal .modal-dialog {
		width:auto;
	}
}
.modal-footer button.pull-left {
	margin-right:3px;
}

#progress {
	width:100%;
	height:30px;
	background-color: #0a0a0a;
}
#progress span {
	display: inline-block;
	color: #32C671;
	font-weight: 600;
	font-size:16px;
	margin:3px 0 0 10px;
}
#progress-bar {
	width:0;
	height:30px;
	padding-top:3px;
	background-color: #32C671;
	color:#000000;
	font-weight: 600;
	font-size:16px;
	text-align: right;
}


/*Module editor*/
#modal-module-editor #answers .module-builder-image-box .big-check label.cbl {
	margin-top:0px;
}
#modal-module-editor #answers .input-group-btn, #modal-module-editor #answers .input-group-addon {
	vertical-align: top;
}
.module-builder-image-box {
	position: relative;
	width:23%;
	float:left;
	border:1px solid #e5e5e5;
	margin:0 1% 10px;
	padding:6px;
	/*background-color:#292929;*/
}
.module-builder-image-box .answer-del {
	position: absolute;
	top:0;
	right:0;
}
.module-builder-image-box .image-preview {
	clear: both;
	display: block;
	margin: 20px 0 0;
	width:152px;
	height:101.334px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor:pointer;
}


/*basic summary row*/
.gs-row {
	position: relative;
	padding:20px 8px;
	margin: 10px 0;
	border:1px solid #dedede;
	min-height:78px;
}
.gs-row:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#f9f9f9;
}
.gs-row a:active, .gs-row a:hover {
	text-decoration: none;
	opacity: 0.9;
}

/*Bordered summary boxes*/
.summary-box {
	position: relative;
	padding:12px 58px 12px 12px;
	margin: 10px 0;
	border:1px solid #dedede;
	border-left-width:3px;
	min-height:78px;
}
.summary-box.one-liner {
	min-height:50px;
	padding-top:13px;
	padding-bottom:9px;
}
.summary-box.clickable {
	cursor:pointer;
}
.summary-box.unavailable {
	background-color:#f9f9f9;
}
.summary-box.primary {
	border-left-color:#4b8df8;
}
.summary-box.info {
	border-left-color:#4b8df8;
	background-color:#F5F9FC;
}
.summary-box.success {
	border-left-color:#32C671;
}
.summary-box.success .summary-status .fa:not(.fa-question-circle),
.summary-box.success .summary-status .fa-check-circle {
	color:#32C671;
}
.summary-box.success-lite {
	border-left-color:#a1ec5e;
}
.summary-box.success-lite .summary-status .fa:not(.fa-question-circle) {
	color:#a1ec5e;
}
.summary-box.warning {
	border-left-color:#F4BB12;
}
.summary-box.warning .summary-status .fa:not(.fa-question-circle) {
	color:#F4BB12;
}
.summary-box.danger {
	border-left-color:#DA4453
}
.summary-box.danger .summary-status .fa:not(.fa-question-circle) {
	color:#DA4453;
}
.summary-box:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#f9f9f9;
}
.summary-box a:active, .summary-box a:hover {
	text-decoration: none;
	opacity: 0.9;
}
.summary-title {
	font-weight:300;
	color:#888;
	margin-bottom:4px;
}
.summary-name {
	font-weight:600;
	font-size:16px;
	margin-bottom:4px;
}
.summary-subtitle {
	font-weight:600;
	font-size:14px;
	margin-top:20px;
}
.summary-box.one-liner .summary-name {
	display:inline-block;
	margin-bottom: 0;
	max-width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.summary-box.one-liner.calibration .summary-name {
	max-width: calc(100% - 90px);
}
.summary-name span:not(.visible-600):not(.hidden-600) {
	font-weight:400;
}
.summary-name .tooltips {
	font-size:18px;
	margin-left:8px;
}
.summary-name .fa,
.summary-box.one-liner .summary-status .fa {
	font-size:16px;
}
.summary-box.one-liner .summary-status {
	display:inline-block;
	width:112px;
	float:right;
	font-size:16px;
}
.summary-icons {
	position: absolute;
	top:12px;
	right:58px;
}
.summary-icons .fa {
	margin-left:5px;
	color:#888;
}
.btn-summary-action {
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:50px;
	border:none;
	outline:none;
	vertical-align: middle;
	background: transparent;
	color:#aaa;
}
.btn-summary-action:hover {
	background-color:transparent;
}
.btn-summary-action .fa {
	font-size:24px;
	line-height: 1;
}

.summary-box .dropdown {
	position:unset;
}
.summary-box .dropdown.show-on-left {
	display:block;
}
.summary-box .dropdown.show-on-left .dropdown-menu {
	top:calc(50% - 18px);
}

@media (max-width:599px) {
	.modal-footer {
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}
	.modal-footer #module-btns, .modal-footer #course-btns {
		width:100%;
	}
	.modal-footer .btn {
		display:block;
		float:none!important;
		width:100%;
		margin:5px 0!important;
		flex: 0 0 100%;
	}
	.modal-footer .btn-group {
		display:block;
		width:100%;
	}
	.modal-footer .btn-default.pull-left {
		order:9;
	}
}
@media (max-width:475px) {
	.summary-box.one-liner .summary-status {
		display: block;
		float: unset;
	}
}


/*Course summary*/
.cs-row {
	position: relative;
	padding:20px 8px;
	margin: 10px 5px;
	border:1px solid #dedede;
}
.cs-row:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#f9f9f9;
}
.cs-row .course-title {
	font-weight:700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:5px;
	padding-top:3px;
}
.cs-row .course-description {
	font-style: italic;
	font-weight: 300;
	font-size:13px;
	line-height: 18px;
	color: #888888;
	overflow:hidden;
	margin-bottom:5px;
}
.cs-row .progress-lg {
	margin-bottom:10px;
}
.cs-row a:active,
.cs-row a:hover {
	text-decoration: none;
	opacity: 0.9;
}
#course-library {
	margin:0 -5px;
	max-height: 328px;
	overflow-x: hidden;
	overflow-y: auto;
}
#course-library:after {
	font-family: "FontAwesome";
	position: absolute;
	bottom: 0px;
	content: '\f078';
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background-color: #000;
	font-size: 20px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
}
#course-library.scrollable:after {
	opacity: 0.2;
}

/*Course builder*/
#course-builder-form #module-list .module {
	position: relative;
	border:1px solid #e5e5e5;
	background-color:#F9F9F9;
	padding:8px 30px 8px 12px;
	margin:5px 0;
}
#course-builder-form #module-list .module:after {
	font-family: "FontAwesome";
	font-weight:400;
	content: "\f0c9";
	position: absolute;
	right:10px;
	top: 6px;
	font-size: 16px;
	color:#999999;
}

/*Course analytics*/
#course-analytics-form {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
.no-height-limit {
	max-height: unset!important;
	height:auto!important;
}
#course-analytics-form .lesson_row {
	position: relative;
	border:1px solid #e5e5e5;
	background-color:#F9F9F9;
	padding:8px;
	margin:2px 0;
}
#course-analytics-form .lesson_row .progress {
	height:10px;
	margin:8px -8px -8px -8px;
}

/*Libraries (course, resource)*/
.col-library-filter {
	position: sticky!important;
	top: 30px;
	padding-right:0!important;
}
.library-filters {
	border:1px solid #ADAEAE;
	background-color:#f9f9f9;
	padding:15px 15px 5px;
	margin-top:68px;
	margin-bottom:20px;
	border-radius: 4px;
}
.library-filters h5 {
	font-weight:600;
	margin:15px 0 5px;
}
.library-filters .category-badge:hover {
	opacity: 0.7;
	cursor:pointer;
}
.library-filters .category-badge.selected {
	border-color: #333;
}
.library-filters .category-badge.unselected {
	opacity: 0.5;
}
.library-filters label {
	display: block;
}
.portlet.box.course-card,
.portlet.box.resource-card,
.portlet.box.equipment-card,
.portlet.box.site-visit-card,
.portlet.box.exam-card {
	box-shadow: 0 0 10px #00000020;
}
.portlet.box.site-visit-card {
	min-height:366px;
}
.portlet.box.equipment-card {
	border:1px solid transparent;
}
.portlet.box.equipment-card.danger {
	border-color:#da4453;
}
.portlet.box.resource-card {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
}
.portlet.box.resource-card .portlet-body,
.portlet.box.equipment-card .portlet-body,
.portlet.box.equipment-card .portlet-footer,
.portlet.box.site-visit-card .portlet-body,
.portlet.box.site-visit-card .portlet-footer {
	background:transparent;
}
.portlet.box.equipment-card .portlet-body {
	overflow: visible;
}
.course-card .course-image {
	position: relative;
	border-radius: 5px 5px 0 0;
	background-color: #b8b8b8;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size:0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	opacity: 0.5;
}
.portlet.box.course-card:hover .course-image {
	opacity: 1;
}
.course-card .course-image svg {
	width:100%;
	height:auto;
}
.course-card .title,
.resource-card .title {
	min-height:44px;
	max-height:45px;
	overflow:hidden;
	line-height:22px;
	font-weight:600;
	font-size:16px;
}
.resource-card .title {
	position: relative;
	padding-right: 30px;
}
.resource-card .fave {
	position:absolute;
	right:12px;
	top:12px;
	font-size:24px;
	color:#ccc;
	cursor:pointer;
}
.resource-card .fa-star.fave {
	color:#f4bb12;
}
.equipment-card .title,
.site-visit-card .title {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight:700;
	font-size:18px;
	cursor: pointer;
}
.equipment-card:hover .title,
.site-visit-card:hover .title {
	text-decoration: underline;
}
.resource-card .category {
	height:35px;
}
.resource-card .category span {
	color:#428bca;
	font-weight:600;
	vertical-align: middle;
	cursor: pointer;
}
.course-card .details {
	display: flex;
	align-items: center;
	width: 100%;
	margin:10px 0;
}
.course-card .details div:first-child {
	line-height: 2;
	flex-grow: 1;
	flex-wrap: nowrap;
}
.course-card .details div .fa {
	color:#555;
	font-size:17px;
	margin-right:5px;
}
.course-card .details .course-price {
	font-size:20px;
	text-align:right;
}
.course-card .details .course-progress {
	display: flex;
	height:60px;
	flex-basis: 60px;
	font-size:14px;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.resource-card .details {
	margin-top:20px;
}
.resource-card .details span:first-child {
	margin-right:20px;
}
.resource-card .video-thumb {
	position: relative;
	width:100%;
	padding:28%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin:5px 0;
}
.course-card .btn,
.resource-card .btn,
.equipment-card .btn,
.site-visit-card .btn {
	height:50px;
	padding:15px 6px;
}
.equipment-card .dropdown,
.site-visit-card .dropdown {
	float:right;
}
.equipment-card .dropdown button,
.site-visit-card .dropdown button {
	width: 50px;
	margin-right:-10px;
	border: none;
	outline: none;
	background: transparent;
	color: #aaa;
}
.equipment-card .dropdown button .fa,
.site-visit-card .dropdown button .fa {
	font-size: 24px;
	line-height: 1;
}
.equipment-card .serial,
.equipment-card .connected,
.equipment-card .garage-name,
.site-visit-card .garage-name {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom:10px;
}
.equipment-card .serial {
	margin-bottom:5px;
}
.equipment-card .connected {
	color: #0f9937;
}
.equipment-card .garage-name {
	text-align: center;
	padding:16px 8px;
	background-color:#fafafa;
	border:1px solid #eee;
}
.site-visit-card .portlet-header {
	padding: 14px 0;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	border-bottom:2px solid #fff;
	border-radius: 5px 5px 0 0;
}
.site-visit-card .portlet-header.success {
	color: #32c671;
	background-color: #F5FBF6;
	border-bottom-color: #32c671;
}
.site-visit-card .portlet-header.warning {
	color: #f4bb12;
	background-color: #FEFBF3;
	border-bottom-color: #f4bb12;
}
.site-visit-card .portlet-header.danger {
	color: #da4453;
	background-color: #fbedee;
	border-bottom-color: #da4453;
}
.site-visit-card .portlet-header.incomplete {
	color: #333;
	background-color: #e7e7e7;
	border-bottom-color: #000;
}
.site-visit-overall-result {
	font-weight:600;
	font-size:14px;
	text-align: center;
	padding:16px 0;
	border:2px solid;
	margin-bottom:10px;
}
.site-visit-overall-result.success {
	color: #32c671;
	background-color: #F5FBF6;
	border-color: #32c671;
}
.site-visit-overall-result.warning {
	color: #f4bb12;
	background-color: #FEFBF3;
	border-color: #f4bb12;
}
.site-visit-overall-result.danger {
	color: #da4453;
	background-color: #fbedee;
	border-color: #da4453;
}
.site-visit-overall-result.incomplete {
	color: #da4453;
	background-color: #fff;
	border-color: #ddd;
}
.equipment-card .row {
	margin-top:15px;
	margin-bottom:15px;
}
.site-visit-card .row {
	margin-bottom:5px;
}
.equipment-card .row .col-xs-6 label,
.equipment-card .row .col-xs-6 div,
.site-visit-card .row label {
	font-weight:600;
}
.equipment-card .row .col-xs-6 label,
.equipment-card .row .col-xs-6 div,
.site-visit-card .row .col-xs-6 {
	font-size:13px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.equipment-card .row .col-xs-6 label {
	display: block;
	color: #989898;
}
.equipment-card .row .col-xs-6.text-danger label {
	color: #da4453;
}
.equipment-card .fa-grid {
	margin-right:8px;
}
.equipment-card .fa-book {
	margin:0 6px 0 4px;
}
.portlet.box.course-card .portlet-footer,
.portlet.box.resource-card .portlet-footer,
.portlet.box.equipment-card .portlet-footer,
.portlet.box.site-visit-card .portlet-footer {
	display: flex;
	padding:0 20px 20px 20px;
	border-radius: 0 0 4px 4px;
}
.portlet.box.course-card .portlet-footer,
.portlet.box.resource-card .portlet-footer {
	background-color: #fff;
}
.portlet.box.course-card .portlet-footer .btn,
.portlet.box.resource-card .portlet-footer .btn,
.portlet.box.equipment-card .portlet-footer .btn,
.portlet.box.site-visit-card .portlet-footer .btn {
	flex-grow: 1;
	flex-basis: 50%;
}
.portlet.box.course-card .portlet-footer .btn + .btn,
.portlet.box.resource-card .portlet-footer .btn + .btn,
.portlet.box.equipment-card .portlet-footer .btn + .btn {
	margin-left:5px;
}
.course-video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.course-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}
.dropdown-library-basket .dropdown-toggle {
	border:1px solid #ddd;
	border-radius: 4px;
	padding:10px;
}
.dropdown-library-basket .dropdown-toggle:active,
.dropdown-library-basket .dropdown-toggle:focus,
.dropdown-library-basket .dropdown-toggle:hover {
	text-decoration: none;
}
.dropdown-library-basket .dropdown-toggle .fa {
	position: relative;
	color:#333;
	z-index: 2;
	font-size:1.4em;
	margin-left:10px;
}
.dropdown-library-basket .dropdown-toggle .badge {
	position: absolute;
	top:-10px;
	right:28px;
}
.dropdown-library-basket .dropdown-menu {
	width:300px;
	padding:20px;
	margin-top:2px;
	background-color:#f9f9f9;
	border:1px solid #ACACAC;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
.dropdown-library-basket .dropdown-menu hr {
	border-top:1px solid #ACACAC;
}

.email_warning {
    position: fixed;
    top: 62px;
    left:calc(50% + 20px);
    width: max-content;
    transform: translateX(-50%);
    background-color: #f3565d;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    box-shadow: 0 0 10px #00000020;
    z-index: 9995;
}
body:not(.page-sidebar-closed) .email_warning {
    left:calc(50% + 155px);
}
.email_warning a,
.email_warning a:hover,
.email_warning a:focus,
.email_warning a:active {
    color:#fff;
    text-decoration: underline;
}

@media (max-width: 991px) {
	.col-library-filter {
		top:10px;
	}
    body:not(.page-sidebar-closed) .email_warning {
        left:50%;
    }
}
@media (max-width: 767px) {
	.col-library-filter {
		position: relative!important;
		padding-right:15px!important;
	}
	.library-filters {
		margin-top:0;
	}
}

.vts-visit-issue,
.vts-visit-comment {
	border:1px solid #e5e5e5;
	padding:10px;
}
.vts-visit-issue.success,
.vts-visit-comment.success {
	border-color:#3cb951;
}
.vts-visit-issue.open {
	box-shadow: 0 0 10px 0 #bbb;
}
.vts-visit-issue + .vts-visit-issue,
.vts-visit-comment + .vts-visit-comment,
.vts-visit-issue + .vts-visit-comment,
.vts-visit-issue + #visit-comment-entry-list {
	margin-top:8px;
}
.vts-visit-issue .icon,
.vts-visit-comment .icon {
	flex-basis: 24px;
	flex-shrink: 0;
	text-align: center;
	margin-left: -2px;
}
.vts-visit-issue .toggler,
.vts-visit-comment .toggler {
	white-space: nowrap;
	padding-left:10px;
	flex-shrink: 0;
	text-align: right;
}
.vts-visit-issue .toggler a,
.vts-visit-comment .toggler a {
	text-decoration: none;
}
.vts-visit-issue .icon .fa,
.vts-visit-comment .icon .fa {
	font-size:16px;
	line-height:16px;
}
.vts-visit-issue-content,
.vts-visit-comment-content {
	border: none;
	background: none;
	font: inherit;
	padding: 0;
	margin: 0;
	flex-basis: 100%;
	flex-shrink: 1;
	flex-grow: 1;
	word-break: normal;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
}

.expandable-ellipses {
	display:flex;
}
.expandable-ellipses.collapsed .expandable-ellipses-content {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dropdown-options {
	display: inline-block;

}
.dropdown-options .dropdown-menu {
	left:unset;
	right:0;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	margin-top:5px;
}
.dropdown-options .dropdown-menu li > a {
	white-space: nowrap;
	padding-right:13px;
}

.course-details-headings {
	font-weight:600;
	font-size:18px;
	margin-bottom:8px;
}
.course-module-list {
	list-style-type: none;
	padding:0;
}
.course-module-list li {
	position: relative;
	border:1px solid transparent;
	border-bottom-color:#ddd;
	padding:10px 18px 10px 28px;
}
.course-module-list li:before {
	content: attr(seq);
	position: absolute;
	left:8px;
	font-weight:700;
}
.course-module-list li:last-child {
	border-bottom-color:transparent;
}
.course-module-accordion:hover {
	background-color:#f9f9f9;
}
.course-module-accordion:after {
	font-family: "FontAwesome";
	content:"\f106";
	font-weight: 700;
	position:absolute;
	right:10px;
	top:10px;

}
.course-module-accordion.collapsed:after {
	content:"\f107";
}
.course-module-accordion .fa {
	margin-top:2px;
	margin-right:10px;
}
.course-module-accordion {
	padding:2px 8px;
	cursor: pointer;
}
.course-module-accordion:not(.collapsed) {
	font-weight: 700;
	background-color:#f8f8f8;
	border-color:#ddd!important;
}
.course-module-accordion .panel-collapse {
	font-weight: 400;
}
.course-summary-icon-row {
	display: flex;
}
.course-summary-icon-row .summary-item {
	flex-grow: 1;
	flex-shrink: 1;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}
.course-summary-icon-row .summary-item .badge {
	border-radius: 30px !important;
	width: 35px;
	height: 35px;
	background-color: #333;
	color: #FFC62E;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right:2px;
}
.course-summary-icon-row .summary-item .fa {
	font-size:17px;
	margin:0;
}
@media (max-width: 560px) {
	.course-summary-icon-row .summary-item {
		flex-wrap: wrap;
		text-align: center;
		padding:0 10px;
	}
	.course-summary-icon-row .summary-item .badge {
		display: flex;
		margin:5px auto;
	}
}

/*Enrolled courses lists*/
.enrolled-course-list .list-header,
.enrolled-course-list .section-header,
.enrolled-course-list .section-list .section-list-header,
.enrolled-course-list .section-list .section-list-item {
	position: relative;
	display: flex;
	width:100%;
	border-bottom:1px solid #ddd;
}
.enrolled-course-list .section-header {
	cursor: pointer;
	align-items: center;
}
.enrolled-course-list .list-header div:first-child,
.enrolled-course-list .section-header div:first-child {
	flex-grow: 1;
	flex-shrink: 1;
	padding-left:40px;
}
.enrolled-course-list .list-header div:last-child,
.enrolled-course-list .section-header div:last-child {
	flex-basis:100px;
	min-width:100px;
	text-align: center;
}
.enrolled-course-list .list-header div {
	font-size:14px;
	font-weight:600;
}
.enrolled-course-list .list-header div,
.enrolled-course-list .section-header div {
	padding:12px 6px;
}
.enrolled-course-list .section-header div:first-child {
	color:#428bca;
}
.enrolled-course-list .section-header div:first-child:before {
	position: absolute;
	font-family: "FontAwesome";
	content:'\f107';
	font-size: 24px;
	left:5px;
	top:calc(50% - 13px);
	line-height: 1;
	color:#428bca;
}
.enrolled-course-list .section.open .section-header {
	background-color: #f8f8f8;
}
.enrolled-course-list .section.open .section-header div:first-child:before {
	content:'\f106';
}

.enrolled-course-list .section-list {
	padding-left:32px;
}
@media(min-width: 600px) {
	.enrolled-course-list .section-list table td:nth-child(2),
	.enrolled-course-list .section-list table td:nth-child(4) {
		width: 20%;
	}

	.enrolled-course-list .section-list table td:nth-child(3) {
		width: 100px;
	}
	#breakdown-1 .enrolled-course-list .section-list table td:nth-child(2),
	#breakdown-1 .enrolled-course-list .section-list table td:nth-child(3),
	#breakdown-1 .enrolled-course-list .section-list table td:nth-child(4),
	#breakdown-1 .enrolled-course-list .section-list table td:nth-child(5) {
		width: 110px;
	}
}

.bootbox-danger .modal-header {
	color:#f3565d;
}

.portlet.box > .portlet-body.vts-dashboard-todo, .portlet.box > .portlet-body.vts-dashboard-overview {
	overflow: hidden;
	padding:0 10px;
}
.vts-dashboard-todo .row, .vts-dashboard-overview .row {
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid #ddd;
}

.vts-dashboard-overview .row {
	background-color: #eee;
}
.vts-dashboard-overview .row div:first-child {
	font-weight:bold;
}
.vts-dashboard-overview .row div:last-child {
	text-align:right;
}


.dashboard-danger {
	background-color: #fbeced!important;
	border-color: #e499a1!important;
}
.dashboard-warning {
	background-color: #fef8eb!important;
	border-color: #f3d694!important;
}
.dashboard-alert {
	background-color: #FFDF70!important;
	border-color: #FFC62E!important;
}
.dashboard-success {
	background-color: #eaf9f1!important;
	border-color: #90dab0!important;
}
.dashboard-good {
	background-color: #CBFFBF!important;
	border-color: #a1ec5e!important;
}

.portlet.box.kpi-portlet:hover,
.portlet.box.course-card:hover,
.portlet.box.resource-card:hover,
.portlet.box.exam-card:hover,
.portlet.box.equipment-card:hover,
.portlet.box.site-visit-card:hover,
.staff-dashboard .portlet.box:hover {
	box-shadow: 0 0 10px 0 #BBBBBB;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.donutchart,.donutchart .chart {
	width:86%;
	/*height:100%;*/
	margin:0 auto;
}
.donutchart,.donutchart .chart canvas {
	position: absolute;
	z-index: 2;
}
.donutchart {
	position: relative;
}

.donutchart .chartLabel,
.donutchart .chartSubLabel {
	width: 100%;
    position: absolute;
    left: 0;
    top:calc(50% - 15px);
    text-align: center;
    cursor: default;
    font-size: 30px;
    font-weight:800;
    color: #555555;
    line-height:1;
}
.donutchart .chartSubLabel {
    top:calc(50% + 20px);
    font-size: 16px;
    font-weight:600;
    color: #888;
    line-height:1;
}

.portlet.box.kpi-portlet {
	box-shadow: 0 0 10px #00000020;
}
.kpi-portlet > .portlet-title > .caption {
	white-space: nowrap;
	color:#555555;
	font-size:14px;
	font-weight:700;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.kpi-portlet .portlet-body {
    position: relative;
}
.kpi-portlet .portlet-body.no-scroll {
	overflow: hidden;
}
.kpi-portlet .btn-bar {
	display: flex;
	justify-content: space-between;
	padding:15px 0 0;
	height:66px;
	width:calc(100% - 30px);
	min-width:170px;
	margin:0 auto;
}
.kpi-portlet .btn-bar .mom-change label  {
	display: flex;
	align-items: center;
	height: 36px;
	padding:9px 10px;
	font-size:13px;
	font-weight:600;
	margin:0;
}
.kpi-portlet .btn-bar .mom-change label .fa {
	margin-right:5px;
}
.kpi-portlet .btn-bar .mom-change label.unchanged {
	background-color:#e8e8e8;
	color:#898989;
}
.kpi-portlet .btn-bar .mom-change label.improved {
	background-color:#d7f4e4;
	color:#32c874;
}
.kpi-portlet .btn-bar .mom-change label.declined {
	background-color:#f8dbde;
	color:#db4454;
}
.kpi-portlet .btn-bar .actions {
	position:relative;
	display:inline-block
}
.kpi-portlet .btn-bar .actions .btn {
	background-color:#fff;
	border:1px solid #ddd;
	color:#898989;
	padding:6px 10px;
	height: 36px;
}
.kpi-portlet .btn-bar .actions .btn .fa {
	font-size:16px;
	margin-left:6px;
}
.kpi-portlet .btn-bar .actions .dropdown-menu {
	min-width: 100%;
	left:unset;
	right:0;
}
.kpi-portlet .btn-bar .actions:not(.dropup) .dropdown-menu {
	top:40px;
}
.kpi-portlet .btn-bar .actions .dropdown-menu > li > a {
	padding-right:13px;
	white-space: nowrap;
}
.kpi-portlet .btn-bar .actions .dropdown-menu > li > a.disabled {
	pointer-events: none;
	color:#ccc;
}

.portlet.box.breakdown-portlet > .portlet-body {
	position: relative;
	padding:15px;
}
#breakdown-2 .portlet.box.breakdown-portlet > .portlet-body {
	color:#555;
}
.breakdown-portlet .portlet-body .portlet-title .caption {
	float:none;
}
.portlet.box.breakdown-portlet > .portlet-body .portlet,
#modal-progress .portlet.box {
	border-top:none;
	border-right:none;
	border-bottom:none;
}
.portlet.box.breakdown-portlet > .portlet-body .portlet > .portlet-title,
#modal-progress .portlet.box > .portlet-title {
	background-color:#f9f9f9;
}
.portlet.box.breakdown-portlet > .portlet-body .portlet > .portlet-body,
#modal-progress .portlet.box > .portlet-body {
	background-color:#fbfbfb;
	border-top:1px solid #ccc;
}

#cal_overdue div {
	font-size:72px;
	line-height:1;
}
.kpi-table-cal {
	margin:10px auto;
}
.kpi-table-cal td {
	padding:4px;
}
.kpi-table-cal td:first-child {
	font-size:16px;
	font-weight:600;
}
.table.kpi-risk-table {
	table-layout:fixed;
	border-bottom:1px solid #ddd;
}
.table.kpi-risk-table th:not(.blank) {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd!important;
	background-color: #f9f9f9;
}
.table.kpi-risk-table td {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	vertical-align: middle;
	height: 50px;
	padding:5px 8px;
	background-color: #fff;
}

.table.kpi-risk-table tr td:first-child {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.table.kpi-risk-table.table-responsive-folding td:first-child span {
	display:none;
}
.table.kpi-risk-table:not(.table-qc):not(.kpi-exam) tr th:nth-child(2),
.table.kpi-risk-table:not(.table-qc):not(.kpi-exam) tr td:nth-child(2),
.table.kpi-risk-table.kpi-exam tr th:nth-child(3),
.table.kpi-risk-table.kpi-exam tr td:nth-child(3) {
	width:120px;
}
.table.kpi-risk-table.kpi-exam tr th:nth-child(2),
.table.kpi-risk-table.kpi-exam tr td:nth-child(2) {
	width:120px;
	padding-left:20px;
	padding-right:20px;
	cursor: pointer;
}
.table.kpi-risk-table.kpi-exam tr td:nth-child(2) p {
	margin:5px 0;
}
.table.kpi-risk-table tr th:nth-child(2),
.table.kpi-risk-table:not(.kpi-exam) tr td:nth-child(2),
.table.kpi-risk-table.kpi-exam tr th:nth-child(3),
.table.kpi-risk-table.kpi-exam tr td:nth-child(3) {
	text-align: center;
}
.table.kpi-risk-table tr td:last-child {
	width:calc(50% - 60px);
	max-width:310px;
}
.table.table-qc-task-stats td {
	border:1px solid #ddd;
	background-color: #fff;
	height:50px;
	vertical-align: middle;
}
.table.table-qc-task-stats td:last-child {
	width:70px;
	text-align: center;
	cursor: pointer;
}
@media (max-width: 599px) {
	.table.kpi-risk-table.kpi-exam tr td {
		border:none;
		text-align: left!important;
		height:unset;
		min-height:50px;
		width: unset!important;
		padding-left:8px!important;
		padding-right:8px!important;
	}
	.table.kpi-risk-table.kpi-exam td:first-child span {
		display: inline-block;
	}
	.table.kpi-risk-table.kpi-exam tr td:nth-child(2) p {
		margin-top:0;
	}
	.table.kpi-risk-table.kpi-exam td div.inert-indicator-td {
		margin:unset;
	}
	.table.kpi-risk-table.kpi-exam td div.inert-indicator-td div:first-child {
		text-align: left;
	}
	.table.kpi-risk-table.kpi-exam td div.inert-indicator-td div:last-child {
		text-align: right;
	}
}

.kpi-engagement-table {
	min-width:1920px;
	border-bottom:none;
}
.kpi-engagement-table tbody:nth-last-child(2) {
	border-bottom:1px solid #ddd;
}
.table-eng-vts {
	margin:8px 0;
}
.table-eng-vts, .table-eng-testers {
	table-layout:fixed;
	border-bottom:1px solid #ddd;
	/*min-width:1610px;*/
}
.table-eng-vts .fa-ellipsis-h, .table-eng-testers .fa-ellipsis-h,
.table-eng-vts .fa-question-circle, .table-eng-testers .fa-question-circle {
	color:#888888;
}
.table-eng-vts td,
.table-eng-testers td {
	border:1px solid #ddd;
	background-color: #fff;
}
.table-eng-vts td:not(.text-left),
.table-eng-testers td:not(.text-left) {
	text-align:center;
}
.table-eng-vts tr:first-child td,
.table-eng-testers tr:first-child td {
	font-weight:600;
	background-color: #f9f9f9;
}
.table-eng-vts tr:nth-child(2) td,
.table-eng-testers tr:nth-child(2) td {
	background-color: #f9f9f9;
}

.table.kpi-risk-table tr.passed td:first-child .fa-exclamation-triangle {
	color:#32c671;
}
.table.kpi-risk-table tr.poor td:first-child .fa-exclamation-triangle {
	color:#f4bb12;
}
.table.kpi-risk-table tr.bad td:first-child .fa-exclamation-triangle,
.table.kpi-risk-table .text-danger {
	color:#da4453;
}

.table.kpi-bootcamp-table th {
	background-color: #f9f9f9;
}
.table.kpi-bootcamp-table td {
	background-color: #fff;
}
.table.kpi-bootcamp-table tr.parent-row {
	cursor: pointer;
}
.table.kpi-bootcamp-table tr.parent-row td {
	border-bottom:1px solid #ddd;
}
.table.kpi-bootcamp-table tr.parent-row td:first-child {
	width:38px;
	text-align: center;
	border-left:1px solid transparent;
}
.table.kpi-bootcamp-table tr.parent-row td:first-child a {
	padding:5px;
}
.table.kpi-bootcamp-table tr.parent-row.open td:first-child {
	border-left-color:#ddd;
}
.table.kpi-bootcamp-table tr.parent-row.open td {
	background-color:#f9f9f9;
}
.table.kpi-bootcamp-table tr.parent-row td:nth-child(2) {
	width:200px;
	max-width:200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.table.kpi-bootcamp-table tr.parent-row td:nth-child(3) {
	min-width:200px;
}
.table.kpi-bootcamp-table th:last-child,
.table.kpi-bootcamp-table tr.parent-row td:last-child {
	width:120px;
	text-align: center;
	border:1px solid #ddd!important;
}
.table.kpi-bootcamp-table th h4 {
	display: inline-block;
	font-weight:600;
	margin:0;
	color:#5492F4;
}
.table.kpi-bootcamp-table th span {
	color:#666;
}
.table.kpi-bootcamp-table th:last-child,
.table.kpi-bootcamp-table .expand-icon {
	color:#5492F4;
}
.table.kpi-bootcamp-table .expand-icon {
	font-size:18px;
	margin-top:2px;
}
.table.kpi-bootcamp-table .fa-star {
	color:#ffb848;
}
.table.kpi-bootcamp-table .fa-star-o {
	color:#ddd;
}
.table.kpi-bootcamp-table .progress {
	background-color:transparent;
	padding-right:50px;
	height: 20px;
	margin:0;
}
.table.kpi-bootcamp-table .progress .progress-bar {
	height:10px;
	margin-top:5px;
	border-radius:5px!important;
}
.table.kpi-bootcamp-table .progress span {
	position:absolute;
	margin-left:5px;
}
.table.kpi-bootcamp-table .stats-row td {
	border-top:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	/*background-color:#fcfcfc;*/
}
.table.kpi-bootcamp-table .bc_sections span {
	display: inline-block;
	margin:10px 30px 10px 0;
	color:#666;
}

.breakdown-portlet div.google-visualization-tooltip {
	background-color: rgba(0,0,0,0.75) !important;
}
.breakdown-portlet div.google-visualization-tooltip > ul {
	margin:0!important;
	padding:0!important;
}

.breakdown-portlet div.google-visualization-tooltip > ul > li {
	margin:0!important;
	padding:5px 10px!important;
}
.breakdown-portlet div.google-visualization-tooltip > ul > li > span {
	white-space: nowrap!important;
	color:#ffffff!important;
}
.portlet.box.breakdown-portlet > .portlet-title  {
	padding:15px 15px 4px 15px;
}
#breakdown-1 #sort-selector {
	float:right;
	margin:-7px 0 0 5px;
}
@keyframes loading_blink {
	0% {
		opacity: .2;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: .2;
	}
}
.chartLabel p.loading {
	font-size:55%;
	margin-top:5%;
}
.breakdown-portlet p.loading {
	font-size:18px;
}
p.loading span {
	animation-name: loading_blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
p.loading span:nth-child(2) {
	animation-delay: .2s;
}
p.loading span:nth-child(3) {
	animation-delay: .4s;
}
@media(min-width:400px) and (max-width:767px) {
	#CAL .portlet-body {
		font-size:18px;
	}
	#cal_overdue div {
		font-size:80px;
		line-height: 1.4;
	}
	.kpi-table-cal {
		margin-top:20px;
	}
	.kpi-table-cal td:first-child {
		font-size:20px;
	}
	.donutchart .chartLabel {
		top:calc(50% - 25px);
		font-size: 50px;
	}
}
@media(max-width: 480px) {
	#breakdown-1 #sort-selector {
		float:none;
		display: block;
		margin:5px 0;
		width:calc(100% - 5px);
	}
}

.table.module_topics.table-bordered,
.table.course-categories.table-bordered {
	border:none;
}
.table.module_topics.table-bordered > thead > tr > th:first-child, .table.module_topics.table-bordered > tbody > tr > td:first-child,
.table.course-categories.table-bordered > thead > tr > th:first-child, .table.course-categories.table-bordered > tbody > tr > td:first-child {
	border-left:none;
}
.table.module_topics.table-bordered > thead > tr > th:last-child, .table.module_topics.table-bordered > tbody > tr > td:last-child,
.table.course-categories.table-bordered > thead > tr > th:last-child, .table.course-categories.table-bordered > tbody > tr > td:last-child {
	border-right:none;
}
.table.module_topics.table-bordered > tbody > tr:last-child > td,
.table.course-categories.table-bordered > tbody > tr:last-child > td {
	border:none;
}

.table.module_topics > tbody > tr > td,
.table.course-categories > tbody > tr > td {
	vertical-align: middle;
}
.table.module_topics > tbody > tr > td:not(:first-child), .table.module_topics > thead > tr > th {
	text-align: right;
}

.table.module_topics > tbody > tr > td:last-child,
.table.course-categories > tbody > tr > td:last-child {
	width:130px;
	text-align: right;
}

/*Holidays / Sick*/
.table-entitlements > tbody > tr > td {
	vertical-align: middle;
}

/*Subscription upgrade styles*/
.sub-feature-box {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	padding:20px;
	margin: 10px 0;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #00000020;
	min-height:78px;
}
.sub-feature-box h4 {
	margin:0;
	font-weight:600;
}
.sub-feature-box .subtitle {
	font-style: italic;
	margin-bottom:20px;
}
.sub-feature-box .details {
	margin-top:auto;
}
.sub-feature-box .actions {
	margin-top:20px;
}
.sub-feature-box .actions .btn {
	margin: 2px 5px 2px 0;
	height:50px;
}
.sub-feature-box .actions .btn-info {
	width:50px;
}
.sub-feature-box .actions .btn-info .icon-info {
	font-size: 18px;
	vertical-align: middle;
	margin-top:-1px;
}
.sub-feature-box .actions span.cpd-sm {
	display: inline-block;
	width: calc(100% - 60px);
	vertical-align: middle;
	font-style: italic;
}

.package-row {
	display: table-row;
}
.package-row .description {
	display: table-cell;
	width:50%;
	padding-right:20px;
	font-style: italic;
}
.package-row .pricing {
	display: table-cell;
	font-size:12px;
	padding:0 10px;
	vertical-align: middle;
}
.package-row .pricing span {
	font-size:16px;
}
.package-row .pricing .or {
	margin-left:70px;
}
.package-row .action {
	display: table-cell;
	width:25%;
	min-width:220px;
	text-align: right;
	vertical-align: middle;
}
.package-row .action .btn {
	height:50px;
}
@media(max-width:800px) {
	.package-row {
		display: block;
		width: 100%;
	}
	.package-row .description {
		display: block;
		width: 100%;
		padding-right:0;
	}
	.package-row .pricing {
		display: block;
		width: 100%;
		text-align: center;
		padding:10px 0;
	}
	.package-row .pricing .or {
		margin-left:0;
	}
	.package-row .action {
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media(max-width:700px) {
	.sub-feature-box {
		display: block;
	}
	.sub-feature-box .details {
		display: flex;
	}
	.sub-feature-box .details .deets {
		width:48%;
		padding-top:5px;
	}
	.sub-feature-box .actions {
		clear:both;
		padding:0;
		margin:0;
		width:52%;
	}
	.sub-feature-box .actions span {
		font-size:0;
	}
	.sub-feature-box .actions span.cpd-sm {
		display: inline-block;
		width: 100%;
		padding:0 15px;
		margin-top:10px;
		font-size:13px;
		text-align: center;
		vertical-align: middle;
		white-space: normal;
	}
	.sub-feature-box .actions a,
	.sub-feature-box .actions .btn {
		display:inline-block;
		width:100%;
		margin:5px 0 0 0;
		height:50px;
	}
}


#subscription-modal .form-group {
	margin-bottom:8px;
}
#subscription-modal hr {
	margin:20px 0;
}
#subscription-modal table {
	margin-bottom:0;
}
#subscription-modal table td {
	padding:4px;
}
#subscription-modal table td:first-child, #subscription-modal table th:first-child  {
	padding-left:0
}
#subscription-modal table td:last-child, #subscription-modal table th:last-child  {
	padding-right:0
}

#subscription-modal #summary-table td:last-child, #subscription-modal #summary-table th:last-child {
	width:75px;
}
#subscription-modal #summary-table td:nth-child(2), #subscription-modal #summary-table th:nth-child(2) {
	width:70px;
	text-align: center;
}
#subscription-modal #summary-table td:nth-child(3), #subscription-modal #summary-table th:nth-child(3) {
	width:150px;
}
#subscription-modal #summary-table td:nth-child(3), #subscription-modal #summary-table th:nth-child(3),
#subscription-modal #summary-table td:last-child, #subscription-modal #summary-table th:last-child,
#subscription-modal #totals td:last-child, #subscription-modal #totals_table td:last-child {
	text-align:right;
}
#subscription-modal #totals {
	margin-top:23px;
	width:50%;
	float:right;
}
#subscription-modal .subscription-icon {
	margin:20px;
	text-align: center;
}
#subscription-modal .subscription-icon .fa {
	font-size: 100px;
	border-radius: 100px;
	line-height: 1;
}
#subscription-modal .subscription-icon .fa.fa-thumbs-up {
	border: 5px solid #000;
	padding: 40px 50px 50px 50px;
}
#subscription-modal .subscription-icon .fa.fa-trash {
	color:#d83333;
	border: 5px solid #d83333;
	padding: 30px 40px;
}

td.id-letter, span.id-letters {
	color:#4266ff;
}
#annual-saving {
	border:1px solid #00b408;
	background-color:#d4ffc7;
	padding:5px;
	margin:10px 0;
	font-size: 12px;
}
#annual-saving .btn {
	margin:10px 0 5px 5px;
}
#subscription-form .sub-total td {
	padding-top:10px;
}
#subscription-form .sub-total td, #subscription-form .vat-total td {
	color:#666666;
}
#subscription-form #grand-total, #subscription-form td.costs-total {
	border-top:1px solid #000000;
}

.package-includes {
	color:#211be2;
	font-weight:900;
}

.flagged_fee:after {
	position: absolute;
	content: '*';
	font-size: 10px;
}


.table.payment_settings_table > tbody > tr > td {
	vertical-align: middle;
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.table.payment_settings_table > tbody > tr > td:nth-child(4) {
	width:130px;
	text-align: right;
}
.table.payment_settings_table > tbody > tr > td:nth-child(5) {
	width:65px;
	text-align: right;
}
.table.payment_settings_table > tbody > tr > td:first-child {
	width:200px;
}


.user_note_heading {
	font-weight:bold;
	margin-right:-15px;
}
.user_note_heading i {
	cursor: pointer;
}
.user_note_categories .dropdown.show-on-left {
	position: absolute;
	right: 0;
	top: 8px;
	bottom: 0;
	width: 34px;
	border: none;
	outline: none;
	vertical-align: middle;
}
.user_note_categories .dropdown.show-on-left .btn {
	background: transparent;
	color: #aaa;
}
.user_note_categories .dropdown.show-on-left .btn .fa {
	font-size:20px;
	line-height: 1;
}

/*Booking Diary */
#diary-key {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top:8px;
	margin-bottom:8px;
}
#diary-key label {
	margin:0 10px 0 0;
}
#diary-key span {
	padding:8px 12px;
	margin-left:5px;
	color:#fff;
	border-radius: 4px;
}
#diary-key .prepaid {
	background-color: #4E7AFF;
}
#diary-key .retail {
	background-color: #E67300;
}
#diary-key .trade {
	background-color: #8800E6;
}
.nav-tabs > li > a > .fa-cog {
	display:none;
}
.nav-tabs > li.active > a > .fa-cog {
	display:inline-block;
}
.nav-tabs > li.add_bay {
	margin-bottom:1px;
}
.nav-tabs > li.add_bay > a {
	background-color:#5fc55f;
	color:#ffffff;
	border:none;
	margin-bottom:1px;
}
.nav-tabs > li.add_bay > a:hover {
	background-color:#35aa47;
	color:#ffffff;
	border:none;
}
.nav-tabs > li.decom_bay.active {
	z-index: 1;
}
.nav-tabs > li.decom_bay > a {
	background-color:#E88181!important;
	color:#ffffff;
	border:none!important;
	margin-bottom:1px;
}
.nav-tabs > li.decom_bay > a:hover {
	background-color:#990000!important;
	color:#ffffff;
	border:none;
}
/*.tab-content>.active {
    overflow: auto;
}*/

#day-diary {
	display:inline-block;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding:5px 10px 10px 10px;
	box-shadow: 0 0 10px #00000020;
}
.diary_wrapper {
	width:100%;
}
#day-diary .day-date {
	height:40px;
	margin:5px 0;
	font-weight:bold;
	text-transform: uppercase;
	border-right:1px solid #b8b8b8;
}
#day-diary .day-date.no-scroller {
	border-right:none;
}
#day-diary .scroll-wrapper {
	position: relative;
	height:40px;
	margin:5px 0;
	background-color:#b8b8b8;
	text-align: center;
}
#day-diary .scroll-wrapper.no-scroller {
	background-color:transparent;
}
#day-diary .scroll-wrapper .btn {
	margin:3px;
}
#day-diary .scroll-wrapper .btn:first-child {
	margin-left:2px;
}
#day-diary .scroll-wrapper span.sc-msg {
	display: inline-block;
	margin-top:10px;
	text-transform: uppercase;
	color:#ffffff;
}
@media(max-width:365px) {
	#day-diary .scroll-wrapper span.sc-submsg {
		display:none;
	}
}
#day-diary .day-date div {
	color:#888888;
}
.diary_times {
	position: relative;
	float:left;
	/*width:9%;*/
	min-width:83px;
}
.diary_day_header {
	height:40px;
	font-weight:600;
}
.diary_day_wrapper {
	overflow: hidden;
}
.diary_day {
	position: relative;
	float:left;
	/*width:13%;*/
	min-width:126px;
}
.diary_times div, .diary_day div.cal-cell {
	overflow:hidden;
}
.diary_times div:nth-child(n+4) {
	border-top:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
}
.diary_times div span {
	padding:2px;
	background-color: #f0f0f0;
	color:#444444;
}
.diary_day div.cal-cell:not(.hcell):not(.wcell), div.diary_day_header {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	padding-left:5px;
}
.diary_times div.diary_day_header {
	padding-left:0;
	padding-right:5px;
	padding-top:2px;
}

.diary_day div.diary_day_header {
	position: relative;
	display: flex;
	align-items: center;
}
.diary_day div.diary_day_header.current_day {
	background-color:#f4bb12;
}
.diary_day div.diary_day_header span {
	font-weight:600;
	text-transform: uppercase;
}
.diary_day div.diary_day_header a {
	position: absolute;
	right:5px;
	top:12px;
	font-weight:400;
	cursor: pointer;
	text-decoration: none;
}
.diary_day div.diary_day_header a .fa {
	font-size:18px;
}
.diary_times div.diary_day_header {
	border-top:none;
}
.diary_day div.cal-cell span {
	height:100%;
	display: flex;
	align-items: center;
}
.diary_day div.cal-cell span p {
	margin:0 4px 0 0;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.diary_day div.available {
	background-color: #5FC55F;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.available:hover, .diary_day div.available.past {
	background-color: #98DB98;
}
.diary_day div.pre_paid {
	background-color: #4E7AFF;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.pre_paid:hover, .diary_day div.pre_paid.past {
	background-color: #7396FE;
}
.diary_day div.retail {
	background-color: #E67300;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.retail:hover, .diary_day div.retail.past {
	background-color: #e6a71e;
}
.diary_day div.trade {
	background-color: #8800E6;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.trade:hover, .diary_day div.trade.past {
	background-color: #b975fa;
}
.diary_day div.blocked {
	background-color: #000000;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.blocked:hover, .diary_day div.blocked.past {
	background-color: #222222;
}
.diary_day div.closed {
	background-color: #B20000;
	color:#ffffff;
	cursor: pointer;
}
.diary_day div.closed:hover,.diary_day div.closed.past {
	background-color: #E11B01;
}
.diary_day div.lunch {
	background-color: #EAEAEA;
	color:#444444;
	cursor: pointer;
}
.diary_day div.pending {
	background-color: #4d734d;
	color:#ffffff;
	cursor:not-allowed;
}
.diary_day div.waiting_strobe {
	background-color: #d51f5a;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: wait-strobe;
	-moz-animation-name: wait-strobe;
	-o-animation-name: wait-strobe;
	animation-name: wait-strobe;
}
@keyframes wait-strobe {
	to {opacity: 0;}
}
.diary_day div.unavailable {
	background-color: #d3d3d3;
	background: repeating-linear-gradient(
			45deg,
			#f0f0f0,
			#f0f0f0 10px,
			#E8E8E8 12px,
			#e8e8e8 12px
	);
	color:#333333;
	cursor:not-allowed;
}

.diary_day div.cal-cell .indicator {
	float:right;
	height:100%;
	width:40px;
	font-weight:600;
	display: flex;
	align-items: center;
	justify-content: center;
}
.diary_day div.cal-cell .class_indicator {
	background-color: #010066;
}
.diary_day div.cal-cell .waiting_indicator {
	background-color: #d51f5a;
}
.diary_day div.cal-cell .in_progress_indicator {
	background-color: #fbb202;
}
.diary_day div.cal-cell .complete_indicator {
	background-color: #1c5d0b;
}
.diary_day div.cal-cell .collect_indicator {
	background-color: #00BFFE;
}
.hcell,.wcell {
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
.hcell span, .wcell span {
	margin:0 5px;
	justify-content: space-between;
}

.diary_times .current-time-marker {
	position:absolute;
	color:#010066;
	right:0;
	top:-1000px;
	/*top:31px;*/
}
.diary_day .current-time-marker {
	position:absolute;
	height:0;
	left:0;
	right:2px;
	margin-top:8px;
	border-top: 2px solid #010066;

	/*top:31px;*/
	top:-1000px;
	overflow: hidden;
	z-index: 10;
}

@media(max-width:1280px) {
	.day-7 {
		display:none;
	}
}
@media(max-width:780px) {
	.day-3 {
		display:none;
	}
}

#bay-prices-form .portlet.box > .portlet-body {
	padding:10px 0 0 0;
}
#bay-prices-form .portlet .form-group {
	display:flex;
}
#bay-prices-form .portlet .tooltips {
	float:left;
	margin-left:-28px;
	margin-top:8px;
}
#bay-prices-form .portlet label {
	font-size:12px;
	padding-top:0;
}
#bay-prices-form .portlet label input[type=checkbox] {
	margin-top:2px;
	margin-right:3px;
	float:none;
}
#bay-prices-form .portlet label select {
	vertical-align: baseline;
}


.table.table-no-border > tbody > tr > td {
	border-top:none;
}
.table.table-vertical-centre > tbody > tr > td {
	vertical-align: middle;
}
.table.table-vfat td {
	padding:14px 8px;
}
.table .fat-table-header th {
	padding-top:15px;
	padding-bottom:15px;
}

.input-group.input-group-counter {
	width: 150px;
	margin: auto;
}
.input-group.input-group-counter .button-minus,
.input-group.input-group-counter .button-plus {
	border-radius: 4px 0 0 4px;
	background: #F9F9F9;
	border: 1px solid #DEDEDE;
	font-weight: bold;
	height: 50px;
	width: 50px;
	font-size: 22px;
	outline: none;
}
.input-group.input-group-counter .button-plus {
	border-radius: 0 4px 4px 0;
}
.input-group.input-group-counter input[type="text"] {
	height: 50px;
	width: 50px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #DEDEDE;
	border-left: 0;
	border-right: 0;
	outline: none;
	background-color:#f9f9f9;
	-moz-appearance: textfield;
	-webkit-appearance: none;
}
.input-group.input-group-counter .button-plus {
	color: #39B54A;
}
.input-group.input-group-counter .button-plus:hover{
	background-color: #39B54A;
	color: #FFFFFF;
	border-color: #39B54A;
}
.input-group.input-group-counter .button-minus {
	color: #FF3939;
	padding-bottom:5px;
}
.input-group.input-group-counter .button-minus:hover{
	background-color: #FF3939;
	color: #FFFFFF;
	border-color: #FF3939;
}


.input-group-sm {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group-sm .input-group-addon {
	min-width:30px;
}
@media (max-width:480px) {
	.input-group.input-group-counter {
		width: 120px;
	}
	.input-group.input-group-counter .button-minus,
	.input-group.input-group-counter .button-plus,
	.input-group.input-group-counter input[type="text"] {
		width:40px;
	}
	.input-group-sm .input-group-addon, .input-group-sm>.form-control {
		padding:5px;
	}
	.padright-xxs {
		padding-right:5px;
	}
	.padleft-xxs {
		padding-left:5px;
	}
}

.tqi-stat,
.esc-stat {
	margin-bottom: 25px;
	border:1px solid #dedede;
}
.esc-stat {
	display: flex;
	flex-direction: column;
	min-height: 163px;
}
.esc-stat .stats-wrapper {
	display: flex;
	flex-grow: 1;
}
.tqi-stat .footer {
	padding:6px 10px;
	font-size:11px;
}
.tqi-stat .header,
.esc-stat .header {
	background-color:#f9f9f9;
	color:#414141;
	border-bottom:1px solid #dedede;
	padding:15px;
	font-weight:600;
}
.tqi-stat .header.done,
.esc-stat .header.done {
	background-color:#faeba785;
}
.tqi-stat .header.age,
.esc-stat .header.complete {
	background-color:#b4eecd85;
}
.tqi-stat .header.time,
.esc-stat .header.temp {
	background-color:#ddc5e785;
}
.tqi-stat .header.fail,
.esc-stat .header.report {
	background-color:#f8c1ba85;
}
.tqi-stat .footer {
	border-top:1px solid #dedede;
}
.modal-tqi-stat {
	margin-left:-5px;
	margin-right:-5px;
}
.modal-tqi-stat [class*="col-"] {
	padding-left:5px;
	padding-right:5px;
}
.modal-tqi-stat .tqi-stat {
	margin-bottom: 10px;
}
.modal-tqi-stat .tqi-stat .header {
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}
.tqi-stat .group,
.esc-stat .group {
	display:none;
	color:#000000;
	font-size:13px;
	font-weight:600;
	text-align: center;
}
.tqi-stat.dual .group,
.esc-stat.dual .group {
	display:block;
}
.tqi-stat .number,
.esc-stat .number {
	padding:15px;
	font-size:42px;
	text-align: center;
	font-weight:400;
	color:#555;
}
.esc-stat .number {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	flex-shrink: 1;
}
.esc-stat .number:first-child {
	border-right:1px solid #dedede;
}
.tqi-stat .number .unit {
	font-size:14px;
}
.esc-stat .number > .fa {
	font-size: 46px;
	line-height: 1;
}
.tqi-stat .number .comp,
.esc-stat .number .sub {
	font-size:12px;
	text-align: center;
	min-height:18px;
}
.tqi-stat .number .comp .fa {
	color:#aaa;
}
.modal-tqi-stat .tqi-stat .number {
	padding:0;
	text-align: center;
}
.tqi-stat.dual .number,
.esc-stat.dual .number {
	padding:6px 15px;
	width:50%;
}
.tqi-stat.dual > .number {
	float: left;
	border-right:1px solid #dedede;
}
.tqi-stat.dual > .number+.number {
	float:right;
	border-right:none;
}
.tqi-stat .national-avg {
	display:none;
	margin-top:20px;
}
.tqi-stat .national-avg div {
	color:#000000;
	font-size:12px;
	margin-top:6px;
}
.tqi-stat .footer {
	clear:both;
	text-align: right;
}

.tqi_overview_table > tbody+tbody {
	border-top:none;
}
.tqi_overview_table > tbody > tr > td {
	height:47px;
	vertical-align: middle;
}
.tqi_overview_table .td-btn {
	width:80px;
	text-align:center;
}
.tqi_overview_table .td-btn .btn {
	min-width:38px;
	min-height:30px;
}
.tqi_overview_table .td-btn a.btn .fa {
	margin-top:7px;
}
.table-tqi th:not(:last-child), .table-tqi td:not(:last-child), .tqi_overview_table .site-data td:not(:last-child) {
	border-right:1px solid #dddddd;
}
.table-tqi .site-data, .tqi_overview_table .site-data {
	margin-bottom:0;
}
.table-tqi .site-data th,
.table-tqi .site-data td {
	padding:12px 8px;
}
.table-tqi .site-data th:first-child, .table-tqi .site-data td:first-child, .tqi_overview_table .site-data th:first-child, .tqi_overview_table .site-data td:first-child {
	padding-left:16px;
}
.table-tqi .site-data th:not(:first-child), .table-tqi .site-data td:not(:first-child), .tqi_overview_table .site-data th:not(:first-child), .tqi_overview_table .site-data td:not(:first-child) {
	text-align: center;
}
.table-tqi .site-data td:nth-child(2),
.table-tqi .site-data td:nth-child(3) {
	font-weight:800;
}
.table-tqi .site-data td:nth-child(2) span,
.table-tqi .site-data td:nth-child(3) span {
	display: inline-block;
	min-width:20px;
	text-align: right;
}
.table-tqi td:first-child {
	width:42%;
	text-align: left;
}
.table-tqi td:last-child {
	min-width:130px;
	text-align: center;
}
.table-tqi td:not(:first-child):not(:last-child) {
	width:12%;
}
.table-tqi tbody.collapse.in {
	display:contents;
}
.table-tqi > tbody + tbody {
	border-top:none;
}

.resource-box {
	padding:10px;
	background-color:#E8E8E8;
	width:100%;
	height:calc(100% - 74px);
}
.resource-box img {
	margin-bottom:10px;
}
.resource-box p.fixed-p  {
	min-height:40px;
}
.resource-btn {
	padding:10px;
	background-color:#E8E8E8;
	width:100%;
	margin-bottom:10px;
}


/*Invoice tables*/
#invoices.table th, #invoices.table td {
	height:50px;
	vertical-align: middle;
}
#invoices.table th:nth-child(4) {
	min-width:120px;
	text-align:center;
}
#invoices.table td:nth-child(4) {
	min-width:120px;
	text-align:center;
	color:#ffffff;
	font-weight:600;
}
#invoices.table th:nth-child(3), #invoices.table td:nth-child(3) {
	/*width:100px;*/
}
.unpaid-bacs {
	background-color:#8e8e8e;
}
#invoices.table-hover > tbody > tr:hover > td.unpaid-bacs {
	background-color: #7e7e7e;
}
#invoices.table-hover > tbody > tr:hover > td.label-default {
	background-color: #adadad;
}
#invoices.table-hover > tbody > tr:hover > td.label-success {
	background-color: #2c9e3f;
}
#invoices.table-hover > tbody > tr:hover > td.label-danger {
	background-color: #f0262f;
}
#invoices.table-hover > tbody > tr:hover > td.label-info {
	background-color: #5aadf0;
}
#invoices.table-hover > tbody > tr:hover > td.label-warning {
	background-color: #d0a112;
}
#invoices.table td:nth-child(7) {
	font-size:0;
}
#invoices.table td .btn {
	margin:2px;
}
@media(max-width:600px) {
	#invoices.table th:nth-child(5), #invoices.table td:nth-child(5),
	#invoices.table th:nth-child(6), #invoices.table td:nth-child(6) {
		display:none;
	}
}

/*Messaging centre*/
#messages-container #message-pane #message-content h1,
#messages-container #message-pane .trumbowyg-editor h1,
#messages-container #message-pane #message-content h2,
#messages-container #message-pane .trumbowyg-editor h2,
#messages-container #message-pane #message-content h3,
#messages-container #message-pane .trumbowyg-editor h3 {
	margin-top:0;
}
#messages-container #message-pane .control-label {
	font-weight:600;
	padding-top:14px;
	padding-right:0;
}
#messages-container #message-pane .form-control {
	height:50px;
}
#messages-container .message_buttons .btn:not(:first-child) {
	margin-left:5px;
}

#recipient-form .portlet {
	position:relative;
}
#recipient-form .portlet .caption {
	margin-left:35px;
}
#recipient-form .portlet .check_all {
	position: absolute;
	top:7px;
	left:5px;
	z-index: 2;
}
#recipient-form table tr td:first-child {
	width:30px;
}
#recipient-form table tr td:nth-child(3) {
	width:50%;
}
#recipient-form table tr td label {
	font-size:inherit;
	margin-bottom:0;
}
.recipient-list .fa-check {
	color:#ddd;
}
@media (max-width:650px) {
	#messages-container .message_buttons {
		display: flex;
		flex-direction: column-reverse;
	}
	#messages-container .message_buttons .btn {
		margin:5px 0!important;
		display: block;
		width: 100%;
	}
}
@media (max-width:1200px) {
	#messages-container #message-pane {
		margin-top:20px;
	}
}


/*Test Logs*/
.tla_table td:first-child .fa {
    padding: 8px;
    margin: -8px 0 -8px -8px;
    cursor: pointer;
}
.tla_table td:nth-child(2) {
	width:40px;
}
.tla_table td:nth-child(2) .btn {
	margin:-8px;
	background-color:transparent;
	color:#333333;
	border:none;
}

#filter-rules-wrapper {
	border:1px solid #ddd;
	padding:12px 12px 7px 12px;
}

.tla-rule {
	position: relative;
	background-color:#f8f8f8;
	padding:4px 30px 4px 8px;
	margin-left:45px;
	margin-bottom:5px;
	font-size:14px;
	line-height:26px;
	cursor: pointer;
}
.tla-rule .btn-delete {
	position: absolute;
	right:0;
	top:0;
}
.tla-rule:before {
	content: 'AND';
	position: absolute;
	top:0;
	bottom: 0;
	left:-45px;
	font-weight:600;
	background-color: #f7369a;
	color:#fff;
	padding: 8px 0;
	width:45px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#rules .tla-rule:first-child:before {
	content: 'IF';
	background-color: #36bbf7;
}
.tla-rule .rule-logic {
	font-weight:600;
	background-color: #64d393;
	color:#fff;
	border-radius: 10px!important;
	padding:0 5px;
	margin:0 4px;
}
.tla-rule .rule-logic.rl-and {
	background-color: #f7369a;
}
.tla-rule .rule-field {
	font-weight:600;
	background-color:#f7db98;
	padding:0 4px;
}
.tla-rule .rule-operator {
	text-transform: uppercase;
	font-weight:600;
	background-color:#ba97da;
	color:#fff;
	padding:0 4px;
}

#modal-tla-filter-rule #condition_options .rule-or {
	font-weight:600;
	margin:0 10px;
}
#modal-tla-filter-rule #condition_options .select-free-text {
	position: absolute;
	top:1px;
	left:1px;
	width:140px!important;
	height:32px;
	border:transparent;
}

#modal-tla-filter-rule #condition_options .condition-row {
	position: relative;
	margin-bottom:3px;
	padding-right:30px;
}
#modal-tla-filter-rule #condition_options .rule-cell {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin:2px 0;
}
#modal-tla-filter-rule #condition_options .rule-cell .form-control {
	display:inline-block;
}
#modal-tla-filter-rule #condition_options .condition-row .btn-delete {
	position: absolute;
	top:0;
	right:0;
}
#modal-tla-filter-rule #condition_options .condition-row .btn-delete img {
	margin-top:-3px;
}

.table-tla-matches > thead > tr > th {
	vertical-align: top;
}
.table-tla-matches > tbody > tr {
	cursor: pointer;
}
.table-tla-matches > tbody > tr:hover {
	box-shadow: 0 0 5px 1px rgba(165,165,165,.3);
	background-color:#f9f9f9;
}
.table-tla-matches > tbody > tr > td {
	position:relative;
	padding:15px 8px;
}
.table-tla-matches > tbody > tr > td:last-child .fa {
	font-size:18px;
	vertical-align: middle;
	padding-bottom:2px;
}
.table-tla-matches > tbody > tr > td:last-child:after {
	position: absolute;
	right:5px;
	font-family: "FontAwesome";
	content: "\f105";
}
@media (max-width: 570px) {
	#modal-test-log-data #rules .rule-row .rule-cell:last-child {
		display: block;
		margin-top:5px;
	}
}
@media (max-width: 500px) {
	.table-tla-matches th:nth-child(3),
	.table-tla-matches td:nth-child(3) {
		display: none;
	}
}

.drop-highlight {
	box-shadow: 0px 0px 2px 2px #ffff99;
}


.kb-portlet.box {
	border:1px solid #b1bdbd;
	border-left-width:3px;
	margin-bottom:15px;
}
.kb-portlet.box .portlet-title {
	position: relative;
	color:#000;
	cursor:pointer;
	padding-right:40px;
}
.kb-portlet.box .portlet-title .fa {
	font-size:18px;
	min-width: 25px;
	text-align: center;
}
.kb-portlet.box .portlet-title:after {
	position: absolute;
	font-family: "FontAwesome";
	font-size:24px;
	font-weight: 300;
	color:#aaa;
	content:'\f107';
	top:7px;
	right:20px;
}
.kb-portlet.box .portlet-title.active:after {
	content:'\f106';
}
.kb-portlet.box .portlet-body {
	position: relative;
	padding:0 10px;
}
.kb-portlet.box .portlet-body .question-row {
	display: flex;
	padding:8px 0;
	min-height: 50px;
	border-bottom: 1px solid #ddd;
}
.kb-portlet.box .portlet-body .question-row:hover,
.table-kb-admin tr:hover td {
	background-color:#f9f9f9;
}
.kb-portlet.box .portlet-body .question-row:last-child {
	border:none;
}
.kb-portlet.box .portlet-body .question-row .question {
	flex-grow: 1;
	flex-shrink: 1;
	align-self: center;
	cursor:pointer;
	color:#428bca;
	padding:8px;
}
.kb-portlet.box .portlet-body .question-row .votes {
	flex-basis: 132px;
	min-width:132px;
	align-self: center;
}
.kb-portlet.box .portlet-body .question-row .votes div {
	display:inline-block;
	width:48%;
	padding:0 6px;
}
.table-kb-admin {
	margin-bottom:0;
}
.table-kb-admin td:first-child {
	cursor: pointer;
}
.table-kb-admin th:not(:first-child),
.table-kb-admin td:not(:first-child) {
	width:60px;
	text-align: center;
}
@media (max-width: 599px) {
	.kb-portlet.box .portlet-body .question-row {
		flex-wrap: wrap;
	}
	.kb-portlet.box .portlet-body .question-row .question {
		width:100%;
	}
}

/*Equal height cols*/
@media (min-width: 1600px) {
	.equal-xl {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.equal-xl > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width: 1200px) {
	.equal-lg {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.equal-lg > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width: 992px) {
	.equal-md {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.equal-md > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}
}
@media (min-width: 768px) {
	.equal-sm {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.equal-sm > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}
}

/*.ticket-portlet.box {
	border:1px solid #b1bdbd;
	border-left-width:3px;
	margin-bottom:15px;
}*/
.ticket-portlet.box .portlet-title {
	position: relative;
	min-height: 0;
	color:#333;
	border-top-width:3px;
	border-top-style: solid;
}
.ticket-portlet.box .portlet-title .caption {
	float:none;
	font-weight:600;
	margin-right:10px;
}
.ticket-portlet.box .portlet-title .caption span {
	font-weight:400;
}
.ticket-portlet.box .portlet-title .date {
	display: inline-block;
	font-weight:300;
	color:#888;
}
.ticket-portlet.box .portlet-title .device-details {
	float:right;
	color:#428bca;
	font-weight:600;
	cursor: pointer;
}
.ticket-portlet.box .portlet-body {
	padding:20px;
}
.ticket-portlet.box .read-date {
	float:right;
	font-weight:300;
	color:#888;
}
.ticket-portlet.box .file-entry {
	display: inline-flex;
	width:250px;
	align-items: center;
	border:1px solid #ddd;
	background-color:#f9f9f9;
	height:50px;
	padding:0 12px;
	margin:10px 10px 10px 0;
}
.ticket-portlet.box .file-entry.viewed {
	color:purple;
}
@media (max-width: 600px) {
	.ticket-portlet.box .portlet-title .device-details {
		float:none;
		/*display: block;*/
	}
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 1600px) {
	.col-xl-1 {
		width: 8.33333333%;
	}
	.col-xl-2 {
		width: 16.66666666%;
	}
	.col-xl-2-5 {
		width: 20%;
	}
	.col-xl-3 {
		width: 25%;
	}
	.col-xl-4 {
		width: 33.33333333%;
	}
	.col-xl-5 {
		width: 41.66666666%;
	}
	.col-xl-6 {
		width: 50%;
	}
	.col-xl-7 {
		width: 58.33333333%;
	}
	.col-xl-8 {
		width: 66.66666666%;
	}
	.col-xl-9 {
		width: 75%;
	}
	.col-xl-10 {
		width: 83.33333333%;
	}
	.col-xl-11 {
		width: 91.66666666%;
	}
	.col-xl-12 {
		width: 100%;
	}
	.col-xl-offset-12 {
		margin-left: 100%;
	}
	.col-xl-offset-11 {
		margin-left: 91.66666666666666%;
	}
	.col-xl-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-xl-offset-9 {
		margin-left: 75%;
	}
	.col-xl-offset-8 {
		margin-left: 66.66666666666666%;
	}
	.col-xl-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-xl-offset-6 {
		margin-left: 50%;
	}
	.col-xl-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-xl-offset-4 {
		margin-left: 33.33333333333333%;
	}
	.col-xl-offset-3 {
		margin-left: 25%;
	}
	.col-xl-offset-2 {
		margin-left: 16.666666666666664%;
	}
	.col-xl-offset-1 {
		margin-left: 8.333333333333332%;
	}
	.col-xl-offset-0 {
		margin-left: 0;
	}
}
@media (min-width: 1600px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float: left;
	}
}
@media (max-width: 1599px) {
	.visible-xl,
	tr.visible-xl,
	th.visible-xl,
	td.visible-xl {
		display: none!important;
	}
}
@media (max-width: 499px) {
	.col-xxs-1 {
		width: 8.33333333%;
	}
	.col-xxs-2 {
		width: 16.66666666%;
	}
	.col-xxs-3 {
		width: 25%;
	}
	.col-xxs-4 {
		width: 33.33333333%;
	}
	.col-xxs-5 {
		width: 41.66666666%;
	}
	.col-xxs-6 {
		width: 50%;
	}
	.col-xxs-7 {
		width: 58.33333333%;
	}
	.col-xxs-8 {
		width: 66.66666666%;
	}
	.col-xxs-9 {
		width: 75%;
	}
	.col-xxs-10 {
		width: 83.33333333%;
	}
	.col-xxs-11 {
		width: 91.66666666%;
	}
	.col-xxs-12 {
		width: 100%;
	}
	.hidden-xxs {
		display:none!important;
	}
}
@media (max-width: 599px) {
	.hidden-600 {
		display:none!important;
	}
}

@media (min-width: 600px) {
	.visible-600 {
		display:none!important;
	}
}

@media (min-width: 700px) {
	.visible-700 {
		display:none;
	}
}

/*Barrating*/
.br-theme-fontawesome-stars .br-widget {
	height: 28px;
	white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
	font: normal normal normal 30px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
	content: '\f005';
	color: #d2d2d2;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after {
	color: #EDB867;
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
	display: none;
}
.br-theme-fontawesome-stars .br-readonly a {
	cursor: default;
}

/*Popup menu on left*/
.dropdown.show-on-left {
	display: inline-block;
}
.dropdown.show-on-left button {
	min-width:34px!important;
	margin-left:0!important;
}
.dropdown.show-on-left button.btn-options,
.dropdown.show-on-left button.btn-options:hover {
	background-color: transparent;
	color:#aaa;
	padding-top: 7px;
	padding-bottom: 3px;
}
.dropdown.show-on-left button.btn-options .fa {
	font-size:24px;
	line-height:18px;
}
.dropdown.show-on-left .dropdown-menu {
	right:40px;
	left:auto;
	top:0;
	padding:15px 10px;
}
.table .dropdown.show-on-left .dropdown-menu {
	top:2px;
}
.dropdown.show-on-left .dropdown-menu:after, .dropdown.show-on-left .dropdown-menu:before {
	left: 100%;
	top: 16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dropdown.show-on-left .dropdown-menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.dropdown.show-on-left .dropdown-menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #efefef;
	border-width: 11px;
	margin-top: -11px;
	filter: drop-shadow(4px 1px 3px rgba(0,0,0,.05));
}
.dropdown.show-on-left .dropdown-menu > li {
	text-align: left;
}
.dropdown.show-on-left .dropdown-menu > li p {
	padding: 0 10px 10px 10px;
	margin: 0px;
	color: #444;
	font-weight:bold;
}
.dropdown.show-on-left .dropdown-menu > li a {
	white-space: nowrap;
	padding: 7px 10px;
	border-radius: 5px!important;
}
.dropdown.show-on-left .dropdown-menu > li a:hover {
	background-color: #f4f4f4;
}
.dropdown.show-on-left .dropdown-menu > li.disabled {
	font-weight: 300;
	line-height: 20px;
	white-space: nowrap;
	font-size: 13px;
	padding: 7px 10px;
	color: #666;
	opacity: 0.7;
}
.dropdown.show-on-left .dropdown-menu > li.disabled:hover {
	cursor: not-allowed;
}

/* Option Selectors */
.option-button {
	position: relative;
	width:100%;
	margin:5px 0;
	padding:16px;
	cursor: pointer;
	border:1px solid #e1e1e1;
}
.option-button.disabled {
	opacity:0.5;
}
.option-button .caption {
	font-weight:600;
	font-size:16px;
}
.option-button ul {
	padding-left:20px;
	margin:5px 0;
}
.option-button:not(.disabled):hover {
	border-color:#428bcd;
}
.option-button.selected {
	background-color: #F5F9FC;
	border-color:#428bcd;
	box-shadow: 0 0 3px 1px #428bcd80;
}
.option-button.with_indicator {
	padding-left:33px;
}
.option-button.with_indicator.btn-radio:after {
	position: absolute;
	left:10px;
	top:20px;
	content: "";
	display:block;
	height:15px;
	width:15px;
	background-size: 15px 15px;
	background-image: url(../admin/assets/global/img/radio-unchecked.svg);
	background-repeat: no-repeat;
}
.option-button.selected.with_indicator.btn-radio:after {
	background-image: url(../admin/assets/global/img/radio-checked.svg);
}
.option-button.with_indicator.btn-check:after {
	font-family: "FontAwesome";
	font-weight:400;
	position: absolute;
	left:10px;
	top:19px;
}
.option-button.with_indicator.btn-check:after {
	content: "\f096";
}
.option-button.selected.with_indicator.btn-check:after {
	content: "\f046";
}

#transition-overlay {
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	z-index: 999999;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
#transition-overlay img {
	display: block;
	margin: 0 auto;
	width: 340px;
}
#transition-overlay .trans-video-wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 340px;
	height: 340px;
}
.dynamic-video-wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 100%;
}
#transition-overlay .trans-video-wrapper video,
.dynamic-video-wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
}
#transition-overlay .prog-wrapper {
	width:340px;
	height:50px;
	margin:20px auto;
}
#transition-overlay .progress {
	height:10px;
	width:100%;
}
#transition-overlay .progress-bar {
	height: 10px;
	border-radius:5px!important;
	transition: width unset!important;
}
#transition-overlay .prog-wrapper .btn {
	width:100%;
	opacity: 0;
}

.redacted {
    color: transparent;
    text-shadow: 0 0 8px #000;
}

.php-file-tree {
	font-size: 12px;
	letter-spacing: 1px;	line-height: 1.5;
}

.php-file-tree A {
	color: #000000;
	text-decoration: none;
}

.php-file-tree A:hover {
	color: #666666;
}

.php-file-tree .open {
	font-style: italic;
}

.php-file-tree .closed {
	font-style: normal;
}

.php-file-tree .pft-directory {
	list-style-image: url(images/directory.png);
}

.php-file-tree .pft-weblink {
	list-style-image: url(images/globe.png);
}

/* Default file */
.php-file-tree LI.pft-file { list-style-image: url(images/file.png); }
/* Additional file types */
.php-file-tree LI.ext-3gp { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-afp { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-afpa { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-asp { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-aspx { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-avi { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-bat { list-style-image: url(images/application.png); }
.php-file-tree LI.ext-bmp { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-c { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-cfm { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-cgi { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-com { list-style-image: url(images/application.png); }
.php-file-tree LI.ext-cpp { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-css { list-style-image: url(images/css.png); }
.php-file-tree LI.ext-doc { list-style-image: url(images/doc.png); }
.php-file-tree LI.ext-exe { list-style-image: url(images/application.png); }
.php-file-tree LI.ext-gif { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-fla { list-style-image: url(images/flash.png); }
.php-file-tree LI.ext-h { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-htm { list-style-image: url(images/html.png); }
.php-file-tree LI.ext-html { list-style-image: url(images/html.png); }
.php-file-tree LI.ext-jar { list-style-image: url(images/java.png); }
.php-file-tree LI.ext-jpg { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-jpeg { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-js { list-style-image: url(images/script.png); }
.php-file-tree LI.ext-lasso { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-log { list-style-image: url(images/txt.png); }
.php-file-tree LI.ext-m4p { list-style-image: url(images/music.png); }
.php-file-tree LI.ext-mov { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-mp3 { list-style-image: url(images/music.png); }
.php-file-tree LI.ext-mp4 { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-mpg { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-mpeg { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-ogg { list-style-image: url(images/music.png); }
.php-file-tree LI.ext-pcx { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-pdf { list-style-image: url(images/pdf.png); }
.php-file-tree LI.ext-php { list-style-image: url(images/php.png); }
.php-file-tree LI.ext-png { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-ppt { list-style-image: url(images/ppt.png); }
.php-file-tree LI.ext-psd { list-style-image: url(images/psd.png); }
.php-file-tree LI.ext-pl { list-style-image: url(images/script.png); }
.php-file-tree LI.ext-py { list-style-image: url(images/script.png); }
.php-file-tree LI.ext-rb { list-style-image: url(images/ruby.png); }
.php-file-tree LI.ext-rbx { list-style-image: url(images/ruby.png); }
.php-file-tree LI.ext-rhtml { list-style-image: url(images/ruby.png); }
.php-file-tree LI.ext-rpm { list-style-image: url(images/linux.png); }
.php-file-tree LI.ext-ruby { list-style-image: url(images/ruby.png); }
.php-file-tree LI.ext-sql { list-style-image: url(images/db.png); }
.php-file-tree LI.ext-swf { list-style-image: url(images/flash.png); }
.php-file-tree LI.ext-tif { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-tiff { list-style-image: url(images/picture.png); }
.php-file-tree LI.ext-txt { list-style-image: url(images/txt.png); }
.php-file-tree LI.ext-vb { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-wav { list-style-image: url(images/music.png); }
.php-file-tree LI.ext-wmv { list-style-image: url(images/film.png); }
.php-file-tree LI.ext-xls { list-style-image: url(images/xls.png); }
.php-file-tree LI.ext-xml { list-style-image: url(images/code.png); }
.php-file-tree LI.ext-zip { list-style-image: url(images/zip.png); }