html { background: #f8f8f8; }

.row { margin-bottom: 0; width: auto; }
.KxStudentWrapper { background: #fff; margin: 0 auto 20px; padding: 20px; }

/*Utilities*/
.m-bm-3{
    margin-bottom:20px;
}

@media only screen and (min-width: 40em) {
    .KxStudentWrapper { margin-top: 95px; }
}
/*Overrides*/
.header_wrapper { z-index: 8000; }
.KxStudentWrapper .color-primary { color: #f57f20; margin-left: .5rem; }
.KxStudentWrapper select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background: none; padding: .2em .5em; margin: .2em 0; }

/*Buttons*/
.KxStudentWrapper .btn-primary,
.KxStudentWrapper .btn-primary[disabled],
.KxStudentWrapper .btn-primary:hover,
.KxStudentWrapper .btn-primary:active,
.KxStudentWrapper .btn-primary:focus,
.KxStudentWrapper .btn-primary:link,
.KxStudentWrapper .btn-primary[disabled]:hover,
.KxStudentWrapper .btn-secondary,
.KxStudentWrapper .btn-secondary:hover,
.KxStudentWrapper .btn-secondary:active,
.KxStudentWrapper .btn-warning,
.KxStudentWrapper .btn-warning:active,
.KxStudentWrapper .btn-warning:hover { color: #fff !important; background: #f57f20 !important; font-weight: bold; padding: 8px 10px 5px 10px; margin: .5em; border-radius: 0; border: none; }
.KxStudentWrapper .btn-decline,
.KxStudentWrapper .btn-decline:hover { color: #fff !important; background: red !important; font-weight: bold; padding: 8px 10px 5px 10px; margin: .5em; border-radius: 0; border: none; }
.KxStudentWrapper .btn-primary[disabled],
.KxStudentWrapper .btn-primary[disabled]:hover { background: rgba(0, 0, 0, .5); text-decoration: none; }
.KxStudentWrapper .btn-primary:hover,
.KxStudentWrapper .btn-warning:hover,
.KxStudentWrapper .btn-decline:hover,
.KxStudentWrapper .btn-secondary:hover { text-decoration: underline; }
.KxStudentWrapper .btn-secondary,
.KxStudentWrapper .btn-secondary:hover { background: #0082b4 !important; }
/*.KxStudentWrapper .btn-primary:after { color: #f57f20; content: "\f054"; font-family: "FontAwesome"; padding-left: 10px; padding-top: 2px; }
.KxStudentWrapper .btn-secondary:before { color: #f57f20; content: "\f053"; font-family: "FontAwesome"; padding-right: 10px; padding-top: 2px; }*/


/*Banner*/
.banner { background: #f57f20; color: #fff; position: relative; }
.banner:before { background: #b55e12; border-color: #f8f8f8 #f8f8f8 #b55e12 #b55e12; }
.KxStudentWrapper .banner__highlight { background: #b55e12; display: inline-block; font-size: 2em; line-height: 1; margin: 1em 0 .7em; padding: 5px 10px; }
.KxStudentWrapper .banner__text { font-size: 2em; line-height: 1; margin: 0; }

@media only screen and (min-width: 45em) {
    .banner:before { border-style: solid; border-width: 0 24px 24px 0; content: ""; display: block; position: absolute; top: 0; right: 14px; width: 0; }
}

/*Tabs*/
.KxStudentWrapper .hub-year__tab a { color: #0082b4; font-weight: bold; width: 100%; }
.ui-tabs .hub-year__tab a:hover { background: none; color: #0082b4; text-decoration: underline; }
.hub-year__tab.ui-tabs-active { background: #0082b4; }
.hub-year__tab.ui-tabs-active a,
.hub-year__tab.ui-tabs-active a:hover { color: #fff; text-decoration: none; }
.hub-year__content { background: #0082b4; color: #fff; padding: 2em; }

.ui-tabs .ui-tabs-panel { padding: 0; }
.KxStudentWrapper .ui-tabs .ui-tabs-panel .btn-primary,
.KxStudentWrapper .ui-tabs .ui-tabs-panel .btn-primary[disabled] { background: #fff !important; color: #0082b4 !important; }
.KxStudentWrapper .ui-tabs .ui-tabs-panel .btn-secondary { background: #f57f20 !important; color: #fff !important; }
.hub-years__select { padding-top: 20px; }

@media only screen and (min-width : 992px) {
    .hub-years__select { margin-bottom: -38px; z-index: 25; }
}

/*Content*/
.KxStudentWrapper a,
.KxStudentWrapper a:hover { color: #f57e20; font-weight: bold; }
.KxStudentWrapper h1 { text-align: left; margin-bottom: 1em; font-size: 180%; color: #f57e20; border-bottom: 4px #ebebeb solid; padding-bottom: 10px; margin-bottom: 15px; font-family: "Arial", serif; font-weight: bold; text-rendering: optimizelegibility; }
.KxStudentWrapper h2 { color: #f57f20; }
.information-list { text-align: left; word-wrap: break-word; overflow: auto; }
.information-list li { overflow: auto; }
.information-list span { width: 50%; font-weight: normal; text-align: right; float: left; word-wrap: break-word; }
.information-list strong { padding-left: .8em; width: 50%; text-align: left; float: right; }
.information-list a:before { color: #f57f20; content: "\f054"; font-family: "FontAwesome"; padding-right: 10px; padding-top: 2px; }
h2.offer-room:before { content: "\f015"; font-family: "FontAwesome"; padding-right: .5em; }
h2.offer-dates:before { content: "\f073"; font-family: "FontAwesome"; padding-right: .5em; }
h2.offer-cost:before { content: "\f09d"; font-family: "FontAwesome"; padding-right: .5em; }
.container-primary { background: #0082b4; color: #fff; padding: 1em 3em; }
.KxStudentWrapper .container-primary .btn-primary { background: #fff !important; color: #0082b4 !important; }
.KxStudentWrapper .container-primary h2 { color: #fff; }
.container-secondary { border: 3px solid #f57f20; padding: 1em 3em; }
.container-secondary.alt { border-color: #0082b4; }
.container-secondary h2 { margin-top: 20px; }
.container-secondary.alt h2 { color: #0082b4; }


/*Forms*/
.KxStudentWrapper fieldset { margin: 2em 0; }
.KxStudentWrapper .form-control { border-radius: 0; margin-bottom: 10px; }
.KxStudentWrapper legend { border-bottom: #ebebeb solid 4px; color: #f57f20; font-weight: bold; padding-bottom: .2em; text-align: left; }
.KxStudentWrapper input[type=radio] { display: inline-block; margin-right: .5em; }
.KxStudentWrapper input[type=radio] + label { margin-right: 1.5em; }
.KxStudentWrapper input[type=checkbox] + label { float: right; width: 95%; }
.TextCount { overflow: auto; }
.TextCount-Label { float: right; margin: -.5em .5em 1em 0; }

/*Progress bar*/
.KxStudentWrapper .progress-steps__step-icon { background: url(../../images/brand/teesside-logo_bw.png) no-repeat center center #fff; background-size: 65%; border: 2px #f57f20 solid; border-radius: 50%; color: #fff; display: inline-block; font-size: 2em; height: 1.5em; line-height: 1.5; position: relative; width: 1.5em; z-index: 50; }
.KxStudentWrapper .progress-steps__step-icon-success { background: url(../../images/brand/teesside-logo.png) no-repeat center center #fff; background-size: 65%; border: 2px #f57f20 solid; border-radius: 50%; color: #fff; display: inline-block; font-size: 2em; height: 1.5em; line-height: 1.5; position: relative; width: 1.5em; z-index: 50; }
.KxStudentWrapper .progress-steps__step { padding: 0; }
.KxStudentWrapper .progress-steps__step:before { content: ''; border: 1px solid #f57f20; display: block; position: relative; top: 1.6em; width: 100%; z-index: 10; }
.KxStudentWrapper .progress-steps__step:first-child:before { left: 50%; width: 50%; }
.KxStudentWrapper .progress-steps__step:last-child:before { width: 50%; }

/*Tooltip*/
.ui-tooltip { background: #fff; border: 3px solid #f57f20; }

/*Slider*/
.ui-slider { position: relative; }

/*Datepicker*/
.ui-datepicker { background: #fff; border: 1px solid #ccc; border-bottom: 4px solid #f57f20; margin-top: .5em; }
.ui-datepicker .ui-datepicker-title select { margin: .2em .2em 0; padding: .2em .3em; }
.ui-datepicker-month { float: left; }
.ui-datepicker-year { float: right; }
.ui-datepicker td a { color: #505050; color: black; }
.ui-datepicker .ui-state-hover.ui-state-default,
.ui-datepicker .ui-state-hover.ui-state-default a { background: #f57f20; color: #fff; }
.ui-datepicker td a.ui-state-active,
.ui-datepicker td .ui-state-active.ui-state-hover,
.ui-datepicker td .ui-state-hover.ui-state-default a:hover { background: #f57f20; color: #fff; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { border: 7px solid transparent; cursor: pointer; height: 0; top: .7em; width: 0; }
.ui-datepicker .ui-datepicker-prev { border-right-color: #505050; }
.ui-datepicker .ui-datepicker-next { border-left-color: #505050; }

/*Preferences*/
.preference h3 { margin-top: 0; }
.room.selectedroom { border-color: #f57f20; }
.room .tabnav a,
.KxStudentWrapper .room .tabnav a { padding: 5px 0; }
.room.selectedroom .tabnav a,
.KxStudentWrapper .room.selectedroom .tabnav a { background-color: #f57f20; }
.room.selectedroom .tabnav a.tabselected,
.KxStudentWrapper .room.selectedroom .tabnav a.tabselected { background-color: #fff; border-top-color: #f57f20; color: #f57f20; }
.room .tabnav a span.number-images { border-radius: 0; }
.room .tabnav .tabselected span.number-images { border-color: #f57f20; border-radius: 0; color: #f57f20; }
.preference-selection { margin-bottom: 1em; }
.preference-selection .preferencebutton,
.preference-selection .preferencebutton:focus,
.preference-selection .preferencebutton.selected { background-color: #f57f20 !important; border-color: #f57f20; }
.KxStudentWrapper .basket-wrap .basket { background: #f57f20; color: #fff; padding: 0; }
.KxStudentWrapper .basket-wrap h2 { border-bottom-color: #fff; color: #fff; font-size: 1.5em; }
.KxStudentWrapper .basket-wrap a { text-decoration: none !important; }
.KxStudentWrapper .basket-wrap a:hover { text-decoration: underline !important; }
.KxStudentWrapper .basket-wrap hr { background: #fff; margin: 10px 0; }
.comparebuttonwrapper { margin-top: 1em; }
#basket,
#basket .number-circle { color: #fff; }
#basket li > .row-fluid > div { background: #f57f20; display: inline-block; height: auto; }
#basket .RemovePreference { color: #f57f20; background: #fff; border-radius: 50%; line-height: 1; }
.preference-option { background: #f57f20; }
.map-canvas > div { height: 15em; }
.KxStudentWrapper a.preference-action,
.KxStudentWrapper a.compare { color: #333; background-color: #fff; border: 1px solid #ccc; }
.KxStudentWrapper a.preference-action:hover,
.KxStudentWrapper a.compare:hover { font-weight: normal; text-decoration: underline; }
.selectedcompare,
.KxStudentWrapper a.selectedcompare { background-color: #f57f20; border: 1px solid #ccc; color: #fff; font-weight: normal; }
.selectedcompare:hover,
.KxStudentWrapper a.selectedcompare:hover { color: #fff; font-weight: normal; text-decoration: underline; }
.fancybox-overlay { z-index: 8000; }
#compare .preferencebutton { background-color: #ccc; border-radius: 50%; }
#compare .preferencebutton.selected { background-color: #f57f20; }
.locationFilter,
.bedroomFilter,
.blockFilter,
.priceFilter { display: none; }


/*Inductions*/
.KxStudentWrapper .inductions .jumbotron { border: 2px solid #bbb; margin: 10px 0; padding: 10px 20px; }
.KxStudentWrapper .inductions .jumbotron h1 { border-bottom: none; font-size: 1.5em; margin: 10px 0; padding: 0; }
.KxStudentWrapper .inductions .jumbotron h2 { border-bottom: none; font-size: 1.3em; margin: 10px 0; padding: 0; }
.KxStudentWrapper .inductions .jumbotron p { font-size: 1em; }
.KxStudentWrapper .inductions .jumbotron a { color: #0082b4; }
.KxStudentWrapper .inductions .jumbotron ul { list-style-type: disc; margin: 0 20px; padding: 0; }
.KxStudentWrapper .inductions .jumbotron ul li { margin: 5px 0; padding: 0 0 0 10px; }
.KxStudentWrapper .inductions .jumbotron .highlightText, .KxStudentWrapper .inductions .jumbotron .greenText { color: #0082b4; }

.KxStudentWrapper .inductions .jumbotron-primary { background-color: rgba(255, 255, 255, 0.6); }
.KxStudentWrapper .inductions .jumbotron-primary h1 { color: #0082b4; }
.KxStudentWrapper .inductions .jumbotron-primary h2 { color: #505050; }

.KxStudentWrapper .inductions .radioButton input,
.KxStudentWrapper .inductions .radioButton label { cursor: pointer; }

.KxStudentWrapper .inductions .jumbotron-secondary { background-color: rgba(0, 130, 180, 0.8); color: #fff; }
.KxStudentWrapper .inductions .jumbotron-secondary h1 { color: #fff; }

.KxStudentWrapper .inductions .glyphicon { color: #0082b4; font-size: 1.4em; }

.KxStudentWrapper .inductions iframe { padding: 20px; width: 100%; }
.KxStudentWrapper .inductions #googlemaps { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */ }
.KxStudentWrapper .inductions #googlemaps .gm-bundled-control { display: none; height: 100%; left: 50%; right: 50%; bottom: 0px; z-index: 1000; width: 200px;  }
.KxStudentWrapper .inductions #googlemaps .gm-bundled-control .gm-svpc { margin: 40px; }
.KxStudentWrapper .inductions #googlemaps .gmnoprint { display: none; }

.KxStudentWrapper .inductions .progress-steps { float: none; margin-bottom: 30px; }
.KxStudentWrapper .inductions .col-md-5ths { width: 16.66%; }

.KxStudentWrapper .inductions .KxError { clear: both; float: none; margin: auto; width: 97%; }
.KxStudentWrapper .inductions .noPrint { clear: both; float: none; margin: auto; }

li.hub-year__tab.ui-state-disabled a { color: rgba(0, 130, 180, 0.5); }
li.hub-year__tab a { outline: 0 !important; }
.hub-year__tab-content .btn { min-width: 240px !important; }

/* Requests */
/*.KxStudentWrapper h1 { text-align: left; margin-bottom: 1em; font-size: 180%; color: #f57e20; border-bottom: 4px #ebebeb solid; padding-bottom: 10px; margin-bottom: 15px; font-family: "Arial", serif; font-weight: bold; text-rendering: optimizelegibility; }*/

.KxStudentWrapper .Requests h1 { color: #0082b4; border-bottom: 0px; margin-bottom: 0px; }

.KxStudentWrapper .Requests .jumbotron { border: 1px solid #FF9A02; margin: 10px 0; padding: 10px 20px; }
.KxStudentWrapper .Requests .jumbotron h1 { border-bottom: none; font-size: 1.5em; margin: 10px 0; padding: 0; }
.KxStudentWrapper .Requests .jumbotron h2 { border-bottom: none; font-size: 1.2em; padding: 0; font-weight: bold;}
.KxStudentWrapper .Requests .jumbotron h3 { border-bottom: none; font-size: 1.2em; padding: 0; font-weight: bold;}
.KxStudentWrapper .Requests .jumbotron p { font-size: 1em; margin-bottom: 15px }
.KxStudentWrapper .Requests .jumbotron a { color: #0082b4; }
.KxStudentWrapper .Requests .jumbotron ul { list-style-type: disc; margin: 0 20px; padding: 0; }
.KxStudentWrapper .Requests .jumbotron ul li { margin: 5px 0; padding: 0 0 0 10px; }
.KxStudentWrapper .Requests .jumbotron .highlightText, 
.KxStudentWrapper .requests .jumbotron .greenText { color: #0082b4; }

.KxStudentWrapper .Requests .jumbotron-primary { background-color: rgba(255, 255, 255, 0.6); }
.KxStudentWrapper .Requests .jumbotron-primary h1 { color: #f57e20; }
.KxStudentWrapper .Requests .jumbotron-primary h2 { color: #f57e20; margin-top: 20px; margin-bottom: 10px; }
.KxStudentWrapper .Requests .jumbotron-primary h3 { color: #0082b4; margin-top: 10px; margin-bottom: 5px; }
.KxStudentWrapper .Requests .jumbotron-primary label { font-weight: normal; margin-bottom: 0px; }


.KxStudentWrapper .Requests .jumbotron-primary .row { padding-left: 0px; }


.KxStudentWrapper .Requests .jumbotron-secondary { background-color: rgba(255, 255, 255, 0.6); }
.KxStudentWrapper .Requests .jumbotron-secondary h1 { color: #f57e20; }
.KxStudentWrapper .Requests .jumbotron-secondary h2 { color: #f57e20; }

.KxStudentWrapper .Requests .input-primary { border: 1px solid #FF9A02; background: none; }
.KxStudentWrapper .Requests td { padding:5px;}

.KxStudentWrapper .Requests .form-group { margin-bottom:0px; }

.KxStudentWrapper .Requests .form-control { background-color:#fff; }

.KxStudentWrapper .Requests .radioButton input,
.KxStudentWrapper .Requests .radioButton label { cursor: pointer; }

.KxStudentWrapper .Requests input[type="checkbox"] { margin: 5px 5px; padding: 0px; }
.KxStudentWrapper .Requests input[type="checkbox"] + label { float: right; width: 95%; }


.KxStudentWrapper .Requests .glyphicon { color: #0082b4; font-size: 1.4em; }