/* Fonts */
@font-face {
   font-family: HolidayExtrasSans;
   src: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Regular.eot);
   src: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Regular.eot?#iefix) format(‘embedded-opentype’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Regular.woff2) format(‘woff2’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Regular.woff) format(‘woff’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Regular.ttf) format(‘truetype’);
   font-weight: 400;
   font-display:auto;font-style: normal
}

@font-face {
   font-family: HolidayExtrasSans;
   src: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Bold.eot);
   src: url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Bold.eot?#iefix) format(‘embedded-opentype’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Bold.woff2) format(‘woff2’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Bold.woff) format(‘woff’),url(https://d17s4kc6349e5h.cloudfront.net/holidayextras/assets/fonts/HolidayExtrasSans-Bold.ttf) format(‘truetype’);
   font-weight: 700;
   font-display:auto;font-style: normal
}

body {
  background: #CCEAFF url('//d17s4kc6349e5h.cloudfront.net/holidayextras/assets/images/bg/bg-airport-trans-10.jpg') !important;
  background-position: top center;
  background-repeat: repeat;
  background-size: 50% !important;
  background-color: #ffffff !important;
  margin-top: 70px !important;
}

/* Page Layout */
.mainContentContainer { padding: 0 30px 30px 30px; }
#sitemap-table td { display: block !important; }
.contentMinHeight { min-height: 600px; }
#editProfile:hover { cursor: pointer; }
.newItemContent { padding: 10px; }
html body #msgBox { background: none !important; margin-bottom: 20px; }
.agent-tools-menu { margin-top: 5px; }
.agent-tools-menu ul { min-width: 250px }
.agent-tools-menu .dropdown-toggle {
  width: auto !important;
  padding: 1px 10px !important;
  font-weight: normal;
}
.agent-tools-menu .dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .3em;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}

h1.agentMainTitle { line-height: 135%; font-size: 30px; font-family: 'HolidayExtrasSans-Light' ,"Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; font-weight: 400 !important; margin-bottom: 40px; }
h1.agentMainTitle.loginPage { line-height: 0.7em !important; }

/* Form Layout */
#agent-login-form { padding: 0px 50px; }
.inputInfo { padding: 5px 0 0 10px; }
#loginButton,
#bookmarkButton{ min-width: 120px; }
#backToHomepage { min-width: 250px !important; margin-top: 10px; font-size: 18px; text-align: left; text-shadow: 0 0 1px #000; color: #fff; font-weight: normal; text-decoration: underline; display: none; }
form label input[type="checkbox"] { margin: 0px; height: 22px; }
h3.hxEmbed { display: none !important; }
html body form.hxEmbed { background-color: #ffffff; }
html body form.hxEmbed .options input { border: 1px solid #999 !important; }
html body form.hxEmbed .hasDatepicker { width: 100% !important; }
html body form.hxEmbed { width: 100% !important; }
html body form.hxEmbed .options { min-height: 100%; }
html body form.hxEmbed .allProducts ul { background-color: #edf4f9 }
input[type="radio"] { height: 14px; margin-right: 5px; }
form legend { display: none; }
form.hxClass fieldset > div,
form.bookingLookup fieldset > div { margin-bottom: 10px; }
form.hxClass label { width: 30%; }
form.hxClass input { width: 65%; }
form.hxClass input[type="radio"],
form.bookingLookup input[type="radio"] { width: auto !important; }
form .bookingLookup.product label { height: 38px; line-height: 38px; }
form.hxClass .submit input,
form.hxClass button.submit,
input.submit,
form.bookingLookup .lookupSubmitButton { margin-top: 10px; width: 154px !important; color: #fff; background-color: #9933cc; border-color: #8a2eb8; }
#bookingLookupinputs fieldset { margin-top: 20px !important; }
input[type=checkbox].FSA_MMNameConfirm { height: 13px; }

#railengine, #careHireEngine { padding: 10px 0px !important; }

/* Insurance */
div.insEngine ul { list-style: none !important; }
html body .insEngine form.hxEmbed .hasDatepicker { width: auto !important; }

/* Media Queries */
@media only screen and ( max-width: 768px ) {
  .mainContentContainer { padding: 30px; }
  #agent-login-form { padding: 0px 20px; }
}

/* IE Specific */

html.ie7 .content{width: 640px;}
#layoutMainContent { min-width: 500px !important; }
html.ie7 .image-responsive{width:200px; height:200px;}
html.ie7 .newsFeed{width:630px;}
html.ie7 .newsItem{width:300px;}
html.ie7 a.twitter{font-size:14px; margin-top:-15px;}
html.ie7 a.twitter-timeline{font-size: 15px;}
html.ie7 .col-sm-12.text-center{width:630px;}
html.ie7 img.ui-datepicker-trigger{position:relative;float:right;right:-28px;top:-22px;}
html.ie7 body form.hxEmbed .options select.l{font-size:14px; width:278px !important;}
html.ie7 body form.hxEmbed .options select.time.aT, html.ie7 body form.hxEmbed .options select.time.dT, html.ie7 body form.hxEmbed .options select.s{font-size:14px;}
html.ie7 body form.hxEmbed input.dA, html.ie7 body form.hxEmbed input.dD{font-size:14px;}
html.ie7 ul.unstyled{padding:0px; width:100%; margin-left:20px;}
html.ie7 body form.hxEmbed input.hasDatepicker{ width:160px !important; height:17px; padding:2px !important;}
html.ie7 body form.hxEmbed .datePicker img{ margin-top:1px !important;}
html.ie7 form.hxEmbed .options select.time {  border: 1px solid #212121 !important; border-color:#212121 !important;}
html.ie7 .panel  { zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c2dbec, Strength=5, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#c2dbec, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#c2dbec, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#c2dbec, Strength=5, Direction=270);}
html.ie7 .hxEmbed .rail span.tog.lo { position:relative; bottom:10px; }
html.ie7 .hxEmbed li.flight_number { display: none !important; }
html.ie7 body .modal-body { clear: both !important; }

html.ie7 body img.ui-datepicker-trigger { display: none !important;  }

html.ie body input[type="checkbox"] {
  border: none !important;
  height: 18px !important;
  padding: 0px !important;
}
html.ie body input[type="radio"],
html body ol li input[type="radio"] {
  height: 18px !important;
  border: none !important;
  padding: 0px !important;
}
html.ie body fieldset label { margin: 2px !important; }

#flightClearInput {
  position: absolute;
  top: 28px;
  right: 7px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html body input[type="checkbox"] {
    border: none !important;
    height: 18px !important;
    padding: 0px !important;
  }
  html body form fieldset input[type="radio"],
  html body ol li input[type="radio"],
  html body input[type="radio"] {
    border: none !important;
    height: 18px !important;
    padding: 0px !important;
  }
  html body form fieldset label {
    margin: 2px !important;
  }
}

.agentLoginContainer input.form-control { font-size: 23px; height:auto;}
.hx-btn-ultimate {
  color: #fff;
  background-color: #542e91;
  border-color: #542e91;
}
.hx-btn-ultimate:hover,
.hx-btn-ultimate:focus,
.hx-btn-ultimate:active,
.hx-btn-ultimate.active,
.open .dropdown-toggle.hx-btn-ultimate {
  color: #fff;
  background-color: #3e226a;
  border-color: #391f63;
}

span.brandColour { color: #542e91; font-weight: bold; }
.mmb-agent-menu .panel-title { font-weight: 500; line-height: 50px; font-size: 1.5em !important; }
.mmb-agent-menu .panel-title img { height: 50px; }
form.bookingLookup { margin: 0px auto;}
fieldset.searchBy { display: block; }
fieldset.details{ clear:both; padding-top:10px;}
fieldset.searchBy input { float: left;}
fieldset.searchBy input[type=radio] { margin-right: 5px; margin-top: 3px;}
fieldset.searchBy label {display: block; margin-left: 20px;font-weight: normal;}
.bref label, .name label, .product label, .inspolnum label{ font-weight:500; padding-right: 11px; float:left; width: 30%; margin-top:10px;}
form.bookingLookup input[type=text]{height: 40px; width: 100%; box-sizing: border-box; font-size: 14px;}
form.bookingLookup .lookupSubmitButton {font-size: 22px; font-weight: 300; padding: 10px; width: 100% !important; background-color: #0099db; border-radius:5px; border: 1px solid #0099db;}
form.bookingLookup .lookupSubmitButton:focus, form.bookingLookup .lookupSubmitButton:hover{ background-color:#005c84; border-color: #005c84;}
form.bookingLookup label { margin-top: 0px; }
.noUnderwrite h2{ font-size: 20px !important;}
.noUnderwrite span{ font-weight: 500; color: #000;}
.noUnderwrite{ line-height: 22px;}
.noUnderwrite p, .noUnderwrite span {font-size: 14px;}
input#arr, input#book{ margin-right: 10px; font-size: 14px;}
.start label{ font-weight: normal; }
.start #and { margin-left: -14px; }
.start div { margin-bottom: 10px;}
.start div:first-child { width: 120px; margin-bottom: 10px;}
select#product{ width: 190px; height: 40px;}
fieldset.insurancen {clear: both; padding-top: 10px;}
#startDateSpan input, #endDateSpan input{ position: relative; width: 100px; }
#startDateSpan .ui-datepicker-trigger, #endDateSpan .ui-datepicker-trigger{ position: relative; top:0px; right: 30px;}
#startDateSpan .ui-datepicker-trigger{ right: 30px;}
html.ie fieldset.searchBy input{ margin-right: 10px;}
html.ie input#arr,html.ie input#book { height: 12px !important;}
html.ie form.bookingLookup input[type=text]{ padding: 5px 0px 0px 0px !important;}
html.ie7 form.bookingLookup input[type=text]{ padding: 10px !important;}
html.lt-ie9 select#product{height: 30px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  form.bookingLookup input[type=text]{
    padding: 5px 0px 0px 5px !important;
  }
}

@media only screen and ( max-width: 600px ) {
  form.bookingLookup { width: 100%;}
}
@media not all and (min-resolution:.001dpcm) { @media {
    #ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-helper-hidden-accessible{
      top: 441px !important;
    }
}}