/*/////////////////////////////////////////////////////////////////////
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 // #0d7bba
 /////////////////////////////////////////////////////////////////////*/

.blue {color:#0a5f92;}
.red  {color:red;}

h1 {font-size:2em;font-weight:bold;}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(142, 93, 127, 0), rgba(142, 93, 127, 0.75), rgba(0, 0, 0, 0));
	margin:20px 0 10px 0;
}

.info-box p.bullet{display:inline;}
.info-box div.bullettext {padding-left:40px;padding-top:0;display:inline;}
.info-box div.bullettext span {padding-left:10px;}
.info-box div.bullettext:before {content: url('../Cargo-Training-International-icon.png');}
	
.hiddenfields {
	display:block;
}

.msg {color:red;text-align:center;background:#e1e11e;width:100%;padding:2px;margin-bottom:2px;}
.msg2 {text-align:center;width:100%;padding:2px;}

.fa {font-size:150% !important;margin:5px;}

body {font-size:1.4em;}

a {
  color: #0d7bba;
}
a:hover {
  color: #0d7bba;
}
.btn-more {
  color: #0d7bba;
}
.btn-more:hover {
  background: #0d7bba;
}
.btn-more i,
.btn-more [class*=" icon-"] {
  background: #0a5f92;
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #0d7bba 0%, #0a5f92 100%);
  background-image: -o-linear-gradient(top, #0d7bba 0%, #0a5f92 100%);
  background-image: linear-gradient(to bottom, #0d7bba 0%, #0a5f92 100%);
  background-color: #009bbd;
  background-image: -moz-linear-gradient(top, #0d7bba, #0a5f92);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d7bba), to(#0a5f92));
  background-image: -webkit-linear-gradient(top, #0d7bba, #0a5f92);
  background-image: -o-linear-gradient(top, #0d7bba, #0a5f92);
  background-image: linear-gradient(to bottom, #0d7bba, #0a5f92);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a8cc', endColorstr='#ff0188a6', GradientType=0);
  border-color: #0a5f92 #0a5f92 #014a5a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0a5f92;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
  color: #ffffff;
  background-color: #0a5f92;
  border-color: #0a5f92;
}
a.btn-hh-trigger {
  background: #0d7bba;
}
#background-wrapper {
  border-bottom-color: #0d7bba;
}
.header-hidden {
  background: #0d7bba;
}
.header .navbar-brand {
  /* replace logo colour */
  background: url("../img/logo-blue.png") left top no-repeat;
}
.social-media a {
  color: #0d7bba;
}
.social-media a i {
  border-color: #0d7bba;
}
.social-media a:hover {
  background: #0d7bba;
  color: #ffffff;
}
.social-media a:hover i {
  border-color: #ffffff;
}
.navbar-default .navbar-nav .caret {
  color: #0d7bba;
}
.navbar-default .navbar-nav li > a:not(.btn):hover,
.navbar-default .navbar-nav li.icon-link a:hover {
  color: #0d7bba;
}
.navbar-default .navbar-nav li.open a:hover,
.navbar-default .navbar-nav li.open a:focus,
.navbar-default .navbar-nav li.open a.dropdown-toggle,
.navbar-default .navbar-nav li.active a.top-level,
.navbar-default .navbar-nav li.active a:hover {
  background: #0d7bba;
}
.navbar-default .navbar-nav .dropdown-menu {
  border-top-color: #0d7bba;
}
.navbar-default .navbar-nav .dropdown-menu li a:not(.btn):before {
  color: #0d7bba;
}
.owl-carousel .owl-controls .owl-pagination .owl-page span {
  border-color: #0d7bba;
}
.item-carousel.owl-carousel .owl-controls .owl-buttons div,
.owl-carousel .owl-controls .owl-pagination .owl-page.active span {
  background: #0d7bba;
}
.block .block-title:after,
.block-contained .block-title:after,
.block-highlight .block-title:after {
  background: #0d7bba;
}
.block.block-bg-primary,
.block.block-bg-primary:after {
  background-color: #0d7bba;
}
.block.block-border-bottom,
.block-highlight {
  border-bottom-color: #0d7bba;
}
ul.list-dotted li:before,
.panel-pricing .panel-pricing-popular {
  color: #0d7bba;
}
.stat {
  border-color: #0d7bba;
}
.date-wrapper .date-m {
  background: #0d7bba;
}
ul.nav-stacked li a,
.tabbable > ul.nav-tabs li a,
ul.nav-tabs li a {
  color: #0d7bba;
}
#footer a:not(.btn) {
  color: #0d7bba;
}
.text-primary {
  color: #0d7bba;
}
.bg-primary {
  background: #0d7bba;
}


/*
CTI
*/

.navbar-brand {
  padding: 0;
  margin: 0;
  display: block;
  text-shadow: none;
  line-height: 1;
  background: url(../img/Cargo-Training-International-logo-small.png) left top no-repeat !important;
  height: 60px;
  width: 60px;
}
.navbar-slogan {
  width:400px;
  font-size: 1.7em !important;
  line-height: 1.9em;
  padding-left: 20px;
  margin-left: 20px;
  display: block;
}
@media (max-width: 768px) {
  .navbar-slogan {
	font-size: 1.5em !important;
	line-height: 3em;
  }
}
@media (max-width: 540px) {
  .navbar-slogan {
	display:none;
  }
}

.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer  a:not(.btn) {
	display:inline-block;
	text-decoration:none;
	background: inherit;
	padding:0;
	margin:0;
	color:inherit;
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer  a:not(.btn):before {
  content:none;
  font-size:inherit;
  color: #ff5821;
  margin: 0;
  padding: 0;
}

.navbar-default .navbar-nav .dropdown-menu li a:not(.btn) {
  margin: 0;
  padding: 4px;
  height: auto;
  line-height: 1.1;
  font-size: 13.5px;
  border: none;
  text-transform: none;
  position: relative;
  color: #343331;
  display: block;
}

.navbar-default .navbar-nav .dropdown-menu.dropdown-menu-mm {
	width:auto !important;
	max-width:100% !important;
	padding:0 10px;
}

.navbar-default .navbar-nav .dropdown-menu.dropdown-menu-mm .col-md-4.spacing {
	padding:15px;
}


.navbar-default .navbar-nav .dropdown-menu.dropdown-menu-mm li a{
	font-weight:normal;
	font-size:12px;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}
	
#background-wrapper {
  background-color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 0;
  border-bottom: 2px solid #0d7bba;
}

.dropdown-header img {
	display:inline-block;
	margin-top:-2px;
}

.cargo {
//  background-image: url(../img/backgrounds/cargo-training.jpg);
	background-image: url(../img/black-ghost-background-with-labels.png);
	background-size: cover;
}

.text-white {
	color:#fff;
}

.navbar-default {
	margin-bottom:0;
}

.text-primary {
  color: #0d7bba;
  font-weight:bold;
}

.item-slider .item .item-caption-right .item-inner {
margin-right:50px !important;
}
.item-slider .item .item-caption-left .item-inner {
margin-left:50px !important;
}

@media (min-width: 960px) {
  .item-slider {
    height: 380px;
  }
}

@media (min-width: 769px) and (max-width:959px) {
  .item-slider {
    height: 580px;
  }
}

@media (max-width: 768px) {
	.item-slider {
		height: auto;
		padding-bottom:50px;
	}
	.item-slider .item .item-caption-right .item-inner {
	margin-right:0px !important;
	}
	.item-slider .item .item-caption-left .item-inner {
	margin-left:0px !important;
	}
	.owl-carousel .owl-controls .owl-buttons div {
	display:none;
	}
}



.img-rotate {
	transform: rotate(-8deg);
	box-shadow: 5px 5px 5px #000;
}

.box-content a {
	display:inline-block;
	text-align:center;
	font-size:0.9em !important;

}
.box-content a.x25 {
	width:23%;
}
.box-content a.x33 {
	width:30%;
}
.box-content a.x50 {
	width:48%;
}
.box-content a.x100 {
	width:98%;
}

a .circle-icon  {
	font-size:0.9em !important;
	background:#fff;
	border:1px solid #fff;
	color:#0d7bba;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
	padding:3px;
}
a .circle-icon:hover {
	background:#0d7bba;
	border:1px solid #0d7bba;
	color:#fff;
}

@media (max-width: 1024px) {
	.box-content a {
		font-size:0.9em !important;
	}
}
@media (max-width: 768px) {
	.box-content a {
		font-size:0.9em !important;
	}
}

/* used in Cargo-Training-Courses.php */
.virtualmarker {font-size:0.8em;color:#808080;}

/* Course Dates Table */
table.coursedates {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size:1em;
}

table.coursedates caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.coursedates tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .3em;
}
table.coursedates tr:nth-child(even) {background: #eeeeee;}
table.coursedates tr:nth-child(odd) {background: #f8f8f8;}


table.coursedates th,
table.coursedates td {
	padding: .1em;
	text-align: center;
	border:1px solid #e1e1e1;
}
table.coursedates td.location {
	padding:.1em;
	font-size:.85em;
}
table.coursedates td.dates {
   white-space: nowrap !important;
}

table.coursedates th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
table.coursedates a {
	font-weight:bold;
}

@media screen and (max-width: 1024px) {
  table.coursedates {
    border: 0;
	margin:0 auto;
	width:320px;
  }

  table.coursedates caption {
    font-size: 1.3em;
  }
  
  table.coursedates thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  

  table.coursedates tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.coursedates td {
    border-bottom: 1px solid #ddd;
	border-right:none;
    display: block;
    font-size: .9em;
    text-align: right;
	width:100%;
  }
  table.coursedates td.location {
	font-size:1em;
	width:auto;
	font-weight:bold;
  }

  
  table.coursedates td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.coursedates td:last-child {
    border-bottom: 0;
  }

}



/* Delegates Table */
table.delegates {
  border-collapse: collapse;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size:1.2em;
 }

table.delegates.login {
  width: auto;
  margin:0 auto;
}

table.delegates caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.delegates tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .25em;
}
table.delegates.allcourses tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0 !important;
  font-size:0.8em;
}

table.delegates tr.editme {
  background-color: #96d35f;
}
table.delegates tr.error {
  background-color: #ff6d4b;
  color:#fff;
}
table.delegates tr.error a {
  color:#fff;
}

table.delegates tr.header {
	color:#31708f;
	background-color: #c4e3f2;
}
table.delegates tr.header a{
	color:#31708f;
	text-decoration:underline;
}

table.delegates th,
table.delegates td {
  padding: .625em;
  text-align: center;
  border: 1px solid #ccc;
}
table.delegates td {
  padding: .625em;
  text-align: left;
}
table.delegates td.options {
  text-align: center;
}
table.delegates td.text-center {
  text-align: center;
}

table.delegates th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
table.delegates th.maincol {
	width:60%;
}
table.delegates th.datecol {
	width:30%;
}
table.delegates th.optionscol {
	width:10%;
}

.missinginfo {border:2px solid #FF0000;padding:5px;}
.missinginfo a {color:#FF0000;}
.missinginfo a:active,.missinginfo a:active,.missinginfo a:visited {border:none;}
.missinginfo a:focus {border:none;outline:0;box-shadow: none;text-decoration:underline;font-weight:bold;}


@media screen and (max-width: 600px) {
  table.delegates {
    border: 0;
  }

  table.delegates caption {
    font-size: 1.3em;
  }
  
  table.delegates thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.delegates tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.delegates td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .9em;
    text-align: right;
  }
  
  table.delegates td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.delegates td:last-child {
    border-bottom: 0;
  }
}






/* General Table */
table.general {
  border-collapse: collapse;
  margin: 20px auto 20px auto;
  padding: 0;
  width: auto;
  table-layout: fixed;
  font-size:1em;
 }

table.general.login {
  width: auto;
  margin:0 auto;
}

table.general caption {
  font-size: 1.2em;
  margin: .5em 0 .75em;
}

table.general tr {
  background-color: #c9e9fb;
  border: 1px solid #0a5f92;
  padding: .25em;
}

table.general th,
table.general td {
  padding: .625em;
  text-align: center;
  border: 1px solid #0a5f92
}
table.general td {
  padding: .625em;
  text-align: left;
}

table.general td.text-center {
  text-align: center;
}

table.general th {
  font-size: .85em;
  letter-spacing: .1em;
  padding: 1.2em .625em .625em .625em;
  text-transform: uppercase;
  text-align: center;

}


@media screen and (max-width: 600px) {
  table.general {
    border: 0;
	 font-size:0.8em;
   }

  table.general caption {
    font-size: 1.3em;
  }
  
/*
  table.general thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.general tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.general td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .9em;
    text-align: right;
  }
  
  table.general td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.general td:last-child {
    border-bottom: 0;
  }
*/
}


/* Book a Place */

.delegate_box {margin:10px 0 10px 0;border:1px dashed #c0c0c0;}
.delegate_box .form-group {padding:0 0 40px 0;}
.delegate_box .form-group:last-child {padding:0 0 80px 0;}
.delegate_box .control-label {text-align:right;}
.delegate_box .inputfield {margin-bottom:10px;}
.delegate_box h3 {text-align:center;padding-bottom:10px;}

#add-more {display:block;text-align:center;margin:0 auto;}
.submit {display:block;text-align:center;margin:20px auto 20px auto;}
.remove-me {display:block;margin:0 auto;text-align:center;color:#c0c0c0;text-decoration:none;cursor:pointer;}

.courseinfo div {margin:10px 0 10px 0;}



/* Print Layout */

@media print {
	a[href]:after {
		content: none !important;
	}
	.noprint,
	.empty,
	table .delegates td:last-child {display:none},
	a.btn {display:none !important;visibility:hidden !important;}
		
	h1,header {margin:0;padding:0;}
}