﻿/** Styling for the new app and contract pages **/

.mainBody h4 { margin-bottom:3px; margin-top:15px; }
.mainBody .mainContainer { background-color:#fff; }
.mainBody p { line-height:25px; }

.mainBody input[type="radio"], .mainBody input[type="checkbox"] { border:none; }

/** Progress bar **/
.mainBody ul.Progress { font-size:1.2em; list-style-type:none; padding-top:12px; width:100%; padding-left:0; text-align:center; margin-bottom:2em; }
.mainBody ul.Progress li { border:3px solid #e4e4e4; border-radius:8px; color:#e4e4e4; display:inline-block; font-weight:bold; line-height:25px; padding:7px; text-align:center; width:13%; }
    .mainBody ul.Progress li.progComplete {
        background-color: #ab4c00;
        color: #e4e4e4;
    }
    .mainBody ul.Progress li.progCurrent {
        background-color: #d65f00;
        color: #fff;
    }

/** Student Details side bar **/
.mainBody .applicationContent > .container { padding-left:0; padding-right:0; }
@media screen and (min-width:768px) { .mainBody .applicationContent > .container { width:720px; } }
@media screen and (min-width:992px) { .mainBody .applicationContent > .container { width:940px; } }
@media screen and (min-width:1200px) { .mainBody .applicationContent > .container { width:1140px; } }
.mainBody .applicationContent .studentDetails { font-size:0.9em; }
.mainBody .applicationContent .studentDetails h4 { margin:0px; padding-bottom:5px; }
.mainBody .applicationContent .studentDetails p { margin:0px; padding:0px; width:100%; }
.mainBody .applicationContent .studentDetails p input { margin-bottom:5px; }
.mainBody .applicationContent .studentDetails .col-xs-12 { background-color:#eaeaea; margin:0px; padding:0px; }
.mainBody .applicationContent .studentDetails .col-xs-12 span { display:block; margin:0px; min-height:18px; padding:10px; }
.mainBody .applicationContent .studentDetails .col-xs-12 span:nth-child(even) { border-left:5px solid #fff; }
.mainBody .applicationContent .studentDetails .col-xs-12 .col-xs-5 { font-weight:bold; }
.mainBody .applicationContent .studentDetails .col-xs-12.studentInfo { border-bottom:5px solid #fff; border-top:5px solid #fff; padding:10px; }

.mainBody .applicationContent .studentDetails .infoBox p { line-height:22px; }
.mainBody .applicationContent .studentDetails .infoBox img { margin-right:5px; width:10%; }

.radioButtonHorizontal td { min-width:120px; }
.radioButtonHorizontal label { cursor:pointer; margin:3px; }
.radioButtonHorizontal input { cursor:pointer; margin:3px; }


.mainBody .applicationContent .medicalCheckList label { cursor:pointer; display:inline-block; } 
.mainBody .applicationContent .medicalCheckList textarea { width:100%; resize:none; } 

.mainBody .applicationContent .RoomFilters { font-size:1.1em; }
.mainBody .applicationContent .RoomFilters .filter-title h3 { background:#e46c0a; color:White; font-size:1.35em; padding:0.1em 0.35em 0.1em; margin-top:0; } 
.mainBody .applicationContent .RoomFilters label { display:block; font-size:1.1em; padding:.2em .4em .1em; margin:20px 0 1px; } 
.mainBody .applicationContent .RoomFilters select { cursor:pointer; } 
.mainBody .applicationContent .RoomFilters #location-filter { display:none; } 
.mainBody .applicationContent .RoomFilters #slider-filter .ui-slider-horizontal { height:10px; }
.mainBody .applicationContent .RoomFilters #slider-filter .slider-size { margin-top:5px; padding-left:2%; padding-right:2%; }
.mainBody .applicationContent .RoomFilters #slider-filter .ui-widget-content { border-color:#a9a9a9; }
.mainBody .applicationContent .RoomFilters #slider-filter .ui-widget-header { margin-top:-1px; height:6px!important; background:#f79403; }
.mainBody .applicationContent .RoomFilters #slider-filter .ui-slider-horizontal .ui-slider-handle { height:15px; width:15px; background:#558ed5; border-color:#558ed5; border-radius:50%; top:-4px; margin-left:-9px; cursor:pointer; }
@media screen and (min-width:992px) {
}

.mainBody .applicationContent .tableHeader { font-weight:bold; width:100%; }
.mainBody .applicationContent .tableHeader tr td { padding:3px; }
.mainBody .applicationContent .tableHeader tr td:first-child { width:240px; }
.mainBody .applicationContent .tableHeader tr td:nth-child(2) { min-width:90px; }
.mainBody .applicationContent .tableHeader tr td:nth-child(3) { min-width:110px; }
.mainBody .applicationContent .preference-table { font-size:0.9em; }
.mainBody .applicationContent .preference-table tr { background-color:#d9edf7; border-bottom:3px solid #fff; border-top:3px solid #fff; }
.mainBody .applicationContent .preference-table tr td { padding:3px; }

.mainBody .applicationContent .preferenceQuestions p { width:100%; }
.mainBody .applicationContent .preferenceQuestions p label:first-child { float:left; font-weight:normal; width:76%; } 
.mainBody .applicationContent .preferenceQuestions .preferencesRadioList { float:left; width:24%; }
.mainBody .applicationContent .preferenceQuestions .preferencesRadioList td { width:100px; }
.mainBody .applicationContent .preferenceQuestions .preferencesRadioList td label { margin-right:10px; }
.mainBody .applicationContent .preferenceQuestions select { border:1px solid #999; color:#333; padding:4px 11px; width:168px; } 
.mainBody .applicationContent .preferenceQuestions textarea { width:100%; }

.mainBody .applicationContent .acknowledgement { width:100%; } 
.mainBody .applicationContent .acknowledgement input { float:left; margin:5px; } 
.mainBody .applicationContent .acknowledgement label { width:90%; } 

.mainBody .applicationContent .appSummary input[type="text"] { width:40%; }
.mainBody .applicationContent .appSummary label { width:40%; } 
.mainBody .applicationContent .appSummary label.long { width:75%; } 
.mainBody .applicationContent .appSummary label.prefSummary { width:20%; } 

/** Offer details **/
.mainBody .contractInfo p { margin:0px; width:100%; }
.mainBody .contractInfo p label { background-color:#eaeaea; color:#333; display:inline-block; height:40px; line-height:40px; margin-right:10px; padding-left:10px; width:30%; }
.mainBody .contractInfo p label.largeLabel { float:left; height:80px; }

/** Contract T&C **/
.mainBody .contractWrap { border:1px solid #e4e4e4; height:500px; line-height:26px; margin-bottom:25px; padding:20px 30px; overflow:scroll; overflow-x:hidden; width:100%; }
.mainBody .contractWrap h4 { clear:both; font-weight:bold; text-decoration:underline !important; }
.mainBody .contractWrap .termsDetails { clear:both; display:block; width:100%; }
.mainBody .contractWrap .termsDetails label { display:inline-block; float:left; width:20%; }
.mainBody .contractWrap .termsDetails .termsInfo { float:left; width:80%; }
.mainBody .contractWrap .termsDetails .numbering { display:inline-block; float:left; font-weight:bold; width:10%; }
.mainBody .contractWrap .termsDetails .indentnumbering { margin-left:5%; }
.mainBody .contractWrap .termsDetails span { display:inline-block; width:85%; }
.mainBody .contractWrap input { margin:10px; vertical-align:baseline; }

.mainBody .contractForm { margin:auto; max-width:600px;  }
.mainBody .contractForm label { display:inline-block; height:40px; line-height:40px; margin-right:10px; padding-left:10px; width:25%; }
.mainBody .contractForm input { border:3px solid #e4e4e4; border-radius:8px; padding:10px; width:60%; }
.mainBody .rejectReasons { border:3px solid #e4e4e4; padding:10px; width:60%; }

@media screen and (max-width:650px) {
    .mainBody .contractForm label { width:100%; }
    .mainBody .contractForm input { width:100%; }
}

/** Buttons **/
.mainBody .button { margin:20px 0px 20px 0px; text-align:center; }
.mainBody .button input,
.mainBody .button button { background-color:#fcf7f2; text-align:center; }
.mainBody .button input:hover,
.mainBody .button button:hover { background-color:#d65f00; color:#fff; }
.mainBody .button input.btn-reject:hover,
.mainBody .button button.btn-reject:hover { background-color:#943634; color:#fff; }
.mainBody .button input.btn-next:hover,
.mainBody .button button.btn-next:hover { background-color:#92d050; color:#fff; }
.mainBody .applicationContent .button input,
.mainBody .applicationContent .button button {padding:6px 12px !important; }

@media screen and (min-width:990px) {
    .mainBody .paymentbtn { margin:auto; max-width:48%; margin-right:20px; text-align:center; }
}

.mainBody .instalments ul { line-height:35px; list-style-type:none; }
.mainBody .instalments ul li strong { display:inline-block; width:150px; }

.mainBody .warningBox { background-color:#d9edf7; border:2px solid #bce8f1; color:#3a87ad; font-weight:bold; padding:10px; }

.mainBody .SponsorList { margin:auto; width:80%; }
.mainBody .SponsorList tr { display:inline-block; width:33%; }
.mainBody .SponsorList input:hover, .mainBody .SponsorList label:hover { cursor:pointer; }
.mainBody .SponsorList label { cursor:pointer; word-wrap:normal; }
.mainBody .SponsorList input { margin:10px; }
@media screen and (max-width:990px) {
    .mainBody .SponsorList { margin:auto; width:100%; }
    .mainBody .SponsorList tr { width:100%; }
}

.mainBody .sponsorDetails label { background-color:#eaeaea; color:#333; display:inline-block; float:left; height:160px; line-height:40px; margin-right:10px; padding-left:10px; width:30%; }
.mainBody .sponsorDetails .sponsorAddress { float:left; height:170px; width:65%; }


/** KxError **/
.mainBody .KxExtError { background-color:#f2dede; border:2px solid #eed3d7; color:#b94a48; padding:10px; }
.mainBody .KxError {  color:#b94a48; }
.acknowledgement .KxError input { margin:5px; } 
.acknowledgement .KxError label { font-weight:bold; } 


/** Preferences **/
.preference { margin-top:-0.5em; }
.preference .list-section .room { border:none; margin-bottom:10px; }
    .preference .list-section .room {
        border-bottom: 2px solid #d65f00;
    }
.preference .list-section .room-title h3 { font-size:1.5em; margin-top:10px; margin:0 0 0px; padding:0; color:#d65f00; font-weight:bold; }
.preference .list-section .room-info { clear:both; }
.preference .list-section .room .room-content { margin:0; padding:0; width:100%; }
.preference .list-section .room .room-content + .room-content { padding-bottom:0; }
.preference .list-section .room .room-content .Carousel img { border:1px solid #aaa; padding:3px; width:100%; }
.preference .list-section .room .room-content ul.list-horizontal { color:#d65f00; font-weight:bold; list-style-type:none; margin:0; padding:8px 0 0; }
.preference .list-section .room .room-content ul.list-horizontal li { margin:0px; padding:0; }
    .preference .list-section .room .blockFacilities > * {
        color: #d65f00;
        font-weight: bold;
    }
.preference .list-section .room .blockFacilities > ul { padding-left:1.05em; }
.preference .list-section .room .blockFacilities h1,
.preference .list-section .room .blockFacilities h2,
.preference .list-section .room .blockFacilities h3,
.preference .list-section .room .blockFacilities h4,
.preference .list-section .room .blockFacilities h5,
.preference .list-section .room .blockFacilities h6 { color:#d65f00; font-weight:bold; }
.preference .list-section .room .blockFacilities h1 *,
.preference .list-section .room .blockFacilities h2 *,
.preference .list-section .room .blockFacilities h3 *,
.preference .list-section .room .blockFacilities h4 *,
.preference .list-section .room .blockFacilities h5 *,
.preference .list-section .room .blockFacilities h6 * { color:inherit; }

.preference .list-section .room .Carousel { }

.preference .room .preferenceSelect-wrap { text-align:center; }
.preference .room .preference-selection { position:relative; display:inline-block; margin-left:-1.8em; }

.preference .room .preference-selection .preferencebutton.selected { background:transparent!important; }

.preference .room .preference-selection .preferencebutton.selected + .preflabel:before,
.preference .room .preference-selection .preferencebutton.selected + * + .preflabel:before { content:'remove from '; }

.preference .room .extraTabs { display:none; }
.preference .button_navigation { margin-bottom:0; }

.preference .list-section .room.room-attached-to.room-attached-locked { display:block!important; margin-bottom:7px; }
.preference .list-section .room.room-attached { border-top-width:0; margin-top:-20px; padding-top:10px; background:white; }
.preference .list-section .room.room-attached-to.room-attached-locked .room-content + .room-content,
.preference .list-section .room.room-attached .kxdata + .room-content { display:none; }

.preference .basket-wrap { background:#d9e9f4; padding:0 0 20px; }
.preference .basket-wrap .basketOptions-titles,
.preference .basket-wrap .ui-sortable { margin-bottom:20px; }
.preference .basket-wrap .basket-note { font-weight:bold; }
    .preference .basket-wrap .basket-note p {
        color: #d65f00;
    }
.preference .basket-wrap h2,
.preference .basket-link h2 { font-weight:bold; font-size:1em; white-space:nowrap; margin:1em 0 0; position:relative; }
.preference .basket-wrap h2 { background:url(../../images/2016/shopping-cart.png) left center no-repeat; border:none; margin-bottom:.7em; padding:.5em 0 .5em 3.5em; }
.preference .basket-wrap h2 a,
.preference .basket-link h2 a { color:white!important; }
.preference .basket-wrap h2 a:hover,
.preference .basket-link h2 a:hover { text-decoration:none; }
.preference .basket-link { display:none; }
.preference .basket-link h2 { float:right; margin-right:2.1em; }
@media screen and (min-width:480px) {
.preference .basket-link h2 { font-size:1em; border-radius:7px; }
.preference .basket-link h2:after { line-height:1.9em; font-size:1.95em; width:1.8em; height:1.8em; margin-top:-0.23em; } }
.preference .basket-wrap hr { margin-left:0; margin-right:0; width:100%; display:none; }
@media screen and (max-width:479px) {
.preference .basket-wrap .basket-note { text-align:center; }
.preference .basket-wrap .basket-note table { width:100%; } }
.preference .basket-wrap .termsandconditions { text-align:left; padding-bottom:2em; float:left; width:100%; }
.preference .basket-wrap .termsandconditions label,
.preference .basket-wrap .termsandconditions input { float:left; cursor:pointer; }
.preference .basket-wrap .termsandconditions input { display:block; }
.preference .basket-wrap .termsandconditions input:before { content:''; background:#4f81bd; color:White; display:block; width:1.2em; height:1.2em; line-height:1.19em; text-align:center; padding-right:1px; font-size:1.3em; border:2px solid #3b608c; border-radius:2px; }
.preference .basket-wrap .termsandconditions input:checked:before { content:'✓'; }
@media screen and (max-width:650px) {

.preference .basket-wrap .termsandconditions label { width:85%; }}
@media screen and (min-width:992px) { .preference .basket-wrap .termsandconditions label { padding-top:6px; } }

#basket { overflow:visible!important; margin:0!important; }
#basket ul { list-style-type:disc; }
#basket li { font-size:inherit!important; margin-bottom:0!important; list-style-type:inherit; }
.preference .basket-wrap .ui-sortable > li { width:100%; box-sizing:content-box; margin:0!important; padding:0; list-style:none; }
@media screen and (min-width:992px) { }
.preference .basket-wrap .basket-room { border:0; }
.preference .basket-wrap .basket-room h3 { font-size:2em; margin-top:10px; margin-bottom:10px; color:#d65f00; font-weight:bold; position:relative; }
.preference .basket-wrap .basket-room .basket-room-content { margin:0 0 15px; padding:0 0 10px; width:100%; }
.preference .basket-wrap .basket-room .basket-room-content + .basket-room-content { padding-bottom:0; }
@media screen and (max-width:479px) { .preference .basket-wrap .basket-room .basket-room-content + .basket-room-content { margin-bottom:25px; } }
.preference .basket-wrap .basket-room .basket-room-content img { border:1px solid #aaa; padding:3px; width:100%; }
.preference .basket-wrap .basket-room .basket-room-content ul.list-horizontal { color:#d65f00; font-weight:bold; list-style-type:none; margin:0; padding:3px 0 0; }
.preference .basket-wrap .basket-room .basket-room-content ul.list-horizontal li { display:inline-block; margin:0px; padding:0px; text-align:left; }
@media screen and (min-width:480px) { .preference .basket-wrap .basket-room .basket-room-content > .col-xs-12.col-sm-6 { width:50% } }
.preference .basket-wrap .basket-room .basket-blockFacilities { padding-bottom:1em; }
    .preference .basket-wrap .basket-room .basket-blockFacilities > * {
        color: #d65f00;
        font-weight: bold;
    }
.preference .basket-wrap .basket-room .basket-blockFacilities > ul { padding-left:1.05em; }
.preference .basket-wrap .basket-room .basket-blockFacilities h1,
.preference .basket-wrap .basket-room .basket-blockFacilities h2,
.preference .basket-wrap .basket-room .basket-blockFacilities h3,
.preference .basket-wrap .basket-room .basket-blockFacilities h4,
.preference .basket-wrap .basket-room .basket-blockFacilities h5,
.preference .basket-wrap .basket-room .basket-blockFacilities h6 { color:#d65f00; font-weight:bold; }
.preference .basket-wrap .basket-room .basket-blockFacilities h1 *,
.preference .basket-wrap .basket-room .basket-blockFacilities h2 *,
.preference .basket-wrap .basket-room .basket-blockFacilities h3 *,
.preference .basket-wrap .basket-room .basket-blockFacilities h4 *,
.preference .basket-wrap .basket-room .basket-blockFacilities h5 *,
.preference .basket-wrap .basket-room .basket-blockFacilities h6 * { color:inherit; }
.preference .basket-wrap .basket-room .Carousel { }
.preference .basket-wrap .basket-room .Carousel button { display:none; }
.preference .basket-wrap .basket-room .number-circle,
.preference .basket-wrap .basket-room .drag-handle,
.preference .basket-wrap .basket-room .RemovePreference { position:absolute; right:0%!important; margin-right:0!important; width:2em!important; height:2em!important; padding:0!important; box-sizing:border-box; text-align:center!important; font-size:1em!important; background-position:center center!important; border-radius:50%; }
.preference .basket-wrap .basket-room .number-circle { background-color:#e5f2f7!important; top:-40px; line-height:80px; border:3px solid #e4e4e4; color:#7f7f7f!important; display:none!important; }
.preference .basket-wrap .basket-room .drag-handle { background-color:transparent!important; top:76px; }
@media screen and (min-width:768px) { .preference .basket-wrap .basket-room .drag-handle { top:104px; } }
@media screen and (min-width:992px) { .preference .basket-wrap .basket-room .drag-handle { top:65px; } }
@media screen and (min-width:1200px) { .preference .basket-wrap .basket-room .drag-handle { top:0; } }
@media screen and (max-width:479px) {
.preference .basket-wrap .basket-room .number-circle,
.preference .basket-wrap .basket-room .drag-handle,
.preference .basket-wrap .basket-room .RemovePreference { right:-15%!important; }
 }
.preference .basket-wrap .basket-room .RemovePreference { background-color:#c84e4e!important; top:0; right:0!important; color:White!important; }
.preference .basket-wrap .basket-room .RemovePreference img { display:none; }
.preference .basket-wrap .basket-room .RemovePreference:after { color:White; font-family:'Glyphicons Halflings'; line-height:1.9em; font-size:1.1em; position:absolute; top:0; right:0; font-weight:normal; content:"\e020"; border-radius:50%; width:1.9em; }


/** lightbox **/
.lightbox .lb-image { padding:0!important; }


/** Misc **/
.preferencePage .col-xs-12 { margin:5px 0px; }
.checkBox { font-weight:bold; }
.checkBox input { cursor:pointer; display:inline-block; margin:7px 0px 0px 0px; vertical-align:top; width:5%; }
.checkBox .KxError input { cursor:pointer; display:inline-block; margin:7px 0px 0px 0px; vertical-align:top; width:5%; }
.checkBox label { display:inline-block; margin-top:1px; width:90%; }
.summaryPage .row { margin:10px 0px; }
.updateEmailPage .row { margin:8px 0px; }


/** Inductions **/
.inductionContent .sideBar { background-color:#eaeaea; border:10px solid #fff; padding:15px; width:100%; }
.inductionContent .sideBar h3 { font-size:1.3em; margin:0px 0px 10px 0px; padding:0px; }
.inductionContent .sideBar img { border:5px solid #fff; margin-bottom:20px; width:100%; }
.inductionContent .sideBar p { margin:0px; padding:0px; }
.inductionContent ul, .inductionContent ol { margin-top:10px; }
.inductionContent li { line-height:25px; }

/** Inventory **/
.inventoryContent .ui-accordion-header { height:50px; }
.inventoryContent .ui-accordion-header .invRoomName { display:inline-block; line-height:30px; width:35%; }
.inventoryContent .ui-accordion-header .invStatus { display:inline-block; width:20%; }
.inventoryContent .ui-accordion-header .items { display:inline-block; width:25%; }
.inventoryContent .ui-accordion-header .invButton { display:inline-block; width:15%; }
.InvItemsList .InvItemListHeader { font-weight:bold; display:inline-block; width:25%; }
.InvItemsList .InvItemListHeader:first-child { width:40%; }
.InvItemsList .ItemDescriptionAndQty { display:inline-block; margin:0px; padding:5px 0px; width:40%; }
.InvItemsList .ItemCondition { display:inline-block; width:25%; }
.InvItemsList .ItemConditionNotes { display:inline-block; width:30%; }
.InvItemsList .ItemConditionNotes li { list-style-type: none !important; }
.InvItemsList .ItemComments { color:yellow; }
.InvItemsList ul { margin:0px !important; padding:0px !important; }
.InvItemsList { height: 342px;width: 100%;overflow: hidden; }
.inventoryContent .show-hide { font-size:0.8em; margin:10px 0px; padding-left:30px; width:145px; }
.DATARoomDetails {margin-left: 20px;display: block; clear: both;}
.DATARoomDetails input[type=submit], .DATARoomDetails input[type=button] { margin-right: 20px; padding-left:30px; margin-top:10px; }
.DATARoomDetails input[type=submit]{float: right;margin-right: 0; width: auto;}
.DATARoomDetails .AddComment div{clear:both;float: left;width: 100%; }
.DATARoomDetails textarea{width: 100%; float: left;}
.height-auto{height: auto!important; display: block; overflow: visible;}
.comment-title{width: 60%; float: left;}
.c-count{width: 30px;}
.QueryOptions{float:left; width: 70%;margin-top: 20px!important;margin-bottom: 10px!important;}
.QueryOptions label{margin-right: 13px!important; padding-left: 5px;}
.QueryErrorText{border: 2px solid red!important; border-radius: 2px; width: 97%!important; color: Red!important; padding: 5px!important; float: left!important;display: none;}

.discussion ol li { list-style-type:none !important; }
.discussion li[data-student="True"] { background-color:#fcf7f2; border:1px solid #d65f00; padding:10px !important; }
.discussion li[data-student="True"] h4 { color:#888; font-size:1em; font-weight:bold; margin:0px; padding:0px; }
.discussion li[data-student="True"] h4 span { color:#d65f00; font-weight:bold; }
.discussion li[data-student="True"] p { margin:0px !important; padding:0px !important; }

.discussion li[data-student="False"] {
    background-color: #f2faff;
    border: 1px solid #d65f00;
    padding: 10px !important;
    text-align: right;
}
.discussion li[data-student="False"] h4 { color:#888; font-size:1em; margin:0px; padding:0px; }
    .discussion li[data-student="False"] h4 span {
        color: #d65f00;
        font-weight: bold;
    }
.discussion li[data-student="False"] p { margin:0px !important; padding:0px !important; }



/* ARRIVAL PASS */
/* This is a customized version of arrival pass. This section has 3 sections:
 * - this first section(ARRIVAL PASS) is about everything which is outside the wrapped or inside, but only for testing
 * - second section (ARRIVAL PASS CUSTOM) is Royal Holloway custom design
 * - third section (ARRIVAL PASS PRINT) is the print stylesheet 
 * 
 * Classes:
 * - .ArrivalPassPage (outer element)
 * - .ArrivalPassNarrow (outer element)
 * - .ArrivalPassWrapper (wrapper element)
 * - .ArrivalPass
 * - .ArrivalPass.VehiclePass */
/*.ArrivalPassPage #Kx { margin-left:0; }
#Kx .ArrivalPass-old { opacity:0.3; width:100%; box-sizing:border-box; }
#Kx .ArrivalPass-old > img,
#Kx .ArrivalPassWrapper > img { width:100%; height:auto; }


#Kx .ArrivalPass { border-color:#c01e2d; border-radius:0!important; }
#Kx .ArrivalPass * { font-family:Arial; }
#Kx .ArrivalPass .arrival-left h2 { color:#c01e2d!important; font-size:46px; letter-spacing:0; margin-bottom:26px;  font-weight:bold; }
#Kx .ArrivalPass .arrival-left h2 span { color:#c01e2d!important; margin-bottom:3px; display:inline-block; }
#Kx .ArrivalPass .columns.arrival-welcome > div { padding-left:2em; padding-right:2em; }
#Kx .ArrivalPass .columns.arrival-pass { background:#2e75b6; }
#Kx .ArrivalPass .columns.arrival-pass * { color:white!important; }
#Kx .ArrivalPass .columns.arrival-pass h3 { font-size:35px; line-height:1.3; letter-spacing:0; }
#Kx .ArrivalPass .columns.arrival-pass h3 b { font-weight:normal; }
#Kx .ArrivalPass .columns.arrival-address { background:#000; }
#Kx .ArrivalPass .columns.arrival-address * { color:white!important; }
#Kx .ArrivalPass .columns.arrival-right h3,
#Kx .ArrivalPass .columns.arrival-right p,
#Kx .ArrivalPass .columns.arrival-right ul,
#Kx .ArrivalPass .columns.arrival-right ul li { text-align:left; padding-left:15px; }
#Kx .ArrivalPass .columns.arrival-right ul { padding-left:0; }
#Kx .ArrivalPass .arrival-left h3,
#Kx .ArrivalPass .arrival-left h4 { color:#c01e2d; }
#Kx .ArrivalPass .arrival-left h3 { letter-spacing:0; font-size:19px; margin:-7px 0 14px 0; color:black!important; font-weight:bold; }
#Kx .ArrivalPass .arrival-left h3 { font-size:35px; }
#Kx .ArrivalPass .arrival-left h4 { margin:5px 0 0; font-size:17px; }
#Kx .ArrivalPass .arrival-left h3 .arrival-date { letter-spacing:3.6px; }
#Kx .ArrivalPass .arrival-left .arrival-date p + h3 { line-height:1.3; }
#Kx .ArrivalPass .arrival-left p { font-size:1.66em; line-height:1.3em; margin-bottom:1.5em; }
#Kx .ArrivalPass .columns.arrival-right p { font-size:2.3em; }
#Kx .ArrivalPass .columns.arrival-right p .arrival-studentid { font-size:0.6em; }
#Kx .ArrivalPass .arrival-highlighted { color:#c01e2d; }
#Kx .ArrivalPass small .arrival-highlighted { font-size:79%; }
#Kx .ArrivalPass .columns.arrival-left img { max-width:95%!important; margin-left:0; margin-top:0; margin-bottom:10px; display:block!important; }
#Kx .ArrivalPass a { color:inherit!important; font-weight:inherit!important; text-decoration:none; }
@media only screen and (min-width:480px) {
    #Kx .ArrivalPass .columns.arrival-pass > div { min-height:320px; padding-top:6.5em; }
    #Kx .ArrivalPass .columns.arrival-address > div { min-height:320px; }
}
@media only screen and (min-width:651px) {
    .ArrivalPassPage #Kx { margin-left:-10px; }
    #Kx .ArrivalPass .columns.arrival-welcome > div { padding-top:1em; padding-right:1em; padding-bottom:0; padding-left:2em; }
    #Kx .ArrivalPass .columns.arrival-date > div { padding-top:0; padding-bottom:0.5em; padding-right:1em; }
    #Kx .ArrivalPass .columns.arrival-right { padding-left:0; overflow:hidden; }
    #Kx .ArrivalPass .columns.arrival-pass > div { height:166px; padding-top:0; }
    #Kx .ArrivalPass .columns.arrival-address > div { padding-top:0; height:330px; width:100.5%; }
    #Kx .ArrivalPass .columns.arrival-left img { max-width:85%!important; margin-top:10px; margin-bottom:15px; }
}

@media only screen and (min-width:768px) {
    .ArrivalPassPage #Kx { margin-left:-15px; }
}
@media only screen and (min-width:992px) {
    #Kx .ArrivalPass .columns.arrival-pass h3 { font-size:40px; }
    #Kx .ArrivalPass .columns.arrival-welcome > div { padding-left:2.5em; padding-bottom:1em; padding-right:1.7em; }
    #Kx .ArrivalPass .columns.arrival-date > div { padding-top:1em; padding-right:4em; }
    #Kx .ArrivalPass .columns.arrival-address > div { height:330px; }
    .ArrivalPass .medium-12 { width:101%; }
    #Kx .ArrivalPass .columns.arrival-left img { max-width:62%!important; margin-left:-7px; margin-top:10px; margin-bottom:10px; }
}
@media only screen and (min-width:1200px) {
    #Kx .ArrivalPass .columns.arrival-address > div { height:320px; }
    #Kx .ArrivalPass .columns.arrival-pass h3 { font-size:44px; letter-spacing:3px; }
    #Kx .ArrivalPass .columns.arrival-right p { font-size:2.7em; }
}
@media only screen and (max-width:991px) {
    #Kx .ArrivalPass .arrival-left h2 { font-size:40px; }
    #Kx .ArrivalPass .arrival-left h2 + h3 { font-size:26px; }
    #Kx .ArrivalPass .arrival-left p { font-size:1.4em; }
}
@media only screen and (max-width:650px) {
    #Kx .ArrivalPass .columns.arrival-welcome > div { padding-top:1.5em; padding-bottom:0; }
    #Kx .ArrivalPass .columns.arrival-date > div { padding-top:0; }
    #Kx .ArrivalPass .columns.arrival-address > div { padding-top:4.5em; }
}
@media only screen and (max-width:480px) {
    #Kx .ArrivalPass .columns.arrival-address > div { padding-top:2.5em; }
    #Kx .ArrivalPass .arrival-left h2 { font-size:30px; }
    #Kx .ArrivalPass .arrival-left h2 + h3 { font-size:20px; }
    #Kx .ArrivalPass .arrival-left p { font-size:1.2em; }
    #Kx .ArrivalPass .columns.arrival-pass h3 { font-size:40px; letter-spacing:3px; }
    #Kx .ArrivalPass .columns.arrival-right p { font-size:2.7em; }
}


@media print {
    .ArrivalPassPage { padding:0!important; border:0!important; }
    .ArrivalPassPage > * { padding:0; }
    .ArrivalPassPage > .container:first-child,
    .ArrivalPassPage > .footer-wrapper { display:none; }
    .ArrivalPassPage .accordion-wrapper { width:auto; }
    #Kx .ArrivalPassWrapper > .sub-heading { page-break-after:no; }
    #Kx .ArrivalPass { page-break-before:no; page-break-after:no; }
    #Kx .ArrivalPass .columns.arrival-right { margin:-0.6% -0.7% -0.5% 0.6%; }
    #Kx .ArrivalPass .arrival-highlighted,
    #Kx .ArrivalPass .arrival-highlighted *,
    #Kx .ArrivalPass h3 .arrival-highlighted,
    #Kx .ArrivalPass h3 .arrival-highlighted * { color:#c01e2d!important; }
    #Kx .ArrivalPass .arrival-left h2 { font-size:48px; color:#c01e2d!important; margin-top:0; }
    #Kx .ArrivalPass .arrival-left h3 { font-size:21px!important; }
    #Kx .ArrivalPass .columns.arrival-welcome,
    #Kx .ArrivalPass .columns.arrival-date { width:100%; }
    #Kx .ArrivalPass .columns.arrival-pass:before,
    #Kx .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-pass-bg-print.png); }
    #Kx .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-address-bg-print.png); }
    #Kx .ArrivalPass .columns.arrival-pass *,
    #Kx .ArrivalPass .columns.arrival-address * { color:transparent!important; -webkit-print-color-adjust:exact; text-shadow:0 0 0 white !important; }
    #Kx .ArrivalPass .columns.arrival-right { min-height:255px; }
    #Kx .ArrivalPass .columns.arrival-right:before { content:url(../../images/arrivalpass/arrival-address-bg-print.png); position:absolute; z-index:0; left:0; }
}
@media print and (-webkit-min-device-pixel-ratio:0) {
    #Kx .ArrivalPass .columns.arrival-pass *,
    #Kx .ArrivalPass .columns.arrival-address * { color:white!important; }
}
@media print and (orientation:portrait) {
    #Kx .ArrivalPass .columns.arrival-right { width:101.8%!important; margin:2% -0.79% -2% -0.79%!important; }
    #Kx .ArrivalPass .arrival-left h2 { font-size:37px; }
    #Kx .ArrivalPass .arrival-left h3 { font-size:15.5px!important; margin-bottom:9px!important; }
    #Kx .ArrivalPass .columns.arrival-pass div { padding-top:5.5em; padding-bottom:6em; }
    #Kx .ArrivalPass .columns.arrival-address div { padding-top:3.5em; padding-bottom:2.5em; }
}
@media print and (orientation:landscape) {
    #Kx .ArrivalPassWrapper { min-width:900px; }
    #Kx .ArrivalPass .columns.arrival-left { width:70%; }
    #Kx .ArrivalPass .columns.arrival-right { width:30%; }
    #Kx .ArrivalPass .columns.arrival-pass div { padding-top:2em; }
    #Kx .ArrivalPass .columns.arrival-address div { padding-top:3em; }
    #Kx .ArrivalPass .columns.arrival-right { min-height:565px; }
}



#Kx .ArrivalPassType1 .ArrivalPass { border-color:#c01e2d; }
#Kx .ArrivalPassType1 .ArrivalPass .arrival-left h2 { color:#c01e2d!important; }
#Kx .ArrivalPassType1 .ArrivalPass .arrival-left h2 span { color:#c01e2d!important; }
#Kx .ArrivalPassType1 .ArrivalPass .columns.arrival-pass { background:#2e75b6; }
#Kx .ArrivalPassType1 .ArrivalPass .columns.arrival-address { background:#000; }
#Kx .ArrivalPassType1 .ArrivalPass .arrival-left h3,
#Kx .ArrivalPassType1 .ArrivalPass .arrival-left h4 { color:#c01e2d; }
#Kx .ArrivalPassType1 .ArrivalPass .arrival-highlighted { color:#c01e2d; }

#Kx .ArrivalPassType2 .ArrivalPass { border-color:#c01e2d; }
#Kx .ArrivalPassType2 .ArrivalPass .arrival-left h2 { color:#e2931e!important; }
#Kx .ArrivalPassType2 .ArrivalPass .arrival-left h2 span { color:#e2931e!important; }
#Kx .ArrivalPassType2 .ArrivalPass .columns.arrival-pass { background:#2f5597; }
#Kx .ArrivalPassType2 .ArrivalPass .columns.arrival-address { background:#ed7d31; }
#Kx .ArrivalPassType2 .ArrivalPass .arrival-left h3,
#Kx .ArrivalPassType2 .ArrivalPass .arrival-left h4 { color:#1f4e79; }
#Kx .ArrivalPassType2 .ArrivalPass .arrival-highlighted { color:#1f4e79; }

#Kx .ArrivalPassType3 .ArrivalPass { border-color:#c01e2d; }
#Kx .ArrivalPassType3 .ArrivalPass .arrival-left h2 { color:#ed7d31!important; }
#Kx .ArrivalPassType3 .ArrivalPass .arrival-left h2 span { color:#ed7d31!important; }
#Kx .ArrivalPassType3 .ArrivalPass .columns.arrival-pass { background:#2f5597; }
#Kx .ArrivalPassType3 .ArrivalPass .columns.arrival-address { background:#c01e2d; }
#Kx .ArrivalPassType3 .ArrivalPass .arrival-left h3,
#Kx .ArrivalPassType3 .ArrivalPass .arrival-left h4 { color:#1f4e79; }
#Kx .ArrivalPassType3 .ArrivalPass .arrival-highlighted { color:#1f4e79; }

#Kx .ArrivalPassType4 .ArrivalPass { border-color:#2f5597; }
#Kx .ArrivalPassType4 .ArrivalPass .arrival-left h2 { color:#ed7d31!important; }
#Kx .ArrivalPassType4 .ArrivalPass .arrival-left h2 span { color:#ed7d31!important; }
#Kx .ArrivalPassType4 .ArrivalPass .columns.arrival-pass { background:#c01e2d; }
#Kx .ArrivalPassType4 .ArrivalPass .columns.arrival-address { background:#2f5597; }
#Kx .ArrivalPassType4 .ArrivalPass .arrival-left h3,
#Kx .ArrivalPassType4 .ArrivalPass .arrival-left h4 { color:#1f4e79; }
#Kx .ArrivalPassType4 .ArrivalPass .arrival-highlighted { color:#1f4e79; }

@media print {
    #Kx .ArrivalPassType1 .ArrivalPass .arrival-highlighted,
    #Kx .ArrivalPassType1 .ArrivalPass .arrival-highlighted *,
    #Kx .ArrivalPassType1 .ArrivalPass h3 .arrival-highlighted,
    #Kx .ArrivalPassType1 .ArrivalPass h3 .arrival-highlighted * { color:#c01e2d!important; }
    #Kx .ArrivalPassType1 .ArrivalPass .arrival-left h2 { color:#c01e2d!important; }
    #Kx .ArrivalPassType1 .ArrivalPass .columns.arrival-pass:before { content:url(../../images/arrivalpass/arrival-pass-bg1-print.png); }
    #Kx .ArrivalPassType1 .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-address-bg1-print.png); }
    #Kx .ArrivalPassType1 .ArrivalPass .columns.arrival-right:before { content:url(../../images/arrivalpass/arrival-address-bg1-print.png); }

    #Kx .ArrivalPassType2 .ArrivalPass .arrival-highlighted,
    #Kx .ArrivalPassType2 .ArrivalPass .arrival-highlighted *,
    #Kx .ArrivalPassType2 .ArrivalPass h3 .arrival-highlighted,
    #Kx .ArrivalPassType2 .ArrivalPass h3 .arrival-highlighted * { color:#1f4e79!important; }
    #Kx .ArrivalPassType2 .ArrivalPass .arrival-left h2 { color:#e2931e!important; }
    #Kx .ArrivalPassType2 .ArrivalPass .columns.arrival-pass:before { content:url(../../images/arrivalpass/arrival-pass-bg2-print.png); }
    #Kx .ArrivalPassType2 .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-address-bg2-print.png); }
    #Kx .ArrivalPassType2 .ArrivalPass .columns.arrival-right:before { content:url(../../images/arrivalpass/arrival-address-bg2-print.png); }

    #Kx .ArrivalPassType3 .ArrivalPass .arrival-highlighted,
    #Kx .ArrivalPassType3 .ArrivalPass .arrival-highlighted *,
    #Kx .ArrivalPassType3 .ArrivalPass h3 .arrival-highlighted,
    #Kx .ArrivalPassType3 .ArrivalPass h3 .arrival-highlighted * { color:#1f4e79!important; }
    #Kx .ArrivalPassType3 .ArrivalPass .arrival-left h2 { color:#ed7d31!important; }
    #Kx .ArrivalPassType3 .ArrivalPass .columns.arrival-pass:before { content:url(../../images/arrivalpass/arrival-pass-bg3-print.png); }
    #Kx .ArrivalPassType3 .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-address-bg3-print.png); }
    #Kx .ArrivalPassType3 .ArrivalPass .columns.arrival-right:before { content:url(../../images/arrivalpass/arrival-address-bg3-print.png); }

    #Kx .ArrivalPassType4 .ArrivalPass .arrival-highlighted,
    #Kx .ArrivalPassType4 .ArrivalPass .arrival-highlighted *,
    #Kx .ArrivalPassType4 .ArrivalPass h3 .arrival-highlighted,
    #Kx .ArrivalPassType4 .ArrivalPass h3 .arrival-highlighted * { color:#1f4e79!important; }
    #Kx .ArrivalPassType4 .ArrivalPass .arrival-left h2 { color:#ed7d31!important; }
    #Kx .ArrivalPassType4 .ArrivalPass .columns.arrival-pass:before { content:url(../../images/arrivalpass/arrival-pass-bg4-print.png); }
    #Kx .ArrivalPassType4 .ArrivalPass .columns.arrival-address:before { content:url(../../images/arrivalpass/arrival-address-bg4-print.png); }
    #Kx .ArrivalPassType4 .ArrivalPass .columns.arrival-right:before { content:url(../../images/arrivalpass/arrival-address-bg4-print.png); }
}
*/


/* Requests */
.flatsrequest .form-group { margin: 7px 0px; width: 100%; }
.flatsrequest .form-group label { display: inline-block; margin-right: 20px; width: 30%; }
.flatsrequest .form-group input { display: inline-block; width: 60%; }
input[type="radio"]:hover { cursor: pointer; }

/* Room Move */
textarea.form-control { height: auto; resize: none; }

/*Arrival Slots*/
#Kx .month.disabled {
    color: indianred;
    opacity: .5;
}

#Kx .disabled.day.disabled {
    color: indianred;
    opacity: .5;
}

#Kx .datepicker-inline{
    padding: 10px;
    border: solid 1px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
}

#Kx #timeslots{
    display:none;
    vertical-align: middle;
}

#Kx #chosenSlot {
    margin-top: 20px;
}

#Kx .datepicker-title {
    color: #31708f;
}

#Kx .datepicker-inline {
    width: 100%;
}

#Kx .datepicker table {
    width: 100%;
}

#Kx .progress {
    margin-top: 20px;
    height: 30px;
}

#Kx .progress-bar {
    font-weight: 800;
    font-size: 14px;
    line-height: 30px;
}

#Kx .progress-bar-edinburgh {
    background-color: #d65f00;
}

@media (min-width: 768px) {

#Kx .inductionContent .container { padding-right: 25px; }
}

.partPayment {
	margin-left: 15px;
}

@media screen and (min-width:1200px) { 
    .progresscircle {
        color: #d65f00;
        padding: 10px 155px 0 155px;
    }
    .progresscirclegrey {
        color: #ddd;
        padding: 10px 155px 0 155px;
    }
    .progressnumber {
        color: #ddd; 
        padding-top: 15px;
    }
     .progressnumberorange {
        color: #d65f00; 
        padding-top: 15px;
    }
    .progresstext {
        color: #d65f00;
        padding: 0 100px 0 100px;
        text-align: center;
	text-decoration:none !important;

    }
   
}

@media screen and (max-width: 1199px) {
    .progresscircle {
        color: #d65f00;
        margin-left: 116px;
        margin-top: 10px;
    }
    .progresscirclegrey {
        color: #ddd;
        margin-left: 116px;
        margin-top: 10px;
    }
    .progressnumber {
        color: #ddd; 
        padding-top: 15px;
    }
     .progressnumberorange {
        color: #d65f00; 
        padding-top: 15px;
    }
     .progresstext {
        color: #d65f00;
        padding: 0 100px 0 100px;
        text-align: center;
	text-decoration:none;

    }
}

@media screen and (max-width: 991px) {
    .progresscircle {
        color: #d65f00;
        margin-left: 100px;
        margin-top: 10px;
    }
    .progresscirclegrey {
        color: #ddd;
        margin-left: 100px;
        margin-top: 10px;
    }
    .progressnumber {
        color: #ddd; 
        padding-top: 15px;
        padding-left: 40px;
    }
    .progressnumberorange {
        color: #d65f00; 
        padding-top: 15px;
        padding-left: 40px;
    }
    .progresstext {
        color: #d65f00;
        padding: 0 100px 0 100px;
        text-align: center;
	text-decoration:none;

    }
}

@media screen and (max-width: 768px) {
    .progresscircle {
        color: #d65f00;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progresscirclegrey {
        color: #ddd;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progressnumber {
        color: #ddd; 
        padding-top: 15px;
        padding-left: 0px;
    }
    .progressnumberorange {
        color: #d65f00; 
        padding-top: 15px;
        padding-left: 0px;
    }
    .progresstext {
        color: #d65f00;
        padding: 0 100px 0 80px;
        text-align: center;
	text-decoration:none;

    }
}

@media screen and (max-width: 600px) {
    .progresscircle {
        color: #d65f00;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progresscirclegrey {
        color: #ddd;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progressnumber {
        color: #ddd; 
        margin-top: 0px;
        padding-left: 40px;
    }
    .progressnumberorange {
        color: #d65f00; 
        margin-top: 0px;
        padding-left: 40px;
    }
    .progresstext {
        color: #d65f00;
        padding: 0 100px 0 80px;
        text-align: center;
	text-decoration:none;

    }
     .progressheading {
        margin-left: -50px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .progresscircle {
        color: #d65f00;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progresscirclegrey {
        color: #ddd;
        margin-left: 75px;
        margin-top: 10px;
    }
    .progressnumber {
        color: #ddd; 
        margin-top: -44px;
        padding-left: 100px;
    }
    .progressnumberorange {
        color: #d65f00; 
        margin-top: -44px;
        padding-left: 100px;
    }
    .progresstext {
        color: #d65f00;
        padding: 0 100px 0 80px;
        text-align: center;
	text-decoration:none;
    }
     .progressheading {
        margin-left: -50px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 1200px) {
.btn-next {
    margin-left: 400px;
	}
.btn-accept {
    margin-left: 0px;
}
}



@media screen and (min-width: 992px) {
.btn-next {
    margin-left: 250px;
	}
.btn-accept {
    margin-left: 0px;
}

a:hover {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

.medicaldetails {margin-bottom: 2em;}