﻿
@font-face { font-family: 'Raleway-Regular'; src: url('../fonts/Raleway-Regular.ttf') format('truetype'); }
/*Typography*/
h1, h2, h3, h4, h5 { font-family: "Montserrat", sans-serif; text-align: center; }
.mainTitle { width: 100%; padding: 6px 15px; display: block; color: #fff; background: #f7c111; margin: 20px 0; }
h1 { font-size: 26px; color: #702785; }
h3 { font-size: 17px; font-weight: bold; line-height: 26px; }
p { text-align: left; }
a { word-break: break-word; font-family: Raleway-Regular !important; }
ol.upper-alpha { list-style-type: upper-alpha; font-family: Raleway-Regular !important; }
ul li,
ol li { margin-bottom: 15px; text-align: left; }
hr { border-top: 2px solid #702785 }
main { text-align: center; }
u { font-family: Raleway-Regular !important; }
.contentSection sup { font-size: 15.6px; color: #666666; font-family: Raleway-Regular; font-weight: normal; }

p label { color: rgb(90, 89, 89); font-size: 16px; letter-spacing: 0px; line-height: 24px; }
p input,
p select { border-radius: 0px; border: 1px solid rgb(205, 206, 206); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset; box-sizing: border-box; color: rgb(90, 89, 89); font-size: 16px; font-weight: 500; height: 34px; letter-spacing: 0px; line-height: 24px; outline-color: rgb(90, 89, 89); padding: 7px 10px; }
input[type=checkbox] { cursor: pointer; }
input[type=checkbox] + label { color: rgb(90, 89, 89); cursor: pointer; font-size: 16px; letter-spacing: 0px; line-height: 24px; }

input[type=radio] { height: auto; }
input[type=checkbox] { height: auto; }

table { color: rgb(90, 89, 89); font-size: 16px; letter-spacing: 0px; line-height: 24px; }
table input { color: rgb(90, 89, 89); }


/*buttons*/
.btn,
.btn:focus { padding: 4px 14px; border-radius: 0; font-family: "Montserrat", sans-serif; border: 0; outline: 0; margin-bottom: 15px; }
.btn-primary { background: #632054; color: #FFF; }
.btn-secondary { background: #f7c111; color: #FFF; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-color: #008998; }

/*Next and Previous Buttons*/
#buttonNavigation { margin: 2em 0; }

/*logout button*/
.logoutButton { margin-top: 20px; text-align: center; }

/*Button Wrap Class*/
.buttonWrap { margin-bottom: 20px; }

/*Preference Page Styles*/
.preference { margin-top: 2em; }

/*selection Styles*/
.selectedcompare,
.selectedcompare:hover,
.selectedcompare:active,
.selectedcompare:focus { background: #008998; color: #FFF; box-shadow: none; }

/*Loading Icon*/
.loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .5; z-index: 999; }
.loading img { display: block; margin: 80px auto 0 auto; max-width: 100%; }

/*Map and Rooms switchers*/
#mapRoomSwitcher { text-align: center; margin-bottom: 2em; }

/*Sorting Tools*/
#sortTools { margin-bottom: 20px; }
#sort-filter { margin-top: 20px; }

/*ms Choice*/
#roomType-filter .form-group { display: block !important; margin-top: 20px; }
.ms-choice { padding: 0 8px; width: 100%; height: 29px; background-color: #FFF; background-image: none; border: 1px solid #D9D9D9; border-top: 1px solid #C0C0C0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 0; line-height: 23px; }
.ms-choice > div { background-position: 0% -44%; height: 34px; }
.ms-choice > div.open { background-position: 0% -44%; }
.open { border: 0; }
.ms-drop ul > li.selected { background: none !important; }
.ms-choice > span.placeholder { color: #555; }
.ms-choice > span { padding-left: 16px; padding-top: 3px; }
.ms-drop input[type="checkbox"] { margin: 0; }
.ms-drop ul > li label { line-height: 18px; }

/*Custom Information*/
#custom-information { margin: 20px 0; }

/*List and Map View switcher*/
#room-tabs { text-align: center; }
#room-tabs button { margin: 0 10px; border: 0; }

/*main compare button*/
.comparebuttonwrapper { margin-top: 20px; text-align: center; }

/*Big Map*/
#bigmap { height: 200px; }

/*Room Template*/
.room { padding: 20px; background-color: #E5EAEE; padding-bottom: 0; margin-bottom: 20px; text-align: center; }
.room .customValuesList { width: 100%; }
.room .customValuesList .customValuesHeading { border-bottom: 2px #000 solid; }
.room .customValuesList .customValuesHeading th { padding: 5px 0; height: 20px; }
.customValuesCompare { margin: 20px 0; }
.room .customValuesList td { padding: 5px 0; }

/*Thumbnail*/
.room .thumb { box-shadow: 0px 0px 4px #333; margin-bottom: 20px; }

/*Heading*/
.room h4 { margin-top: 0; font-size: 22px; color: #702785; }

/*Lists*/
.room .dl-horizontal { margin-top: 10px; margin-bottom: 10px; }
.room .dl-horizontal dt { width: 85px; margin-bottom: 10px; color: #008998; width:100%; }
.room .dl-horizontal dd { margin-bottom: 10px; width: 100%; }

/*Preference Label*/
.room .preference-selection .preflabel { width: 100%; display: block; font-weight: bold; color: #702785; margin-bottom: 10px; }

/*Buttons*/
.room .preferencebutton { padding: 10px 20px; border: 0; background: #B1B1B1; color: #ccc; font-size: 20px; }
.room .preferencebutton.selected { background: #008998; color:#fff; }
.room .preference-selection { margin: 0 0 20px 0; }
.room .preference-selection > div { margin: 20px 0; }

/*Tabs*/
.room .tabnav { margin: 0 -20px; margin-top: 20px; }

/*Tabs Navigation*/
.room .tabnav a { float: left; width: 25%; display: block; padding: 15px; background: #008998 }
.room .tabnav a.tabselected { background-color: #E5EAEE; }
.room .tabnav a > span { display: block; text-indent: -9999px; }
.room .tabnav a .tab-nav-data { display: none; }

/*Images*/
.room .tabnav .images-tabnav { }
.room .tabnav .images-tabnav .images-icn { background: url(../../images/brand-sprite.png) no-repeat; background-position: 0 0; width: 24px; height: 19px; display: block; overflow: hidden; margin: 5px auto 6px; }
.room .tabnav .images-tabnav.tabselected .images-icn { background-position: 0 -19px; }

/*Maps*/
.room .tabnav .map-tabnav { }
.room .tabnav .map-tabnav .map-icn { background: url(../../images/brand-sprite.png) no-repeat; background-position: -24px 0; width: 20px; height: 27px; display: block; overflow: hidden; margin: 0px auto 3px; }
.room .tabnav .map-tabnav.tabselected .map-icn { background-position: -24px -27px; }

/*Facilities*/
.room .tabnav .facilities-tabnav { }
.room .tabnav .facilities-tabnav .facilities-icn { background: url(../../images/brand-sprite.png) no-repeat; background-position: -44px 0; width: 17px; height: 22px; display: block; overflow: hidden; margin: 3px auto 5px; }
.room .tabnav .facilities-tabnav.tabselected .facilities-icn { background-position: -44px -22px; }

/*More info*/
.room .tabnav .moreinfo-tabnav { }
.room .tabnav .moreinfo-tabnav .info-icn { background: url(../../images/brand-sprite.png) no-repeat; background-position: -61px 0; width: 21px; height: 21px; display: block; overflow: hidden; margin: 4px auto 5px; }
.room .tabnav .moreinfo-tabnav.tabselected .info-icn { background-position: -61px -21px; }

/*Tabs Content*/
.room .tab-content > div { padding-top: 20px; padding-bottom: 20px; }
.room .tab-content .map .map-canvas > div { height: 200px; }

/*carousel*/
.Carousel { box-sizing: border-box; height: 110px; padding: 0 30px; position: relative; width: 100%; *width: 85%; }
.Carousel button { height: 100%; position: absolute; top: 0; width: 50px; z-index: 1; background: none; border: 0; text-indent: -9999px; overflow: hidden; }
.Carousel button:focus { box-shadow: none; outline: none; }
.Carousel button .img-replace { background: url(../../images/carousel-sprite.png) no-repeat; display: block; height: 40px; margin-top: -20px; margin-left: -5px; left: 50%; position: absolute; top: 50%; width: 10px; }
.Carousel button[disabled] { cursor: default; cursor: not-allowed; }
.Carousel .CarouselPrev { left: -20px; }
.Carousel .CarouselNext { right: -20px; }
.Carousel .CarouselPrev .img-replace { background-position: 0px 0; }
.Carousel .CarouselNext .img-replace { background-position: -10px 0; }
.Carousel .CarouselPrev[disabled] .img-replace { background-position: -20px 0; }
.Carousel .CarouselNext[disabled] .img-replace { background-position: -30px 0; }
.Carousel .CarouselFrame { height: 100%; overflow: hidden; *position: relative; width: 100%; }
.Carousel .CarouselContent { font-size: 0; height: 100%; position: relative; white-space: nowrap; }
.Carousel a { display: inline-block; height: 100%; position: relative; zoom: 1; *display: inline; }
.Carousel a + a { margin-left: 10px; }
.Carousel a img { display: block; height: 100%; min-height: 100%; }
.Carousel a img[data-missing="true"] { padding: 33px !important; }
.Carousel a:hover:after { background: rgba(0, 0, 0, 0.8) url(../../images/zoom-icon.png) no-repeat 50% 50%; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*Basket*/
#basket { list-style-type: none; padding: 0; }
#basket li { display: block; cursor: move; cursor: grab; cursor: -o-grab; cursor: -webkit-grab; cursor: -moz-grab; }
#basket li.ui-sortable-helper { cursor: grabbing; cursor: -o-grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing; }
#basket li .number-circle { display: block; padding: 2px 0; text-align: center; width: 22px; background: #008998; color:#fff; }
#basket li .RemovePreference { border-radius: 50%; padding: 4px 7px; border: 0; background: #9E1A1A; color: #FFF; font-weight: bold; line-height: 15px; }
#basket li .drag-handle { background: url(../../images/brand-sprite.png) no-repeat; background-position: 0 -38px; margin: 16px 1px; width: 20px; height: 13px; display: block; }
#basket-labels { font-weight: bold; margin: 20px 0; }

/*Compare FANCYBOX styles*/
#compare .compareroom { width: 240px; float: left; padding: 20px; text-align: center; }
#compare .compareroom img { box-shadow: 0px 0px 4px #333; }
#compare .compareroom .preferencebutton { padding: 10px 20px; border: 0; background: #B1B1B1; color: #CCC; font-size: 20px; }
#compare .compareroom .preferencebutton.selected { background: #008998; color: #FFF; }

/*Back to the top*/
.backToTop { position: fixed; z-index: 999; right: 30px; display: block; width: 40px; height: 40px; text-indent: -9999px; background: #008998 url(../../images/backtotop.png) no-repeat; bottom: 20px; }
#iframe { margin: 20px 0; }
#logout { float: right; }
.virtualtour { margin: 0 0 15px 0; display: block; width: 150px; }

/*AppStudentDetails Page*/
.well.selection { cursor: pointer; }
.well.selected { background: #008998; color: #fff; }
.well h3 { margin-top: 0; }
.well .hiddenRadio { display: none; }
.bg-info, .bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-error { padding: 15px; margin-bottom: 20px; }
.bg-error { background-color: #f2dede; margin: 15px 0; }

/*Application type page*/
.applicationType { margin-bottom: 20px; }
.applicationType .application { position: relative; background: #F0F0F0; padding: 20px; border-radius: 5px; width: 100%; cursor: pointer; }
.applicationType .radio-application { padding: 10px 15px; border-radius: 10px; background: #DBDBDB; margin: 0; width: 100%; text-align: center; }
.applicationType .application h3 { margin-top: 0; }
.applicationType .application.selected { box-shadow: inset 1px 1px #000; background: #008998; color: #fff; }
.applicationType .application.selected .radio-application { background: #BE0F34; }
.applicationType .dl-horizontal dd, .applicationType .dl-horizontal dt { margin-bottom: 10px; text-align: center; }
.applicationType .application.selected .radio-application .parsley-errors-list { margin: 0; }

/*Parsley error styles*/
.filled { margin: 10px 0 0 0; padding: 0; }
.filled li { list-style-type: none; background: url(../../images/parsley_error.png) no-repeat; background-position: 7px 4px; padding-left: 30px; margin-bottom: 10px; }

/*logout*/
#logout { width: 100%; margin: 15px 0; }

/*Steps*/
#stepOne > div,
#stepTwo > div,
#stepThree > div { margin-bottom: 15px; }

/*Button Navigation*/
#button_navigation { margin-top: 15px; }

/*List - styles*/
.listStyle { padding: 0; list-style-type: none; }
.listStyle .info { background: url(../../images/info.jpg) no-repeat; background-position: top left; padding-left: 30px; font-weight: bold; }

/*Hub*/
#student-details span.name { font-size: 24px; font-weight: bold; font-family: "Montserrat", sans-serif; display: block; text-align: center; }

/*Hub app-contract*/
.application-columns.app-contract input[type="submit"] { background: url(../../images/arrowsprite.gif) right -490px no-repeat; padding-right: 40px; }

/*Hub accordion*/
#accordion h3 { outline: none; position: relative; border-bottom: 2px solid #333; background: #eee; color: #008998; min-height: 43px; }
#accordion h3 span.ui-accordion-header-icon { background: url(../../images/accordion_closed.jpg) no-repeat; width: 14px; height: 14px; bottom: 10px; right: 10px; left: auto; top: auto; }
#accordion h3.ui-state-active span.ui-accordion-header-icon { background: url(../../images/accordion_open.jpg) no-repeat; width: 14px; height: 14px; left: auto; right: 10px; top: 10px; bottom: auto; margin: 0; }
#accordion h3.ui-state-active { background-color: #fff; }
#accordion h3 img { display: none; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { }
.ui-accordion .ui-accordion-content { border: 0; padding: 0; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; background: #FFF url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: 400; font-size: 22px; color: #702785; }
.ui-accordion .ui-accordion-icons { padding: .5em .5em .5em .7em; }
.roomType { display: none !important; }

/*Form Inputs*/
.form-control { height: 29px; margin: 0; padding: 0 8px; background: #FFF; border: 1px solid #D9D9D9; border-top: 1px solid #C0C0C0; border-radius: 1px; }
select.form-control { padding-right: 0; background: url(../../images/simple-select.png) top right no-repeat; -moz-appearance: none; /* HollyHack for Firefox */ text-overflow: ""; /* Remove, the dropdown arrow */ text-indent: 0.01px; }
select.form-control::-ms-expand { display: none; }
@-moz-document url-prefix() {
    select.form-control { padding-top: 4px; }
}
.jumbotronTwo { padding-left: 20px; padding-right: 20px; background-color: #E5EAEE; border: 1px solid #E5E5E5; padding-top: 30px; padding-bottom: 30px; }
.glyphicon { top: auto; }
sup { color: Red; font-size: 120%; font-weight: bold; top: -0.2em; }

/* Class for extra styling */
.margin-top-overwrite { margin-top: 10px; }
.no-top-margin { margin-top: 0; }
.margin-right-input { margin-right: 8px; }
.margin-right-input-list input { margin-right: 8px; }
.padding-left { padding-left: 15px; }
.position-relative.margin-top-overwrite { position: relative; margin-bottom: 20px; }
.position-relative .col-md-1 { position: absolute; top: 50%; left: 0; }
.position-relative .col-md-11 { float: right; }
.RequestedArrivalDate { cursor: pointer !important; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival_1 { margin: 0 5px 0 80px; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival_0 { margin: 0 5px 0 0; }
.camera-icon { float: left; width: 20px; height: 20px; margin-right: 3px; background: url('../../images/icon-camera.gif'); background-position: top left; background-repeat: no-repeat; }
.camera-icon a { width: 100%; float: left; height: 100%; position: relative; }
iframe { width: 100%; border: none; margin-bottom: 10px; }
img.fluid { width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
.imgcentre img { float: none; margin: 0 auto; display: block; }
.red-text-alert { margin-bottom: 10px; padding-top: 3px; color: red; }
.error { color: Red !important; }

/* JQuery tabs reset */
.ui-tabs,
.ui-tabs.ui-corner-all { border-radius: 0; border: 0; padding: 0; background: #e5eaee; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75); font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 13px; }
.ui-tabs .ui-tabs-nav { border: 0; border-radius: 0; padding: 0; margin: 0; border-bottom: 1px solid white; background: transparent; }
.ui-tabs .ui-tabs-nav li { border: 0; border-radius: 0; border-right: 1px solid white; font-size: 12px; color: #008998; margin: 0; font-weight: normal; background: transparent; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a:hover { color: #008998; }
.ui-tabs .ui-tabs-nav li a:focus { outline: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { color: white; background: #008998; margin-bottom: 0; padding-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-state-hover { color: white; background: #008998; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover,
.ui-tabs .ui-tabs-nav li.ui-state-hover a,
.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover { color: white; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 7px 11px 10px 11px; }
.ui-tabs .ui-tabs-panel { overflow-y: scroll; height: 300px; overflow-x: hidden; }
.breaks2line + .ui-tabs .ui-tabs-panel { height: 267px; }
.ui-tabs .ui-tabs-panel h3,
.ui-tabs .ui-tabs-panel p,
.ui-tabs .ui-tabs-panel li { text-align: left; }
.ui-tabs .ui-tabs-panel h3 { margin-top: -4px; }
.ui-tabs .ui-tabs-panel li { margin-bottom: 9px; }

/* Classes to different pages */
/* Page - AppStudentDetails */
.padding-override { padding-top: 10px !important; padding-bottom: 10px !important; }
.padding-overrideTwo { padding: 15px !important; }
.padding-overrideTwo dt { text-align: left !important; }
.min-height-override { min-height: 300px !important; }

/* Page - CoreCreateLogin */
.datepickerDOB { cursor: pointer !important; }

/* Page - LateArrival */
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSLateTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival { display: block; width: 150px; margin: 0 auto; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSLateTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival input[type="radio"],
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSLateTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival input[type="radio"] { float: left; display: block; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSLateTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival label { display: block; padding-top: 2px; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSRequestedLateArrivalDate_PNDataValue_MO1_DTDateSPCOfSPCArrival { cursor: pointer; }

/* Page - EarlyArrival */
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival { display: block; width: 150px; margin: 0 auto; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival input[type="radio"],
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival input[type="radio"] { float: left; display: block; margin: 3px 5px 0 0; }
#ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival label { display: block; padding-top: 2px; }

/* Page - Login */
.LoginContent div:first-child + div p { font-size: 13px; }

/* Page - AppConfirm */
.jumbotronTwo.AppConfirm { padding: 20px; margin-top: 15px; }
.AppConfirm dd { margin-left: 0; }

/* PartnerDetails */
span .TextCount { min-height: auto; min-height: initial; }
span .TextCount .TextCount-Label { bottom: 8px; }
span .TextCount .parsley-error + ul + .TextCount-Label { bottom: 36px; }

/* Page - ConOfferContract */
.contracts-fixed { max-height: 250px; overflow: auto; float: left; margin-bottom: 20px; /*overflow-y: scroll;*/ }
#pdfdiv .modal_close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
.modal_close:hover { background: #00d9ff; color: #fff; }
#lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }
#pdfdiv { display: none; width: 70%; height: 70%; position: fixed; margin: 10% auto; padding: 5px; border-radius: 3px; background: #fff; top: 0 !important; left: 50%; }
#pdfdiv > div { width: 70%; height: 500px; position: relative; margin: 10% auto; padding: 5px; border-radius: 3px; background: #fff; }
#openModal.modalDialog { display: none; }
#pdfdiv object { display: block; width: 100%; height: 100%; }

@media (min-width: 768px) {
    #ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSLateTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival { margin: 0; }
    #ctl00_ContentPlaceHolder1_KX_PCREQUESTFIELD_GSEarlyTimeOfArrival_PNDataValue_MO1_DTTimeSPCOfSPCArrival { margin: 0; }
    .LoginContent div:first-child + div .jumbotron { height: 329px; position: relative; background: transparent; }
    .induction-page section img { max-height: 368px; width: auto; }
}

@media (max-width: 992px) {
    .Iamsticky,
    .preference .sticky { position: static !important; }
    .application-columns.app-contract input[type="submit"] { background-position-y: -480px; padding-right: 35px; }
    .jumbotronTwo.AppConfirm { margin-top: 0; }
    #basket li .drag-handle { display: none; }
}

@media (min-width: 992px) {
    .dl-horizontal { min-height: 7px; }
    .dl-horizontal dt { width: 180px; }
    .dl-horizontal dd { margin-left: 190px; }
    .AppConfirm dd { margin-left: 0; }
}

@media(max-width:605px) {
    .contentSection p label { width: 250px !important; }
    .contentWrap p, .contentWrap ul { text-align: left; }
    .contentSection p span { display: block; }
    .contentWrap .contentSection label { display: block; }
    #container { width: 100%; }
    #PageContent .progressbar ul li { width: 32% !important; }
}

.checkbox-wrapper ul { display: none; }
.loginBox { border: 2px solid #f7c111; background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; }
.LoginContent div:first-child + div .jumbotron { height: auto; padding-bottom: 25px; }
.createAccount { width: 100%; }
.loginUsername, .loginPassword { width: 100% !important; }
.loginBoxContainer { padding-left: 30px; padding-right: 30px; }
.loginBox .row input { padding-left: 34px; padding-right: 34px; }
.header-logout { color: #ffffff !important; }
.forgotBtn { padding-left: 25px !important; padding-right: 25px !important; }

.loginBox .form-group label { color: rgb(90, 89, 89); font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 24px; }
.loginBox .form-group input { border-radius: 0px; border: 1px solid rgb(205, 206, 206); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset; box-sizing: border-box; color: rgb(90, 89, 89); font-size: 16px; font-weight: 500; height: 34px; letter-spacing: 0px; line-height: 24px; outline-color: rgb(90, 89, 89); padding: 7px 10px; }

@media (max-width: 768px) {
    .loginBox .row input { width: 100%; }
    .back { }
    #content { width: 442px !important; }
    .forgotBtn { padding-left: 34px !important; padding-right: 34px !important; }
}

#content { -webkit-box-shadow: 3px 4px 16px -5px rgba(0,0,0,0.75); -moz-box-shadow: 3px 4px 16px -5px rgba(0,0,0,0.75); box-shadow: 3px 4px 16px -5px rgba(0,0,0,0.75); border-radius: 0.5%; background: #fff; padding: 10px; margin: 20px 0 0 0; width: 940px; }
.loginBox h3, .subHeading { border: solid; border-color: #257478; background: #257478; color: white; padding: 2px; margin-bottom: 10px; font-size: 20px; }
.contentButtons input { padding: 3px 50px !important; }

/* Progress bar */
.progressbar { counter-reset: step; width: 100%; }
.progressbar .line { display: inline; }
.progressbar li { list-style: none; display: inline-block; position: relative; text-align: center; }
.progressbar li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 30px; border: 2px solid #632054; display: block; text-align: center; margin: 0 auto 0 auto; background-color: #fff; }
.progressbar li:first-child:after { content: none; }
.progressbar li.active { color: #632054; }
.progressbar li.active:before { border-color: #632054; background-color: #632054; color: #fff; }
.progressbar li.active + li:after { background-color: #632054; }
#PageContent .progressbar ul li { width: 33%; }
.progressbar { padding: 0; margin: 0; }
.back { }
.hubContent { min-height: 680px; }
.ConfirmationCheckBox input { width: 29px; height: 12px; }
.navbar-default { border: none; }
body, html { background-color: #565656 !important; }
body { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; }
body, div, p, h1, h2, h3, h4, span, input, label, #container, a, li, td, strong, ol, b, small, i { font-family: Raleway-Regular !important; }
.navbar-default { background-color: #565656 !important; }
.footer-copyright a { color: #632054; }
.footer-copyright { font-weight: bold; font-size: 15px; }
footer { padding-top: 50px; }
#logo { padding-top: 20px; padding-bottom: 20px; }

/* resize images */
#logo img { width: 100%; max-width: 300px; }

#RoomSwitcher .RoomRow .tabSection { position: relative; top: -171px; right: -20px; width: 100%; }
.KxError { border-color: #852243; border-width: 1.8px; }
.contentSection .RoomRow .pref0 { top: 0; right: 0; }
.contentSection .RoomRow .pref0 button { background-color: #632054; }
.contentSection .RoomRow { border-color: #632054; }
.contentSection .RoomRow .RoomInfo label { color: #632054; text-align: left; width: 138px; }
.contentSection .RoomRow .pref0 button.selected { background: #f7c111; }
.contentSection .RoomRow .pref0 button.selected:hover { background: #f7c111; opacity: 0.5; }
.contentSection .RoomRow .pref0 button:hover { background: #632054; opacity: 0.8; }
input[type="radio"], input[type="checkbox"] { margin: 9px 11px 0; }
.medicalpage input[type="radio"] + label { margin-right: 50px; margin-left: 2px; }
.medicalpage table { vertical-align: middle; text-align: center; margin-right: auto; margin-left: auto; }
.contentSection p label:nth-of-type(2n) { font-weight: 100 !important; }
.btn { font-size: 16px; }
.ui-datepicker-div { z-index: 1; }
.jsonly { overflow: auto; }
.page-footer { width: 98%; padding-top: 15px; padding-bottom: 10px; }


#ctl00_ContentPlaceHolder1_KX_BC_RXS_RVGOLOGOUT { min-width: unset !important; }
.contentSection ul, .contentSection ol { font-size: 1.2em; color: #666666; }
ol { font-size: 1.2em; color: #666666; }
.contentSection label { font-size: 1em; color: #666666; }
.MyDetails input { min-width: 235px !important; }
.MyDetails label { font-size: 16px; }
.MyDetails .hubContent table p label { padding-left: 10px !important; }
input[type=radio] + label, .preflist, .DisabilityTextBox { font-size: 15.6px !important; }
.checkboxstyle { font-family: Raleway-Regular !important; font-size: 15.6px !important; }
.preflist { padding-left: 10px; }

@media (max-width: 768px) {
    .MyDetails .hubContent table p { clear: both; }
    .MyDetails input { margin: 10px auto; min-width: auto !important; width: 100% !important; }

    .contentWrap .contentSection input[type="radio"] { display: inline-block !important; margin: 3px 0 0 0; padding: 0; vertical-align: top; width: 10% !important; }
    .contentWrap .contentSection input[type="radio"] + label { display: inline-block !important; margin-right: 0; margin-bottom: 10px; width: 80% !important; }

    .contentWrap .contentSection input[type="checkbox"] { display: inline-block !important; margin: 3px 0 0 0; padding: 0; vertical-align: top; width: 10% !important; }
    .contentWrap .contentSection input[type="checkbox"] + label { display: inline-block !important; margin-right: 0; margin-bottom: 10px; width: 80% !important; }

    .contentSection p label { display: block; margin: 0; padding: 0; text-align: left; width: 100% !important; }
    .contentSection p label + span { display: block; text-align: left; width: 100%; }
}
