@charset "utf-8";
input {
	font-family: raleway, "Segoe UI", "Trebuchet MS";
}
.head-back {
	background-image: url(../images/SignatureImage-dark.jpg);
	background-size: cover;
	background-position: 15% 46%;
}
.panel-white {
	background-color: #FFFFFF;
	margin-left: 13px;
	padding-left: 20px;
}
.support-back {
	background-image: url(../images/support.jpg);
	background-size: cover;
	background-position: 63% 68%;
}
.head-back-courses {
	background-image: url(../images/SignatureImage(no-blue) .jpg);
	background-size: cover;
	background-image: url(../images/SignatureImage(no-blue) .jpg);
	background-image: url(../images/SignatureImage(no-blue) .jpg);
	background-image: url(../images/SignatureImage(no-blue) .jpg);
	background-image: url(../images/courses-back.jpg);
	background-position: 0% 13%;
}

.strapline {
	color: #FFFFFF;
}
.popular-text {
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-size: 10pt;
	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	font-style: normal;
	font-weight: 400;
}
.panel.panel-default .panel-heading .panel-title {
	text-align: center;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 100;
}

.panel-heading a .panel-title {
	color: #FFFFFF;
}
.h3-quote {
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 400;
	color: #8C8C8C;
}
.railway-font {
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 100;
}
.row .col-xs12 .hidden-xs {
	color: #FFFFFF;
	font-weight: 300;
	font-size: x-large;
	line-height: 25pt;
}
.h3-quote-large {
	font-size: xx-large;
}
.row .col-md-6.text-center img {
	margin-top: 20px;
}
.usb-back {
	background-image: url(../images/usb.jpg);
	background-size: cover;
	background-position: 0% 37%;
}
.footer-back {
	background-color: #6B90DA;
}
.footer-text {
	color: #FFFFFF;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 300;
	font-size: small;
}
.footer-text a{
	color: #FFFFFF;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 300;
	font-size: small;
}
.tcs {
	color: #FFFFFF;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	font-style: normal;
	font-weight: 100;
	margin-top: 18px;
	margin-bottom: 11px;
}
.row .col-xs-12.tcs.col-md-3 a {
	color: #FFFFFF;
}

.footer-centre {
	margin-left: auto;
	margin-right: auto;
}
.black-text {
	color: #000000;
}
.panel-level2 {
	background-color: #4F7BD3;
}
.panel-level3 {
	background-color: #2D5BB7;
}
.panel-body a {
	font-weight: 500;
}
.col-sm-4 .container-fluid.h3 a {
	text-align: center;
	font-weight: 400;
}
.head-back-why {
	background-image: url(../images/why-back.jpg);
	background-size: cover;
	background-position: 37% 18%;
}
.head-back-support {
	background-image: url(../images/support-back.jpg);
	background-size: cover;
}
.h5-spaced {
	font-size: 12pt;
	line-height: 22px;
	text-align: left;
}
.h1-left {
	text-align: left;
	font-weight: 300;
}
.h5-breadcrumb {
	color: #60BBFF;
	font-size: small;
}
.head-back-pack {
	background-image: url(../images/touch.jpg);
	background-size: cover;
	background-position: 0% 37%;
}
.text-center.col-lg-6 a .btn.btn-success {
	margin-bottom: 5px;
	margin-top: 5px;
}

.head-back-tech {
	background-image: url(../images/tech.jpg);
	background-size: cover;
	background-position: 0% 70%;
}
.button-margin {
	margin-bottom: 18px;
}

.h3-Left {
	text-align: left;
	font-weight: 300;
}

.head-back-clients {
	background-image: url(../images/clients.jpg);
	background-size: cover;
	background-position: 0% 45%;
}
.h1-massive {
	color: #6B90DA;
	font-weight: 400;
	font-size: 47pt;
	text-align: center;
}
.h1-big {
	font-weight: 400;
	text-align: left;
}
.row-table {
	padding-left: 11px;
	border-width: thin;
	border-style: solid;
}
.h6-spacer {
	padding-left: 9px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	line-height: 21px;
	text-align: left;
	margin-top: 20px;
}
.button-ctr-margin {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 7px;
}
.h3-blue {
	font-size: x-large;
	color: #337AB7;
	font-weight: 300;
}
.h4-blue-pad {
	color: #337AB7;
	font-family: raleway;
	font-style: normal;
	font-weight: 300;
	font-size: 16pt;
	padding-left: 14px;
	border-top: thin solid #B3B3B3;
	margin-top: 10px;
	margin-bottom: 16px;
	text-align: center;
	margin-left: 16px;
}
.h4-blue-pad2 {
	color: #337AB7;
	font-family: raleway;
	font-style: normal;
	font-weight: 300;
	font-size: 16pt;
	padding-left: 14px;
	border-top: thin solid #B3B3B3;
	margin-top: 10px;
	margin-bottom: 16px;
	text-align: center;
}
.panel-centre {
	margin-left: auto;
	margin-right: auto;
}


.form-style {
	background-color: #2F5FBE;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	font-family: raleway, "Segoe UI";
	font-style: normal;
	font-weight: 100;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
.h3-form {
	font-weight: 300;
	font-family: raleway, "Segoe UI";
	font-style: normal;
	color: #FFFFFF;
	font-size: large;
}
.form-style1 {
	color: #FFFFFF;
}

.h3-form-head {
	font-family: raleway, "Segoe UI";
	font-style: normal;
	font-weight: 100;
	font-size: 23pt;
	color:#fff;
}

.h3-form-fields {
	color: #6B90DA;
	padding-left: 7px;
}
.h3-form-fields-black {
	color: #000000;
}
.head-back-directions {
	background-image: url(../images/edinburgh.jpg);
	background-size: cover;
}
.row-spacer {
	padding-left: 16px;
	border-style: solid;
	border-width: thin;
}
tr .mediumsmall-white {
	padding-left: 15px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;


}
.head-back-colour {
	background-color: #6B90DA;
}
.head-back-black {
	background-color: #000000;
}
.h3-quote-white {
	color: #FFFFFF;
}


.head-back-hand {
	background-image: url(../images/hand.jpg);
	background-size: cover;
	background-position: 0% 19%;
}
.panel-body2 {
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.h4-black {
	font-family: raleway;
	font-style: normal;
	font-weight: 500;
	font-size: 7px;
}
.panel-level2 a {
	color: #FFFFFF;
	font-size: 17pt;
}
.head-back-hand-sm {
	background-image: url(../images/hand-sm.jpg);
	background-size: cover;
}
.button-topmargin {
	margin-top: 10px;
}
.test {
}

.white-box {
	border: thin solid #FFFFFF;
}
@media(max-width: 767px) and (min-width:473px){
	.button-topmargin {
		margin-top: 0;
	}
}
.center-txt{
	text-align: center;
}
.h3-white a {
	color: #FFFFFF;
	font-weight: 400;
}
.head-back-related {
	background-image: url(../images/pc-dark.jpg);
	background-size: cover;
	background-position: 0% 89%;
}
.h5-centre-blue {
	text-align: center;
	color: #337AB7;
	font-family: raleway;
	font-style: normal;
	font-weight: 500;
}
.bold-text {
	font-weight: 400;

}
.bottom-pad {
	margin-bottom: 10px;
}
.head-back-meeting {
	background-image: url(../images/meeting.jpg);
	background-size: cover;
	background-position: 0% 34%;
}
.head-back-case {
	background-image: url(../images/case.jpg);
	background-size: cover;
}
.h2-black {
	color: #000000;
	text-align: left;
	font-size: 27pt;
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
}
.h2-white-l {
    color: #FFFFFF;
    text-align: left;
    font-size: 27pt;
    font-family: raleway;
    font-style: normal;
    font-weight: 600;
}
.head-back-case-sm {
	background-image: url(../images/case-sm.jpg);
	background-size: cover;
}
.h3-white {
	font-weight: 300;
	color: #FFFFFF;
}
.dates-box {
	border-top: thin solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 6px;
	margin-right: auto;
}
.options-margin {
	margin-left: 7px;
}

.head-back-dates {
	background-image: url(../images/dates.jpg);
	background-size: cover;
	background-position: 0% 45%;
}
.head-back-dates-sm {
	background-image: url(../images/dates-sm.jpg);
	background-size: cover;
}
.h3-options {
	font-size: large;
	color: #337AB7;
	font-family: raleway;
	font-style: normal;
	font-weight: 300;
	padding-left: 10px;
	margin-left: 29px;
	margin-top: 7px;
	border-top: thin solid #337AB7;
	padding-top: 9px;
	padding-bottom: 10px;
}
.h3-blue-bold {
	color: #337AB7;
	font-weight: 400;
	font-size: 17pt;
}
.spacer-left {
	margin-left: 15%;
}
.h5-white {
	color: #FFFFFF;
	font-family: raleway;
	font-style: normal;
	font-weight: 300;
}
.h5-white a:hover {
	color: #FFFFFF;
}

.h5-white a {
	color: #FFFFFF;
}

.h6-white {
	color: #FFFFFF;
}
.head-back-black {
	background-color: #000000;
}
.h3-black {
	font-weight: 300;
	color: #000000;
}
.head-back-featured {
	background-image: url(../images/featured-back.jpg);
	background-position: 0% 94%;
}
.featured-back-Excel {
	background-color: #1E6D41;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Access {
	background-color: #A33639;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Dreamweaver {
	background-color: #2E3824;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Acrobat {
	background-color: #310501;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-c-sharp {
    background-color: #68217a;
    border-radius: 56px 0px;
    padding-top: 10px;
    margin-left: 0px;
    padding-bottom: 47px;
    padding-left: 21px;
}
.featured-back-Visio {
	background-color: #39559F;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Illustrator {
	background-color: #FF7C1A;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Photoshop {
	background-color: #1B046C;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-PowerPoint {
	background-color: #D24625;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Outlook {
	background-color: #0071C5;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Office {
	background-color: #EB3C00;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Project {
	background-color: #019E4A;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Publisher {
	background-color: #077467;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-InDesign {
	background-color: #E1007E;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-Word {
	background-color: #295497;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-SQL {
	background-color: #295497;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}
.featured-back-VBA {
	background-color: #B12F9A;
	border-radius: 56px 0px;
	padding-top: 10px;
	margin-left: 0px;
	padding-bottom: 47px;
	padding-left: 21px;
}

.h4-white {
	color: #FFFFFF;
}
.head-back-excel {
	background-image: url(../images/excel-screens.jpg);
	background-size: cover;
}
.head-back-Access {
	background-image: url(../images/access-screens.jpg);
	background-size: cover;
}
.head-back-C-sharp {
    background-image: url(../images/c-sharp-screens.png);
    background-size: cover;
}
.head-back-SQL {
	background-image: url(../images/SQL-screens.jpg);
	background-size: cover;
}
.head-back-VBA {
	background-image: url(../images/VBA-screens.jpg);
	background-size: cover;
}
.head-back-Illustrator {
	background-image: url(../images/Illustrator-screens.jpg);
	background-size: cover;
}
.head-back-Acrobat {
	background-image: url(../images/Acrobat-screens.jpg);
	background-size: cover;
}
.head-back-InDesign {
	background-image: url(../images/InDesign-screens.jpg);
	background-size: cover;
}
.head-back-Photoshop {
	background-image: url(../images/Photoshop-screens.jpg);
	background-size: cover;
}
.head-back-Dreamweaver {
	background-image: url(../images/Dreamweaver-screens.jpg);
	background-size: cover;
}
.head-back-Project {
	background-image: url(../images/Project-screens.jpg);
	background-size: cover;
}
.head-back-Publisher {
	background-image: url(../images/Publisher-screens.jpg);
	background-size: cover;
}
.head-back-Visio {
	background-image: url(../images/Visio-screens.jpg);
	background-size: cover;
}
.head-back-Outlook {
	background-image: url(../images/outlook-screens.jpg);
	background-size: cover;
}
.head-back-PowerPoint {
	background-image: url(../images/powerpoint-screens.jpg);
	background-size: cover;
}
.head-back-Word {
	background-image: url(../images/word-screens.jpg);
	background-size: cover;
}
.head-back-green {
	background-color: #1E6E42;
}
.h2-white {
	color: #FFFFFF;
	text-align: center;
}
.head-back-white {
	background-color: #FFFFFF;
}
.head-back-lunch {
	background-image: url(../images/lunch-back.jpg);
	background-size: cover;
	background-position: 0% 48%;
}
.head-back-team {
	background-image: url(../images/team.jpg);
	background-size: cover;
}
.h1-blue {
	color: #6B90DA;
	font-family: raleway;
	font-style: normal;
	font-weight: 900;
	font-size: 51pt;
}
@media (max-width: 321px) {
  .hidden-xxs {
	display: none !important;
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
  }
}

@media (min-width:322px) and (max-width:375px){
  .hidden-xxs-i6 {
    display: none !important;
  }
}

@media (min-width:376px) and (max-width:767px){
  .hidden-sm-xs {
    display: none !important;
  }
}

.login-cont{
	width: 500px;
	padding: 80px 0 20px;
}

.form-inline {
	margin-bottom: 15px;
}

.row-both{
	margin-left: -15px;
	margin-right: -15px;
}
.row-both:before,.row-both:after{
	display: table;
	content: " ";
}
.row-both:after{
	clear:both;
}

/* Basket styles ============================================================ */
.basket .row{
	margin-right:-15px;/*Stops gap on right via Bootstrap*/
}

#signin-out { font-family: raleway, 'Segoe UI'}
#searchInput { font-family: raleway, 'Segoe UI'; box-shadow:none; }
#searchInput:focus{border-color:none;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);border-color:#ccc}

#basket { text-decoration: none; }

#search-icon {
    background-color: white;
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
}


.cart td {
	vertical-align: middle;
}

.cart_delegate{
	white-space: nowrap;
}

.cart_delegate a{
	vertical-align: middle;
	margin-left: 10px;
}

.form-btn{
	margin-bottom:10px;
}

.form-btn a, .form-btn button{
	width:100%;
}


#invoice-warning{
	padding:10px;
	margin-bottom:10px;
	width:100%;
}
.remove-btn-sm{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #5bc0de;
    display: inline-block;
}

.it4-evaluation-thankyou-button-container{
	margin-bottom: 30px;
	text-align: center;
}
.it4-evaluation-thankyou-button{
	display: inline-block;
	padding: 6px 8px;
	background-color: transparent;
	border: 2px solid #3DE03D;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
a.it4-evaluation-thankyou-button:hover{
	color: #fff;
	text-decoration: none;
	background-color: #000;
	border-color: #449d44;
}

@media (max-width: 480px){
	.cart td:first-child, .cart th:first-child {
		display:none;
	}

	.cart td, .cart th{
		font-size: 14px;
	}

	.cart_delegate select{
		padding: 0;
		width: 40px;
	}

	.cart_delegate a{
		margin-left: 2px;
	}
}

.remove-btn-sm:hover{
	color: #fff;
	text-decoration: none;
	background-color: #31b0d5;
}

@media (max-width: 767px){
	.remove-btn{
		display:none;
	}
	.jumbotron{
		margin-bottom: 0;
	}
}

@media (min-width: 768px){
	.remove-btn-sm{
		display:none;
	}
}


/* Checkout Styles */
#register option, #register select, #attendees input {
	color: initial;
}

.payment-errors {
    display: none;
}

@media (min-width: 992px) {
	.col-md-1-5{
		width:12.5%;
	}
}

@media (min-width: 1200px) {
	.col-lg-1{
		width: 8.33333%;
	}
}


/* Rating Feedback pages ==================================================== */
.rating {
	overflow: hidden;
	display: inline-block;
}
.rating-input {
	position: absolute;
	left: -9999px;
	top: 0;
}
.rating-star {
	display: block;
	float: right;
	width: 28px;
	height: 16px;
	background: url('../images/star.png') 0 -16px;
	background-repeat: no-repeat;
}
.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
	background-position: 0 0;
}
.rating-row{
	margin-top: 2px;
	margin-bottom: 24px;
}
.rating-textarea{
	width: 320px;
	color: black;
}
.training-h1{
	margin-top: 30px;
	margin-bottom: 30px;
}

@media (max-width: 767px){
	.training-h1{
		font-size: 28px;
	}
	.rating-row{
		margin-top: 8px;
	}
	.rating-textarea{
		width: 270px;
	}
}

@media (min-width: 768px) {
	.rating-text{
		text-align:right
	}
	.rating-star {
		width: 34px;
	}
}
/* ========================================================================== */
.form_field_hilite {
	background-color:yellow;
}
.table-center {
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table-border-tb {
	border-top-style: solid;
	border-top-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

.table-lg {
	width: 90%;
}
.text-strike {
	text-decoration: line-through;
}
.table-shade {
	background-color: #DDDDDD;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.prices-table tr:nth-child(n+4) td:nth-child(2){
	text-decoration: line-through;
}
.childDates{
	padding: 10px;
	background-color: #dddddd;
	border-radius: 8px;
	margin-bottom: 20px;
}
.order-item-table{
	border
}
.order-item-table .oi-date{
	vertical-align: middle;
	font-weight: bold;
}
.order-item-table .oi-cost{
	vertical-align: middle;
	font-weight: bold;
}
.order-item-table .oi-cost-total{
	font-size:1.2em;
	font-weight: bold;
}
.order-item-table .oi-cost-grand{
	font-size:1.4em;
	font-weight: bold;
}
.oi-right{
	text-align: right;
	font-size:1.2em;
	font-weight: bold;
}

.order-item-table .oi-user{
	padding:2px 8px;
}

/* Register page styles ======================================================*/
.form-blue header {
  margin: 0 0 20px 0;
}
.form-blue header div {
  font-size: 90%;
}
.form-blue header h2 {
  margin: 0 0 5px 0;
}
.form-blue > div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}
.form-blue--label {
	width: 25%;
	float: left;
	padding-right: 10px;
}
.attendee .form-blue--label {
	width: 25%;
	float: left;
	clear: left;
	padding-right: 10px;
}

.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=url],
.form-row input[type=password],
.form-row textarea {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #ccc #eee #eee;
}

.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=url],
.form-row input[type=password] {
  width: 50%;
}

.form-row input[type=text]:focus,
.form-row input[type=email]:focus,
.form-row input[type=url]:focus,
.form-row input[type=password]:focus,
.form-row textarea:focus {
  outline: 0;
  border-color: #4697e4;
}
.radio-inline.h3-form{
	margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------*/
/*@media (max-width: 600px) {*/
@media (max-width: 767px) {
	.form-blue > div {
		margin: 0 0 15px 0;
	}
	.form-blue--label {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	.form-row input[type=text],
	.form-row input[type=email],
	.form-row input[type=url],
	.form-row input[type=password],
	.form-row textarea,
	.form-row select {
		width: 100%;
	}
	.form-row label.h3-form{
		margin-top: 10px;
	}

	#registerForm #address2{
		margin-top: 6px;
	}

}

/* ---------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.form-blue > div > label {
	text-align: right;
	}
}

.form-row{
	margin-left: 0;
	overflow: auto;
}

.form-row p{
	margin: 12px 0 4px;
}

.form-row:before, .form-row:after{
	display: table;
	content: " ";
}
.form-row:after{
	clear:both;
}
.form-row .col-xs-12{
	padding-left: 0;
	padding-right: 0;
}

.stripe-logo {
	float:right;
	margin: 10px 0;
}

.card-logos {
	margin-top: 10px;
	display: inline-block;
}

.ssl-logo {
	float:right;
}

#payment-section .row{
	margin-right: -15px;
}

.it4-payment-form-container{
	background-color: #000;
	padding: 20px 30px;
	margin-bottom: 100px;
}

@media screen and (max-width: 767px) {

	.clear-ssl-logo{
		clear:right;
	}
}

/* New search styles ======================================================== */
.column-row:before, .search-block:before{
	display: table;
	content: " ";
}
.column-row:after, .search-block:after{
	display: table;
	content: " ";
	clear: both;
}
.column {
	float: left;
	width: 50%;
	/*padding: 8px 2em;*/
	position: relative;
}
.column p {
	font-weight: 300;
	font-size: 2em;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}
.column a {
	display: inline-block;
}
.column .form-inline{
	margin-top: 26px;
	margin-right: 15px;
}
.column #searchForm.form-inline{
	margin-top: 46px;
	margin-right: 15px;
}

/* ----------------------------------------- */
.search-block{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap-reverse;
	align-items: center;
}
.search-icons, .search-input{
	flex: 0 0 auto;
	padding: 2px 12px;
}

.search-icons{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.search-icons a{
	order:2;
	align-self: center;
	padding-left: 12px;
}
.search-icons > span{
	order:1;
}
.search-icons .fa-user{
	font-size: 24px;
}

.search-icons > span > a{
	border: 1px solid #60BBFF;
	height: 46px;
	padding: 12px;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
}

.search-icons > span > a:hover {
	background: #6b90da;
	color: #fff;
	text-decoration: none;
	border: 1px solid white;
}

.dropdownUserMenuButton {
	color: #337ab7;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
	text-align: left;
	border: 1px solid #60BBFF;
	height: 46px;
}


.dropdownUserMenuButton:hover,
.dropdownUserMenuButton:focus,
.dropdownUserMenuButton:active,
.dropdownUserMenuButton[aria-expanded='true'] {
	color: #337ab7 !important;
	outline: none !important;
}
.dropdownUserMenuButton:hover {
	/*text-decoration: underline;*/
	/*background-color: #e5f3ff;*/
	background-color: #f5f5f5;
	/*border-radius: 10px;*/
}
.dropdownUserMenu {
	width:97%;
	font-family: raleway, "Segoe UI", "Trebuchet MS";
}
.dropdownUserMenuWrap{
	display: inline-block;
}
.dropdownUserMenuWrap:hover .dropdownUserMenu {
	display: block;
}
.dropdownUserMenuWrap:hover ul.dropdown-menu {
	margin-top: 0px !important;
}

@media screen and (max-width: 991px) {
	.column .form-inline{
		margin-top: 20px;
		margin-right: 0
	}
	.dropdownUserMenuButton{
		height: 34px;
	}
	.search-icons .fa-user{
		font-size: 19px;
	}
}
@media screen and (max-width: 767px) {
	.search-block{
		flex-direction: column-reverse;
		align-items: center;
	}
	.column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 1em;
	}
	.column p {
		text-align: left;
		font-size: 1.5em;
	}
	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
	.column .form-inline{
		margin-top: 0;
		margin-bottom: 0;
	}
	.column .form-inline{
		margin-top: 0;
		margin-bottom: 0;
	}
	.column #searchForm.form-inline{
		margin-top: 0;
		margin-bottom: 0;
	}
	.search-input, .search-icons{
		width:100%;
	}
	.search-block{
		width:80%;
		margin:0 auto;
	}
}

.sb-search {
	position: relative;
	margin-top: 4px;
	width: 0%;
	min-width: 51px;
	height: 51px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

@media screen and (min-width: 1028px) {
	.sb-search {
		margin-top: 10px;
	}
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 51px;
	margin: 0;
	z-index: 10;
	padding: 2px 65px 2px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #6B90DA;
	box-shadow: 0 0 3px 2px #ddd inset;
	max-width: 500px;
}

.sb-search-input::-webkit-input-placeholder {
	color: #7d9ddd;
}

.sb-search-input:-moz-placeholder {
	color: #7d9ddd;
}

.sb-search-input::-moz-placeholder {
	color: #7d9ddd;
}

.sb-search-input:-ms-input-placeholder {
	color: #7d9ddd;
}

.sb-icon-search,
.sb-search-submit  {
	width: 57px;
	height: 51px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	color: transparent;
	border: none;
	outline: none;
	z-index: 90;
	box-shadow: -2px 0 3px 0 #ddd;
	background-image: url(../images/search-icon-sm.png);
	background-repeat: no-repeat;
	background-position: center;
}

.sb-icon-search {
	z-index: 90;
	speak: none;
	background-image: url(../images/search-icon-sm.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #da6d0d;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.valid-mark, .invalid-mark { margin-top:4px }
.valid-mark { color: #2DDD5C;}
.invalid-mark { color: #ff0000;}
.navbar-default .navbar-toggle .icon-bar { background-color : white;}
.navbar { border: none; border-radius: 0; }


/* User Area ================================================================ */
#user-section .row{
	margin-right: -15px;
}

/* -------------------------------------------------------------------------- */
/* Generic Styling */
table.table-collapsible {
	width: 100%;
}

.table-collapsible tr:nth-of-type(odd) {
	background: #eee;
}

.table-collapsible th {
	background: #fff;
	font-weight: bold;
}
.table-collapsible td,
.table-collapsible th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
}

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

.attendee-table td{
	padding: 5px 8px 5px;
	border-color: #aaa;
}

.table-collapsible .details-Dlgts{
	background-color: #ccc;
}
/* delegates in userViewOrder */
.table-collapsible td .attendee-table tr:nth-of-type(even) {
	background: #ddd;
}

/* -------------------------------------------------------------------------- */
.table-collapsible .buttons_cell{
	padding-top: 0;
}
.table-collapsible .buttons_cell .btn-sm,
.table-collapsible .buttons_cell .btn{
	margin-top: 6px;
}

.payselected-btn{
	display: none;
}

#user-invoice .row-collapsible-1{
	border-top: 2px solid #FFF;
	margin: 6px 0 0;
	background-color: #000;
}

/* ========================================================================== */
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

/*@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {*/
@media (max-width: 767px) {

	/* Force table to not be like tables anymore */
	table.table-collapsible,
	.table-collapsible thead,
	.table-collapsible tbody,
	.table-collapsible th,
	.table-collapsible td,
	.table-collapsible tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.table-collapsible thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-collapsible tr {
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #aaa;
	}

	.table-collapsible tr:first-child{
		border-top-width: 1px;
	}

	.table-collapsible td {
		border: none;
		border-top: 1px solid #ccc;
		position: relative;
		padding-left: 50%;
		min-height: 32px;
	}

	.table-collapsible td:first-child,
	#user-invoice .row-collapsible-2 td:nth-of-type(2) {
		border-top-width: 0;
	}

	.table-collapsible td.buttons_cell{
		padding-left: 6px;
	}

	.table-collapsible td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/* Label data for User Order ---------------------------------------------*/
	#user-order.table-collapsible td:nth-of-type(1):before { content: "ID"; }
	#user-order.table-collapsible td:nth-of-type(2):before { content: "Name"; }
	#user-order.table-collapsible td:nth-of-type(3):before { content: "Purchase Date"; }
	#user-order.table-collapsible td:nth-of-type(4):before { content: "Subtotal"; }
	#user-order.table-collapsible td:nth-of-type(5):before { content: "Additional Items"; }
	#user-order.table-collapsible td:nth-of-type(6):before { content: "VAT"; }
	#user-order.table-collapsible td:nth-of-type(7):before { content: "Total"; }
	#user-order.table-collapsible td:nth-of-type(8):before { content: "Outstanding"; }

	/* Label data for User Course --------------------------------------------*/
	#user-course.table-collapsible td:nth-of-type(1):before { content: "Date"; }
	#user-course.table-collapsible td:nth-of-type(2):before { content: "Course group"; }
	#user-course.table-collapsible td:nth-of-type(3):before { content: "Course name"; }
	#user-course.table-collapsible td:nth-of-type(4):before { content: "Download"; }
	#user-course.table-collapsible td:nth-of-type(5):before { content: "Feed back"; }

	/* Label data for Order --------------------------------------------------*/
	#order-view.table-collapsible td.details-Date:before { content: "Course Date"; }
	#order-view.table-collapsible td.details-Days:before { content: "Days"; }
	#order-view.table-collapsible td.details-Dlgts:before { content: "Delegates"; }
	#order-view.table-collapsible td.details-Price:before { content: "Price"; }

	#order-invoice.table-collapsible td:nth-of-type(1):before { content: "Invoice Number"; }
	#order-invoice.table-collapsible td:nth-of-type(2):before { content: "Date"; }
	#order-invoice.table-collapsible td:nth-of-type(3):before { content: "Subtotal"; }
	#order-invoice.table-collapsible td:nth-of-type(4):before { content: "VAT"; }
	#order-invoice.table-collapsible td:nth-of-type(5):before { content: "Total"; }
	#order-invoice.table-collapsible td:nth-of-type(6):before { content: "Status"; }


	.table-collapsible td .attendee-table td{
		padding-left: 6px;
	}

	.table-collapsible td.details-Dlgts{
		padding-top: 30px;
		padding-left: 6px;
	}

	.table-collapsible td.details-Dlgts:before{
		width: 0;
	}

	.details-Dlgts table{
		width: 100%;
	}

	/* Label data for Invoice ------------------------------------------------*/
	#user-invoice .row-collapsible-1 td:nth-of-type(1):before { content: "Order ID"; }
	#user-invoice .row-collapsible-1 td:nth-of-type(2):before { content: "NOT_NEEDED1"; }
	#user-invoice .row-collapsible-1 td:nth-of-type(3):before { content: "Outstanding"; }
	#user-invoice .row-collapsible-1 td:nth-of-type(4):before { content: "Pay"; }

	#user-invoice .row-collapsible-2 td:nth-of-type(1):before { content: "NOT_NEEDED"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(2):before { content: "Invoice Number"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(3):before { content: "Status"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(4):before { content: "Name"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(5):before { content: "Invoice Date"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(6):before { content: "Subtotal"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(7):before { content: "VAT"; }
	#user-invoice .row-collapsible-2 td:nth-of-type(8):before { content: "Total"; }

	#user-invoice .row-collapsible-1 td{
		background-color: #ccc;
		color: black;
	}

	#user-invoice .hidden-cell{
		display: none;
	}

	.payselected-btn{
		display: block;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.payselected-btn button{
		width:100%;
	}

	.table-collapsible tr.row-collapsible-2:nth-of-type(odd) {
		background-color: #fff;
	}
	.table-collapsible tr.row-collapsible-2:nth-of-type(even) {
		background-color: #eee;
	}

/* -------------------------------------------------------------------------- */
	.right-txt {
		text-align: left;
	}
	.center-txt {
		text-align: left;
	}
	.nolabel{
		margin-bottom:0;
	}
}

@media ( max-width: 480px){

	table.pay-invoices
	.pay-invoices thead,
	.pay-invoices tbody,
	.pay-invoices th,
	.pay-invoices td,
	.pay-invoices tr {
		display: block;
	}

	.pay-invoices thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#payment-table .pay-invoice-row td {
		border: none;
		border-top: 1px solid #ccc;
		position: relative;
		padding-left: 60%;
		min-height: 32px;
		font-size: 16px;
	}

	.pay-invoice-row td:before {
		position: absolute;
		top: 8px;
		left: 0;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#payment-table .pay-invoice-row td:nth-of-type(1){
		border-top-width: 3px;
		border-top-style: double;
		margin-top: 12px;
	}

	.pay-invoice-row td:nth-of-type(1):before { content: "Order ID"; }
	.pay-invoice-row td:nth-of-type(2):before { content: "Invoice Number"; }
	.pay-invoice-row td:nth-of-type(3):before { content: "Subtotal"; }
	.pay-invoice-row td:nth-of-type(4):before { content: "VAT"; }
	.pay-invoice-row td:nth-of-type(5):before { content: "Total"; }

	input[data-stripe="name"], input[data-stripe="number"] {
		width: 100%;
	}
}

.group-line {
	display: inline-block;
}

.input-group label.bold {
	font-weight: bold;
}

.color-box {
	border: 1px solid black;
	background-color: white;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
}

div.simple-color-picker {
	border: 1px solid lightgray;
    padding-left: 2px;
    padding-right: 2px;
}

div .simple-color-picker .input-group-addon {
	padding: 0;
}

div .simple-color-picker .input-group-addon i {
    width: 30px;
	height: 30px;
}

.input-group.selectpicker-drop-down .form-control{
	z-index: auto;
}

.bootstrapselectpicker {
	width: 0px;
}

.order-item:not(:first-child) {
    margin-top: 50px;
}

.mini-section {
	margin-top: 10px;
}



















/* --------------------------------------------------------------- */
/*       # ###  #   #  #####  @@@@@  #####     #   #               */
/*       #    # #   #  #   #  @      #         #   #               */
/*       # ###  #####  #####  @@@@@  #####     #####               */
/*       #      #   #  #   #      @  #             #               */
/*       #      #   #  #   #  @@@@@  #####         #               */
/* Dashboard Styles ---------------------------------------------- */
.dashboard{
	color: #FFF;
	background-color: #2A2A2A;
}
.dashboard .row{
	margin-right: -15px;
}
.dashboard h1{
	color: #FFF;
	margin-bottom: 20px;
}
.client-header{
	color: #FFFFFF;
	padding-bottom: 20px;
}

.client-header h1{
	font-weight: 600;
	text-align: center;
	font-size: 56px;
}

.client-flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -10px 50px;
}

.alert-box{
	border: 1px solid #FFFFFF;
	border-radius: 9px;
	padding: 8px 8px 8px 50px;
	position: relative;
	margin-bottom: 14px;
}
.alert-box:before {
	position: absolute;
	top: 10px;
	left: 10px;
}

.alert-box-exclamation:before {
	content: "\f071";
	font: normal normal normal 30px/1 FontAwesome;
	color: #F8CC00;
}
.alert-box-info:before {
	content: "\f129";
	height: 30px;
	width: 30px;
	background-color: #6B90DA;
	border-radius: 50%;
	font: normal normal normal 16px/1 FontAwesome;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.alert-box--text{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	color: #FFFFFF;
	font-family: raleway;
	font-weight: 100;
	font-size: 18px;
}


.flex-title{
	flex: 0 0 100%;
	margin: 40px 0 4px;
}

.flex-title h2{
	color: #FFF;
	font-weight: 300;
	font-size: 18pt;
	padding-left: 15px;
	padding-right: 15px;
}


.flex-item{
	flex: 0 0 50%;
	padding: 10px;
}

.flex-item--inner{
	border: 1px solid #ffffff;
	border-radius: 20px;
	height: 100%;
}
.flex-item--content{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 20px 12px;
	color: #FFFFFF;
	font-family: raleway;
	font-style: normal;
	font-weight: 300;
	text-align: center;
}
a.flex-item--content:hover,
a.flex-item--content:focus{
	color: #60BBFF;
	text-decoration: none
}

.flex-item--content .flex-item--text{
	font-size: 18px;
	line-height: 1.73em;
}
.flex-item--content .flex-item--subtext{
	font-size: 12px;
	line-height: 1.5em;
}
.flex-item--content .flex-item--img{
	margin: 0 auto 20px;
	align-self: center;
}

/* --------------------------------------------------------------- */
/*                                                                 */
/* Dashboard Styles Resopnsive ----------------------------------- */
@media(max-width: 767px){
	.client-header h1{
		font-size: 38px;
	}
	.flex-item--content .flex-item--text{
		font-size: 12pt;
	}
	.flex-item--content .flex-item--img{
		width: 46%;
		min-width: 80px;
	}
}
@media(max-width: 991px){
	.alert-box .btn{
		margin-top: 10px;
	}
}
@media(max-width: 991px) and (min-width: 768px){
	.dashboard .container{
		width: 100%;
	}
}
@media(max-width: 320px){
	.flex-item{
		flex-basis: 100%;
	}
}	
@media(min-width: 768px){
	.flex-item{
		flex-basis: 33.33%;
	}
}
@media(min-width: 992px){
	.flex-item{
		flex-basis: 25%;
	}
}














/* --------------------------------------------------------------- */
/*                                                                 */
/*                                                                 */
/*                                                                 */
/*                                                                 */
/* Dashboard FORM Styles ----------------------------------------- */
.it4-section{
	color: #FFF;
	background-color: #2A2A2A;
}
.it4-section .panel-group .panel {
	border-radius: 0;
}
.it4-section .panel-white {
	background-color: #000;
	margin-left: 0;
}

/*.it4-section a,*/
.it4-section .panel-white a{
	color: #FFF;
}
/*.it4-section a:hover,*/
.it4-section .h5-breadcrumb a,
.it4-section .panel-white a:hover{
	color: #60BBFF;
}



.it4-table th{
	background-color: #000;
	font-weight: 100;
	font-size: 22px;
}
.btn-sm{
	border-radius: 0;
}
.it4-invoice-po-wrapper{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.it4-input {
	width: 100%;
	height: 32px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	margin-bottom: 4px;
}

/* ------------------------------------------------- */
.dash-form, .dash-form-val{
	background-color: #000;
	border: 2px solid #FFF;
	margin-bottom: 124px;
	padding: 10px 38px 16px;
}

.dash-form legend, .dash-form-val legend{
	color: #FFF;
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
	font-size: 18pt;
	display: block;
	width: 100%;
	padding: 4px 0 12px;
	margin-bottom: 20px;
	line-height: inherit;
	border: 0;
	border-bottom: 1px solid #FFF;
}
a.it4-link-white{
	color: #FFF;
}
a.it4-link-white:hover{
	text-decoration: none;
	color: inherit;
}
.it4-form-input,
.dash-form input{
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	clear: both;
	float: right;
	width: 70%;
	margin-bottom: 12px;
}

.it4-form-label,
.dash-form label{
	color: #FFFFFF;
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
	font-size: 12pt;
	float: left;
	width: 30%;
	text-align: right;
	padding: 0.25em 1em 0 0;
	margin-bottom: 12px;
}

.dash-form-val input:not([type="radio"]) {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	width: calc(70% - 36px);
	margin-bottom: 12px;
	margin-right: 6px;
}

.dash-form-val input::-webkit-input-placeholder { font-style: italic; font-weight:600; color:#ccc; }
.dash-form-val input:-moz-placeholder { font-style: italic; font-weight:600; color:#ccc; }
.dash-form-val input::-moz-placeholder { font-style: italic; font-weight:600; color:#ccc; }
.dash-form-val input:-ms-input-placeholder { font-style: italic; font-weight:600; color:#ccc; }

.dash-form-val label{
	color: #FFFFFF;
	font-family: raleway;
	font-style: normal;
	font-weight: 100;
	font-size: 12pt;
	width: 30%;
	text-align: right;
	padding: 0.25em 1em 0 0;
	margin-bottom: 12px;
}

.dash-form-val .invalid-mark{
	width: 24px;
}

.dash-form-val input[type="radio"] {
	margin-top: 1px;
	margin-left: -24px;
}
.dash-form-btn{
	clear: both;
	float: left;
	margin: 40px 0 100px 30%;
}

@media(max-width: 767px){
	.dash-form-val{
		padding: 10px 8px 16px;
	}
}
/* ------------------------------------------------- */


.it-checkbox input[type="checkbox"] {
    opacity: 0;
}
.it-checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 42px;
    line-height: 32px;
    margin-bottom: 0;
}
.it-checkbox label::before,
.it-checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}
.it-checkbox label::before{
    height: 26px;
    width: 26px;
    background-color: #FFF;
    left: 0px;
    top: 3px;
}
.it-checkbox label::after {
	height: 8px;
	width: 17px;
	border-left: 3px solid;
	border-bottom: 3px solid;
	border-color: #15de6c;
	transform: rotate(-45deg);
	left: 5px;
	top: 9px;
}
.it-checkbox input[type="checkbox"] + label::after {
    content: none;
}
.it-checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}
.it-checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}
.it-checkbox label a{
	color: #FFF;
	text-decoration: underline;
}


.it-checkbox.checkbox-right label {
	padding-right: 42px;
	padding-left: 0;
}
.it-checkbox.checkbox-right label::before{
    right: 0px;
    left: auto;
}

.it-checkbox.checkbox-right label::after{
	right: 5px;
	left: auto;
	z-index: 10;
}

/* --------------------------------------------------------------- */
/*                                                                 */
/*                                                                 */
/* --------------------------------------------------------------- */
.it4-thankyou-button-container{
	margin-bottom: 30px;
	text-align: center;
}
.it4-thankyou-button{
	display: inline-block;
	padding: 6px 8px;
	background-color: #000;
	border: 2px solid #3DE03D;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
a.it4-thankyou-button:hover{
	color: #fff;
	text-decoration: none;
	border-color: #449d44;
}
.it4-thankyou-order-summary{
	padding: 12px;
	margin-bottom: 30px;
	background-color: #777;
	border: 1px solid white;
}
.it4-thankyou-order-summary h2{
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 600;
}
.it4-thankyou-order-summary h3{
	font-size: inherit;
	font-weight: normal;
	margin-bottom: 0;
}
.it4-order-summary-item{}
.it4-order-summary-name{}
.it4-order-summary-description{}
.it4-order-summary-date{}
.it4-order-summary-delegates{}
.it4-order-summary-delegates ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

/* --------------------------------------------------------------- */

/*                                                                 */
/*                                                                 */
/* Dashboard TABLE Styles ---------------------------------------- */
.it4-table{
	width: 100%;
	color: #FFFFFF;
	font-family: raleway;
	margin-bottom: 58px;
	background-color: #2A2A2A;
}
.it4-table th{
	padding: 6px 12px;
	border: 1px solid #FFF;
	text-align: left;
	height: 50px;
	background-color: #000;
	font-weight: 100;
	font-size: 22px;
}
.it4-table td{
	padding: 6px 12px;
	border: 1px solid #FFF;
	text-align: left;
	height: 50px;
}
.it4-th-sm th{
	font-size: 16px;
}
.it4-table .link{
	color: #60BBFF;
}

.evaluation-header-row th{
	position: relative;
	font-size: 10px;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	padding: 6px 12px 14px;
	height: auto;
	border: 1px solid #fff;
	background-color: #000;
}
.evaluation-header-row th:first-child{
	font-size: 12px;
	padding: 6px;
	text-align: left;
}
.evaluation-question-info {
	position: absolute;
	bottom: -5px;
	left: calc(50% - 5px);
	background-color: #FFF;
	height: 16px;
	width: 16px;
	border-radius: 50%
}
.evaluation-question-info:before {
	content: "\f128";
	font: normal normal normal 14px/1 FontAwesome;
	color: #000;
	left: 3.5px;
	top: 1px;
	position: absolute;
	-webkit-font-smoothing: antialiased;
}

.it4-register-delegate-or{
	position: relative;
	height: 22px;
}
.it4-register-delegate-or > span{
	position: absolute;
	width: 48px;
	left: calc(50% - 24px);
	background-color: #2a2a2a;
	font-size: 22px;
	bottom: -22px;
	text-align: center;
	font-style: italic;
}



#pay-invoices-table .your-invoice-form-td{
	padding: 8px 12px 4px;
}


















/* --------------------------------------------------------------- */
/*                                                                 */
/*                                                                 */
/*                                                                 */
/*                                                                 */
/* Dashboard TABLE Styles ---------------------------------------- */
.btn-dash-back{
	color: #FFF;
	font-weight: 400;
	border: 2px solid #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #2A2A2A;
}
.btn-dash-back:hover,
.btn-dash-back:focus{
	background-color: #000;
	color: #EEE;
	border-color: inherit;
}
.btn-dash-action{
	margin-bottom: 20px;
}
.basket-table {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.basket-table td:last-child{
	border-right: 1px solid #fff;
}
.basket-table select{
	color: #000;
}
.basket-table a{
	color: #fff;
}
.basket-table-row-num{
	width: 30px;
	display: inline-block;
}
@media(min-width: 768px){
	.basket-table th:first-child{
		padding-left: 42px;
	}
}
@media(max-width: 767px){
	.basket-table th{
		font-size: 16px;
	}
	.basket-table-row-num{
		width:16px;
	}
}
@media(max-width: 480px){
	.basket-table th{
		height: 30px;
	}
	.basket-table th,.basket-table td{
		font-size: 12px;
		padding: 4px;
		font-weight: 600;
	}
}


.dash-table-date{
	width: 110px;
}

.thead-tr-replace {
	color:white;
	background-color: #2A2A2A;
}

.no-attendance {
	background-color: red;
}

{
	content: "\f071";
	height: 30px;
	width: 30px;
	font: normal normal normal 16px/1 FontAwesome;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.no-attendance .td-alert:after {
	content: "\f071";
	font: normal normal normal 28px/1 FontAwesome;
	color: #fe0;
	position: absolute;
	right: 28px;
}
.btn-dash-has-info{
	position: relative;
	display: block;
	width: 100%;
}
.btn-dash-has-info span{
	position: absolute;
	top: -5px;
	right: -8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #F00;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
	font-weight: lighter;
	text-align: center;
}


.it4-table-collapsible .it4-attendee-table{
	padding: 6px;
}
/* ==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~==~== */


#user-invoice.it4-table-collapsible .invoice-tr{
	border-top: 4px solid white;
}



/* ========================================================================== */
.freecourse-notice{
	font-size: 20px;
	text-align: center;
	margin: 12px 0 16px;
}
.freecourse-pointlist li{
	font-size: 24px;
	padding: 12px 0;
	font-weight: lighter;
}
.btn-bookfree{
	color: black;
	width: 14em;
	margin: 12px auto;
	display: block;
	padding: 3px 12px;
}


/* ========================================================================== */
@media (max-width: 767px) {

	table.it4-table-collapsible,
	.it4-table-collapsible thead,
	.it4-table-collapsible tbody,
	.it4-table-collapsible th,
	.it4-table-collapsible td,
	.it4-table-collapsible tr{
		display: block;
	}
	.it4-table-collapsible th,
	.it4-table-collapsible td{
		height: auto;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.it4-table-collapsible .thead-tr{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.it4-table-collapsible td{
		border: none;
	}
	.it4-table-collapsible th{
		border-width: 1px 0;
	}
	.it4-table .btn-block {
		white-space: normal;
	}

	.it4-table td.full-width{
		padding: 6px;
	}

	td.full-width br{content:' ';}
	td.full-width br:after{content:' ';}

	.thead-tr-replace{
		border-bottom: 3px solid #EEE;
	}
	.it4-table-collapsible .thead-tr-replace > td:not(.full-width) {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding-left: 130px;
		min-height: 50px;
		overflow-wrap: break-word;
		word-break: break-word;
	}
	#pay-invoices-table .your-invoice-form-td{
		padding-left: 130px;
	}


	/* ------------------------------------------------------------ */
	.it4-table-collapsible tr{
		border-right: 1px solid #FFF;
		border-left: 1px solid #FFF;
	}
	.it4-table-collapsible td:first-child{
		border-top-width: 0;
	}
	.it4-table-collapsible > tbody > tr > td {
		border-bottom: 1px solid #fff;
	}
	.it4-table-collapsible > tbody > tr > td:last-child {
		border-bottom-width: 0;
	}
	.it4-table-collapsible > tbody > tr > td:after {
		content: " ";
		clear: both;
		display: table;
	}
	.it4-table-collapsible .it4-attendee-table table{
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #fff;
	}
	.it4-table-collapsible .it4-attendee-table table tr{
		border-top: 1px solid #fff;
	}
	.it4-table-collapsible .it4-attendee-table table tr:nth-of-type(even){
		background-color: #000;
	}
	#user-invoice .row-collapsible-2 td:nth-of-type(2) {
		border-top-width: 0;
	}
	.it4-table-collapsible .thead-tr-replace td:not(.full-width):before
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 120px;
		padding-right: 10px;
		white-space: nowrap;
		background-color: black;
		height: 100%;
		line-height: 50px;
		border-right: 1px solid #fff;
		padding-left: 8px;
	}
	.thead-tr-replace{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-bottom: 30px;
	}
	.thead-tr-replace.no-attendance td:before{
		background-color: red;
	}
	.no-attendance .td-alert:after {
		right: 12px;
		top: 12px;
	}


	/* Label data for User Course --------------------------------------------*/
	#user-course.it4-table-collapsible td:nth-of-type(1):before { content: "Course Date"; }
	#user-course.it4-table-collapsible td:nth-of-type(2):before { content: "Course Name"; }

	#user-course.certificates td:nth-of-type(3),
	#user-course.trainingpacks td:nth-of-type(3),
	#user-course.evaluations td:nth-of-type(3) { height: 44px; }

	#user-course.certificates td:nth-of-type(3) span,
	#user-course.trainingpacks td:nth-of-type(3) span,
	#user-course.evaluations td:nth-of-type(3) span { line-height: 32px;}

	#user-course.viewcourses td:nth-of-type(3):before,
	#user-course.resendjoining td:nth-of-type(3):before { content: "Booked by"; }
	#user-course.viewcourses td:nth-of-type(4):before,
	#user-course.resendjoining td:nth-of-type(4):before { content: "Location"; }


	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(1):before { content: "Order ID"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(2):before { content: "Invoice Number"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(3):before { content: "Status"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(4):before { content: "Course Name"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(5):before { content: "Invoice Date"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(6):before { content: "Subtotal"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(7):before { content: "VAT"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(8):before { content: "Total"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(9):before { content: "Outstanding"; }
	#user-invoice.it4-table-collapsible .thead-tr-replace td:nth-of-type(10):before { content: "Pay selected"; }

	#user-invoice.it4-table-collapsible .invoice-tr{
		margin-top: 16px;
		border-top-width: 2px;
	}
	#user-invoice.it4-table-collapsible .invoice-tr td:first-child{
		background-color: #000;
	}

	#organisation-delegates .thead-tr-replace td:nth-of-type(1):before { content: "Name"; }
	#organisation-delegates .thead-tr-replace td:nth-of-type(2):before { content: "Username"; }


	#attendance-list.it4-table-collapsible .thead-tr-replace td:nth-of-type(1):before { content: "Delegate"; }
	#attendance-list.it4-table-collapsible .thead-tr-replace td:nth-of-type(2):before { content: "Username"; }
	#attendance-list.it4-table-collapsible .thead-tr-replace td:nth-of-type(3):before { content: "Attendance"; }

	#edit-delegate-multi.it4-table-collapsible .thead-tr-replace td:nth-of-type(1):before { content: "Current Delegate"; width: 150px;}
	#edit-delegate-multi.it4-table-collapsible .thead-tr-replace td:nth-of-type(1) { padding-left: 160px;}


	#pay-invoices-table.it4-table-collapsible td:nth-of-type(1):before { content: "Invoice number"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(2):before { content: "Date"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(3):before { content: "Subtotal"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(4):before { content: "VAT"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(5):before { content: "Total"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(6):before { content: "Status"; }
	#pay-invoices-table.it4-table-collapsible td:nth-of-type(7):before { content: "Add or Edit PO"; }

	.edit-delegates.it4-table-collapsible .thead-tr-replace td:nth-of-type(1):before { content: "Name"; }
	.edit-delegates.it4-table-collapsible .thead-tr-replace td:nth-of-type(2):before { content: "Username"; }

	.order-view.it4-table-collapsible .thead-tr-replace > td:nth-of-type(1):before { content: "Course Date"; }
	.order-view.it4-table-collapsible .thead-tr-replace > td:nth-of-type(2):before { content: "Usernames"; }

	#course-orders-list.it4-table-collapsible td:nth-of-type(1):before { content: "ID"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(2):before { content: "Name"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(3):before { content: "Purchase Date"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(4):before { content: "Subtotal"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(5):before { content: "Additional items"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(6):before { content: "VAT"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(7):before { content: "Total"; }
	#course-orders-list.it4-table-collapsible td:nth-of-type(8):before { content: "Outstanding"; }

	#client-attendance-lists.it4-table-collapsible td:nth-of-type(1):before { content: "Order Id"; }
	#client-attendance-lists.it4-table-collapsible td:nth-of-type(2):before { content: "Course Date"; }
	#client-attendance-lists.it4-table-collapsible td:nth-of-type(3):before { content: "Course Name"; }

	.it4-course-table.it4-table-collapsible td:nth-of-type(1):before { content: "Order Id"; }
	.it4-course-table.it4-table-collapsible td:nth-of-type(2):before { content: "Course Date"; }
	.it4-course-table.it4-table-collapsible td:nth-of-type(3):before { content: "Course Name"; }

	#download-training-packs.it4-table-collapsible td:nth-of-type(1):before { content: "Course Date"; }
	#download-training-packs.it4-table-collapsible td:nth-of-type(2):before { content: "Course Name"; }

	#user-courses-delegates.it4-table-collapsible td:nth-of-type(1):before { content: "Course Date"; }
	#user-courses-delegates.it4-table-collapsible td:nth-of-type(2):before { content: "Course Name"; }

	#courses-evaluation-list.it4-table-collapsible td:nth-of-type(1):before { content: "Course Date" }
	#courses-evaluation-list.it4-table-collapsible td:nth-of-type(2):before { content: "Course Name"; }

	#free-places-course-list.it4-table-collapsible td:nth-of-type(1):before { content: "Course Name" }
	#free-places-course-list.it4-table-collapsible td:nth-of-type(2):before { content: "Course Location"; }
	#free-places-course-list.it4-table-collapsible td:nth-of-type(3):before { content: "Course Info"; }
}
/* End of media() queries ---------------------------------------- */
/* --------------------------------------------------------------- */





















/* --------------------------------------------------------------- */
/*                                                                 */
/* Collapsable table over rides ---------------------------------- */
#pay-invoices-table td{
	vertical-align: top;
}
.it4-table .it4-title-btn-th{
	position: relative;
	padding-right: 145px;
}
.it4-pos-btn{
	position: absolute;
	right: 8px;
	top: 8px;
	background-color: #60bbff;
	color: #FFF;
}



@media (max-width: 767px) {
	#edit-delegates .buttons_cell{
		float: left;
		width: 33.33333%;
		border: 0;
		padding: 6px;
	}

	.it4-tr-clear-float:after{
		content: "";
		display: block;
		clear: both;
	}

	.it4-title-overlaid{
		padding-right: 160px;
		font-size: 26px;
		line-height: 32px;
	}

	.it4-table .it4-title-btn-th{
		padding-right: 12px;
	}
	.it4-pos-btn{
		right: 0;
		top: -46px;
	}
}

#freecourse-summary{
	margin:28px 0 30px;
}
.freecourse-view{
	min-height: 190px;
	border: 1px solid #fff;
	padding: 8px;
}
#freecourse-summary button{
	margin-top: 25px;
}

.freecourse-view-label{
	font-weight: bold;
	font-size: 16px;
}
.freecourse-view-text{
	min-height: 30px;
}