/********************************************\
 ***
 *** 	Borough Council of King's Lynn & West Norfolk
 ***
 ***	Stylesheet: 	Main (all screens)	
 ***	Version: 		2.5.3 (eGovHub v2 release 5.3)
 *** 	Last Updated:	13 September 2021
 *** 	Updated by: 	D. Bartrum
 ***
/********************************************/

/* ---------------------- Text/Font styling ---------------------- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,300");
html { min-width: 320px; }
body { font-size: 16px; }
body, div, h1, h2, input, textarea, select { font-family: Open Sans, Segoe UI, Tahoma, Verdana, Arial, Helvetica, Verdana; }
::selection { background-color: #ffd98f; } ::-moz-selection { background-color: #ffd98f; }
a { color: #00499c; text-decoration: none; }
div.text_size_options a { font-size: 14px; }
div.text_size_options a.medium { font-size: 18px; }
div.text_size_options a.large { font-size: 22px; }
h1 { font-weight: bold; border-bottom: 2px solid #00499c; padding-bottom: 20px; }
.design-tools h1 { color: white; }
div.question { margin-bottom: 25px}
.question.optional .control-label { font-weight: bold; }

/* ---------------------- General styling ---------------------- */
body > form {
	background: white; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #00499c, #00499c 130px, transparent 130px, transparent 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #00499c, #00499c 130px, transparent 130px, transparent 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #00499c, #00499c 130px, transparent 130px, transparent 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #00499c, #00499c 130px, transparent 130px, transparent 100%); /* Standard syntax */
}
.top_banner.row { /* background-image: url(https://kingslynn.blob.core.windows.net/v2images/newlogo.png); */
	background-color: #00499c; background-repeat: no-repeat; background-position: 100%; background-size: 98% 100%;
	height: 130px; clear: both; overflow: auto;	
}
.top_banner.row .col-md-12 {
	height: 100%; 
	background: url('https://www.west-norfolk.gov.uk/site/images/crest-header.svg') no-repeat;
	background-position: 620px -240px;
    background-size: 700px;
}

.site-header { position: relative; top: 22px; left: -16px; }
.site-header__identity { text-align: left; }
.site-header__identity__heading { color: #fff; display: block; font-size: 31px; font-weight: 700; line-height: 1.4; margin: 0}
.site-header__identity__heading--light { display: block; font-size: 22px; font-weight: 300 }
.site-header__identity__heading:visited,.site-header__identity__heading:hover,.site-header__identity__heading:focus,.site-header__identity__heading:active { color: #fff; text-decoration: none }

.navigation_item .toggle_errors { white-space: normal; }
@media (min-width: 1300px) { .container { width: 1280px; } }
@media (max-width: 1199px) {
	.top_banner.row .col-md-12 { background-position: 450px -225px; background-size: 550px; }
	.navigation_item .toggle_errors { margin-left: 5px; font-size: 13px; }
}
@media (max-width: 991px) {
	body, body > form { background: #fff; }
	.container { width: 100%; } 
	.site-header { left: 0; }
}
@media (max-width: 600px) {
	.top_banner.row .col-md-12 { background: none; } .site-header { top: 12px; } 
	.site-header__identity { text-align: center; } .site-header__identity--break { display: block; }
	.site-header__identity__heading { font-size: 24px; } .site-header__identity__heading--light { font-size: 17px; }
}
@media (max-width: 340px) { .navigation-toggle { position: relative; top: -20px; right: -25px; } }

/* ---------------------- Buttons ---------------------- */
.button, .btn {
	background-color: #f0b849; color: #000000; font-weight: bold; font-size: 15px; cursor: pointer;
	border: none; border-bottom: 2px solid #000000; border-radius: 0px; -webkit-appearance: none;
}
.button:hover, .btn:hover { background-color: #000; border-color: #000; color: #fff; -webkit- transition: 0.3s; transition: 0.3s; }
.button.edit { padding-left: 15px; }
.btn-info, .btn-info.active, .btn-info:active, .btn-info:focus { color: #dc143c; background-color: #fff; padding: 3px 10px; font-size: 100%; border: 0px solid #dcdcdc; outline-color: #ab0000; }
.btn-info:hover, .btn-q-help.tooltip-open:hover, .btn-info.active:hover, .btn-info:active:hover, .btn-info.tooltip-open, .btn-q-help.tooltip-open { background-color: #dc143c; border-color: #dc143c; color: #fff; }
.tooltip-outer, .tooltip-outer > i, .tooltip-inner { background-color: #dc143c; font-size: 108%; color: #fff; font-weight: bold; }
.tooltip-outer > i { padding-top:6px; }
.tooltip-arrow { border-bottom-color: #dc143c !important; }
div.options .button { padding: 5px 10px 5px 10px; text-transform: uppercase; margin: 10px; }
div.editor_container .edit_menu .btn { margin-top: 5px; background-color: #00499c; border: #00499c; }
div.editor_container .button, div.editor_container .edit_menu .btn {
	background: #f0b849; margin: 6px; padding: 10px 30px; font-weight: bold; border-bottom: 2px solid #000;
	white-space: normal !important; word-wrap: break-word; text-align: center; text-transform: uppercase;
}
div.editor_container .button:hover, div.editor_container .edit_menu .btn:hover { background-color: #000; transition: 0.3s; }
input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton { margin-top: 10px; text-transform: uppercase; }
.btn-danger { background-color: crimson; color: #fff; border-color: crimson; margin-bottom: 10px; border-radius: 2px !important; padding: 5px !important; }
.btn-danger:hover, .navigation_item .toggle_errors.popover-open { background-color: #ffdede; color: #dc143c; font-weight: bold; }
.navigation_item:hover { background-color: rgba(255, 255, 255, 0.42); }
.popover.validation-errors .popover-title { background-color: crimson; }
.popover.validation-errors { border-color: crimson; }
div.actions .button { font-size: 12px; text-transform: UPPERCASE; font-weight: bold; }
@media (max-width: 415px) { div.actions .button { padding: 10px 20px; } } @media (max-width: 350px) { div.actions .button { padding: 10px 15px; } }
.toggle-display-options { display: none; }
div.start_button .button, div.retrieve_button .button { min-width: 150px; font-size: 16px; }
@media (max-width: 500px) { div.start_button .button, div.retrieve_button .button { width: 100%; } } 

/* -------------- Designer NavBar, Sidebar & Container -------------- */
div.options { background-color: lightyellow; background-color: rgba(213, 233, 255, 0.7); position: fixed; top: 0; left: 0; margin: 0; width: 100%; z-index: 1000;  border-bottom: none; padding: 0px; }
div.options .col-md-12 { min-height: 0px; }
.display-options .dropdown-menu > div { border-top: 1px solid #999; }
div.contrast_options a { padding: 10px 15px 10px 15px; font-size: 17px; border: none; border-radius: 10%; }
div.contrast_options a.default_contrast { color: #4285f4; }
div.contrast_options a.contrast1 { background-color: #333; }
div.contrast_options a.contrast2 { background-color: #ffff8d; color: #333; }
div.question .prompt { width: 0%; }
.design-tools { background-color: rgba(61, 61, 61, 0.95); transition: all 0.5s ease-in; position: fixed; z-index: 900; padding-top: 50px; }
.design-tools h1 { border-bottom: 1px solid #d3d3d3; margin-bottom: 15px; }
.editor_container .form-group label { display: inline-block; }
.editor_container .checkbox input, .editor_container .radio input { opacity: 1; }
.editor_container .form-group .quick-actions { margin-top: 0px; }

/* -------------------- Side NavBar (Contents) -------------------- */
.navigation { padding: 0px; }
.navigation_panel_contents { border: 2px solid #cfd3d6; border-top: 0px; margin-top: -10px; }
@media (min-width: 992px) { .navigation_panel_contents { margin-top: 20px; margin-right: 10px; } }
.navigation_panel_contents h2 { border-radius: 0px;  margin: 0px -2px 10px -2px; font-weight: bold; padding: 16px; }
.navigation_item { margin: 0px 15px; border-bottom: 1px solid #cfd3d6; }
.navigation_item .navigate_button { width: 100%; padding: 10px 5px 10px 27px; }
.navigation_item .navigation_icon { position: absolute; top: 15px; width: 12px; height: 12px; background-color: #f0b849; }
.navigation_item.selected .navigation_icon, .navigation_item.complete.selected .navigation_icon, .navigation_item.visited.selected .navigation_icon { background: #00499c !important; } 
.navigation_item.selected .navigation_icon:first-child::before { content: ''; }
.navigation_item.visited .navigation_icon:first-child::before { color: #dc143c; font-size: 110%; }
.navigation_item.complete .navigation_icon:first-child::before { color: #08ca08; font-size: 110%; }
.navigation_item.complete .navigation_icon, .navigation_item.visited .navigation_icon{ background: none !important; }
.navigation_item:hover .navigate_button, .navigation_item:focus .navigate_button { text-decoration: underline; background: none; color: #000 }
.navigation_item:hover .navigation_icon, .navigation_item:focus .navigation_icon { background-color: #000; }

/* -------------------- Login page styling -------------------- */
.login.container, .login.container .row { 
	display: block; position: fixed; height: 100%; width: 100%; margin: 0; padding: 0; 
	background: #78b6ff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #78b6ff, transparent 175%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #78b6ff, transparent 175%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #78b6ff, transparent 175%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #78b6ff, transparent 175%); /* Standard syntax */
}
.login.container { background: #fff; } /* was #002b5d */
.login .col-md-offset-4.col-md-4 { background-color: rgba(255, 255, 255, 0.75); margin: 200px 0 200px 33%; padding: 5px 15px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color: #000; outline: 10px solid rgba(0, 117, 255, 0.2); }
.login .header h1 { border-color: rgba(95, 170, 255, 0.37); }
.login .header h1::before { content: 'Development Form '; }
.login .form-control { background-color: rgba(178, 213, 255, 0.3); color: #000; margin-top: 5px; border: 1px solid rgba(95, 170, 255, 0.2); font-weight: bold; }
@media (max-width: 991px) { .login .col-md-offset-4.col-md-4 { margin: 200px 25%; } }

/* ---------------------------- Inputs ---------------------------- */
.form-group label { display: inline; }
.form-group > div { margin-top: 10px; }
.form-control { transition: all .3s; }
.failed_validation_question .form-control { border-color: #da9593; }
.form-control:focus, .form-control:hover { transition: all 0.5s ease-out;}
h2 { font-size: 20px; font-weight: bold; color: white; background-color: #00499c; padding: 10px 30px 10px 30px; }
.failed_validation_question { border: none; background-color: inherit; padding: initial; margin-bottom: 10px !important; }
.validation-error { display: none; }
.validation-error::before { content: '⚠'; margin-right: 5px; font-size: 20px; font-weight: bold; }
.login .validation-error::before { display: none; }
select#PageList { background-color: white !important; color: black !important; height: 35px; margin-left: 5px; width: 100%; }
div.reference { font-size: 130%;}
.footer.row { background-color: #00499c; color: #00499c; padding-bottom: 10px; position: absolute; left: 0; margin: 10px 0 0 0; width: 100%; min-height: 40px; }
.footer.row .col-md-12 { display: none !important }
hr.design_cursor { margin: 10px 0px; height: 15px; background-color: #cfd3d6; background: repeating-linear-gradient(145deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.4) 10px, rgba(0, 0, 0, 0.4) 20px); }
hr.design_cursor:hover, hr.design_cursor.selected { background-color: #f0b849; }
hr.design_cursor_drop_hover { background-color: yellow !important; height: 40px; }
.retrieve_fields > div { width: 100% !important; margin: 0 !important; }
.retrieve_fields input { margin-top: 10px; }
.question .optional-indicator { font-size: 14px; color: #8e8e8e; }
div.question_section_header { margin-bottom: 20px; }
div.question_section { margin-bottom: 20px; }
div.question_section.join_to_header { margin-top: -21px; border-top: 1px solid #ccc; }

/* Checkboxes & Radio buttons */
.checkbox input, .radio input, .checkbox-list-q table input, .radiobutton-list-a input { opacity: 0; position: absolute; }
.checkbox label, .radio label, .checkbox-list-q table label::before, .checkbox-list-q table td, .radiobutton-list-a label::before, .radiobutton-list-a td { padding-left: 45px; }
.checkbox span::before, .radio span::before, .checkbox-list-q table label::before, .radiobutton-list-a label::before, #ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox label::before
{
	display: inline-block; width: 20px; height: 20px; vertical-align: middle; line-height:20px;
	content: ''; margin-left: -42px; margin-right: 15px; padding: 2px;
	border: 2px solid #ddd; border-radius:5px; font-size:18px; text-align: center; font-weight: bold;
	 -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.radio span::before, .radiobutton-list-a label::before { border-radius: 20px; }
.checkbox input:focus + span::before, .radio input:focus + span::before, .checkbox-list-q table input:focus + label::before, .radiobutton-list-a input:focus + label::before, #ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox input:focus + label::before
{
	border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.checkbox input:checked + span::before, .radio input:checked + span::before, .checkbox-list-q table input:checked + label::before, .radiobutton-list-a input:checked + label::before, #ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox input:checked + label::before
{
	background: #00499c; color: #fff; content:"✓";
}

/* Declaration styling */
#ContentPlaceHolder_BodyContent_DeclarationPanel .checkbox span::before { display: none;}
#ContentPlaceHolder_BodyContent_DeclarationPanel .checkbox input { opacity: 1; position: relative; margin-left: 0; width: 20px; height: 20px; top: 5px; margin-right: 5px; }
#ContentPlaceHolder_BodyContent_DeclarationField_Answer, #ContentPlaceHolder_BodyContent_DeclarationField_Question { display: inline; line-height: 25px; padding-left: 5px; }
.bcklwn_privacy_notice_container { background: #f0f0f0; padding: 1.5rem; margin: 2rem 0; }
.bcklwn_privacy_notice_read_more { margin-top: 15px; }
.bcklwn_privacy_notice_read_more::after { display: inline-block; font: normal normal normal 14px / 1 FontAwesome; text-rendering: auto; margin-left: 1rem; content: ""; }

/* Upload styling */
[id$="CustomControlPanel"] .question:nth-of-type(2) .prompt { width:100%; }
[id$="CustomControlPanel"] .question:nth-of-type(2)  { border-bottom:2px solid black; padding-bottom: 5px; }
@media (max-width: 850px) { #UploadPanel { left: 0 !important; width: 100% !important; } }
#UploadPanel form br { display: none; }
#UploadPanel form input[type="file"] { width: 100% !important; margin: 25px 0px; }
#UploadPanel form input[type="button"]:last-of-type { float: right; }
@media (min-width: 500px) {
	[id$="CustomControlPanel"] { display: flex; }
	[id$="CustomControlPanel"] .question:nth-of-type(1)  { margin-right: 10px; }
	[id$="CustomControlPanel"] .question:nth-of-type(2)  { display: inline-block; width:77%; }
	[id$="CustomControlPanel"] .question:nth-of-type(1) .prompt, [id$="CustomControlPanel"] .question:nth-of-type(2) .answer { display: none; }
}

/* ------------- Revs & Bens IEG4-built form styling ------------- */
#ContentPlaceHolder_BodyContent_NotEligbleIntentionToReturnOrBelongingsNotRemovedPanel, 
#ContentPlaceHolder_BodyContent_NotEligbleIntentionToReturnOrBelongingsNotRemovedPanel2,
#ContentPlaceHolder_BodyContent_NotEligiblePanel
{
	color: red;
	background: #e0e0e0;
	padding: 0.5rem 2rem;
	margin-bottom: 20px;
}
#ContentPlaceHolder_BodyContent_ResidentDetailPanel > .question_section:first-of-type, #ContentPlaceHolder_BodyContent_ResidentDetailPanel > .question_section:first-of-type 
{ 
	border: 0px !important; 
	padding: 5px 0px 0px 0px;
}
.radiobutton-list-a td { display: block; padding-top: 5px; }
.checkbox .cb-label { padding-left: 20px; }
.checkbox > span > div > input { opacity: 1; margin-top: 1rem; margin-left: -5px !important; }
#ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox input { height: 15px; width: 15px; }
#ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox span::before { display: none !important; }
#ContentPlaceHolder_BodyContent_ResidentDetailPanel .checkbox label::before { display: none !important; }

[id$="_NotificationAreasCheckBox"] .checkbox span::before { display: none; }
[id$="_NotificationAreasCheckBox"] .checkbox input { height: 1.75rem; width: 1.75rem; margin-left: 0px !important; }
[id$="_NotificationAreasCheckBox"] .checkbox input + label { padding-left: 30px; font-variant: all-small-caps; font-size: 2rem;  letter-spacing: 1px; color: darkred; }
[id$="_NotificationAreasCheckBox"] .checkbox .cb-label { padding-top: 15px; }
[id^="ctl00_ContentPlaceHolder_BodyContent_DisabledRepeater_"][id$="_RelationToApplicantCheckBox"] .checkbox span::before { display: none; }
[id^="ctl00_ContentPlaceHolder_BodyContent_DisabledRepeater_"][id$="_RelationToApplicantCheckBox"] .checkbox input { height: 1.75rem; width: 1.75rem; margin-left: 0px !important; }
[id^="ctl00_ContentPlaceHolder_BodyContent_DisabledRepeater_"][id$="_RelationToApplicantCheckBox"] .checkbox input + label { padding-left: 30px; font-variant: all-small-caps; font-size: 2rem;  letter-spacing: 1px; color: darkred; }
[id^="ctl00_ContentPlaceHolder_BodyContent_DisabledRepeater_"][id$="_RelationToApplicantCheckBox"] .checkbox .cb-label { padding-top: 15px; }

#ContentPlaceHolder_BodyContent_ForwardingAddressSection { border: 1px solid #ccc; padding: 0px 20px; }
#ContentPlaceHolder_BodyContent_ForwardingAddressSection .question_section_header { margin: -1px -21px 25px -21px; }
div#ctl00_ContentPlaceHolder_BodyContent_PayByDirectDebit { display: none !important; }
#ContentPlaceHolder_BodyContent_StudentEvidence .question_section .question_section.join_to_header { margin-top: 2rem; }
.page .row div#ContentPlaceHolder_NavigationPanel + div#ContentPlaceHolder_BodyPanel +  div.footer.row { position: relative; float: left; }
[id^="ctl00_ContentPlaceHolder_BodyContent_ResidentCarerRepeater_"][id$="_CarerDetail_CaringForEligiblePerson_Answer"] input, 
[id^="ctl00_ContentPlaceHolder_BodyContent_SmiRepeater_"][id$="_SmiDetail_BenefitsReceivedSmi_Answer_InputField"] input { margin-right: 10px; }

#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsCarer input, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsResidentCarer input, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDetention input, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDisabled input, 
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsHospitalPatient input, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsSmi input, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsStudent input { 
	opacity: 0; position: absolute;
}
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsCarer input + label, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsResidentCarer input + label, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDetention input + label, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDisabled input + label, 
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsHospitalPatient input + label, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsSmi input + label, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsStudent input + label { 
	padding-left: 45px;
}
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsCarer input + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsResidentCarer input + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDetention input + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDisabled input + label::before, 
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsHospitalPatient input + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsSmi input + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsStudent input + label::before { 
	display: inline-block; width: 20px; height: 20px; vertical-align: middle; line-height:20px;
	content: ''; margin-left: -42px; margin-right: 15px; padding: 2px;
	border: 2px solid #ddd; border-radius: 5px; font-size:18px; text-align: center; font-weight: bold;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsCarer input:focus + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsResidentCarer input:focus + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDetention input:focus + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDisabled input:focus + label::before, 
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsHospitalPatient input:focus + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsSmi input:focus + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsStudent input:focus + label::before { 
	border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsCarer input:checked + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsResidentCarer input:checked + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDetention input:checked + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsDisabled input:checked + label::before, 
#ctl00_ContentPlaceHolder_BodyContent_WhichResidentsHospitalPatient input:checked + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsSmi input:checked + label::before, #ctl00_ContentPlaceHolder_BodyContent_WhichResidentsStudent input:checked + label::before { 
	background: #00499c; color: #fff; content:"✓";
}

/* -------------------- Print/Image styling  -------------------- */
@media print { .actions, .footer, .options, .top_banner, .menu, .navigation { display: none !important; } }
#ContentPlaceHolder_PageImages_PageImage_0 { margin-top: 50px; }