/* ---------------------- Fonts ---------------------- */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,400,500,700,300");
body, div, h1, h2, p, span, input, textarea, select {
font-family: "Public Sans",fallback-font,sans-serif !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p, label, div, .optional-indicator{
	font-size: 20px;
}

.checkbox, .radio{
	margin-bottom: 26px !important;
}

.checkbox > span > label {
	padding-left: 43px !important;
}

.checkbox > label{margin-left: 34px;}

.checkbox > label >input[type='checkbox']{margin-left: -52px;}

.language_picker > label {
    font-size: 16px;
    font-weight: normal;
}

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, h2, h3 {
	font-weight: bold;
	/* padding-bottom: 20px; */
	color:#01395c;
}

.btn:focus {
    outline: none !important;
    outline-offset: 0px;
    border: 3px solid black !important;
}

.design-tools h1 {
    color: white;
}

span {
    font-size: 16px;
}

/* ---------------------- Buttons ---------------------- */

.button {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    left: 0; /*
    This one is important!;
    background: #394e70;
    transition: .3s ease-in;
    color: #fff !important; */
    /* margin: 6px; */
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

div.editor_container .edit_menu .btn {
    margin-top: 5px;
    background-color: #394e70;
    border: #394e70;
}

.button:hover {
	background-color: #fff !important;
    color: #384d70 !important;
    border: 2px solid #384d70;
    font-weight: 700;
    border-radius: .75rem;
}

div.options .button {
    padding: 5px 10px 5px 10px;
    background-color: #3E789D;
    color: white !important;
}

div.options .button:hover {
    padding: 5px 10px 5px 10px;
    background-color: #3E789D !important;
    color: white !important;
}

div.options .button:hover {
    /* box-shadow: inset 0 0 50px #fff,      /* inner white */
    inset: 20px 0 80px #f0f,   /* inner left magenta short */         inset -20px 0 80px #0ff,  /* inner right cyan short */         inset 20px 0 300px #f0f,  /* inner left magenta broad */         inset -20px 0 300px #0ff, /* inner right cyan broad */         0 0 50px #fff,            /* outer white */         -10px 0 80px #f0f,        /* outer left magenta */         10px 0 80px #0ff; */         /* outer right cyan */
    background-color: #9ac54d;
    background-color: #000000;
    /* border-color: rgba(109, 159, 197, 0); */
    transition: all 0.3s ease-in;
    left: 0; //
    This one is important!;
    /* box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.5), 0 0 16px 6px rgba(0, 0, 0, 0.5), 0 0 20px 8px rgba(0, 154, 203, 0.25); */
    color: #fff !important;
    transform: scale(1.1);
}

.button.edit {
    padding-left: 15px;
}

div.editor_container .button {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #394e70;
    transition: .9s ease-out;
    color: #fff !important;
    font-weight: bold;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input#JumpToPage:hover, input#AddNewPageButton:hover, input#EditModeButton:hover, input#DesignModeButton:hover {background-color: #000000;border-color: rgba(109, 159, 197, 0);color: white;transition: all 0.3s ease-in;left: 0; //This one is important!;box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.5), 0 0 16px 6px rgba(0, 0, 0, 0.5), 0 0 20px 8px rgba(0, 154, 203, 0.25);color: #fff !important;transform: scale(1.1);}

input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #9cc94a;
    transition: .2s ease-out;
    color: #333 !important;
    margin: 0px;
    margin-top: 3px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton:hover {
    background-color: #8db445;
    color: white !important;
    border-color: rgba(109, 159, 197, 0);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease-in;
}

.navigation_item .navigate_button:hover {
    /* color: white !important; */
}

.navigation_item .navigate_button {
    margin-bottom: 10px;
    color: #333 !important;
}

.btn-info {
    color: #000 !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
    padding: 5px !important;
    border-radius: 2px !important;
    font-size: 15px !important;
}

.btn-danger {
    color: #fff;
    background-color: crimson;
    border-color: crimson;
    margin-bottom: 10px;
    border-radius: 2px !important;
    padding: 5px !important;
}

.btn-danger:hover {
    color: crimson;
    background-color: white;
    border-color: crimson;
    font-weight: bold;
}

.navigation_item:hover {
    background-color: rgba(255, 255, 255, 0.42);
}

.navigation_item .toggle_errors.popover-open {
    background-color: #fff;
    color: crimson;
    font-weight: bold;
}

.popover.validation-errors .popover-title {
    background-color: #d9534f;
}

.popover.validation-errors {
    border-color: #d9534f;
}

div.actions .button, #ContentPlaceHolder_BodyContent_NewFormButton, #ContentPlaceHolder_BodyContent_Retrieve, #addressSearchButton {
	background-color: #384d70;
    color: #fff;
    border: 2px solid #384d70;
	font-weight: 700;
	border-radius: .75rem;

}

/* ---------------------- Design Side Bar ---------------------- */

.design-tools {background-color: #3d3d3d;-webkit-backdrop-filter: blur(30px);-webkit-box-shadow: -5px 0px 5px 0px #616161;box-shadow: -5px 0px 5px 0px rgba(97, 97, 97, 0.15);transition: all 0.5s ease-in;}

/* ---------------------- Options Nav Bar ---------------------- */
div.options {
    border-bottom: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #01395c;
	padding: 1.5rem;
}

.container {
    width: 100% !important;
}

.display-options .dropdown-menu {
    background-color: rgb(255, 255, 255);
    -webkit-backdrop-filter: blur(30px);
    -webkit-box-shadow: -5px 0px 5px 0px #616161;
    box-shadow: -5px 0px 5px 0px rgba(97, 97, 97, 0.15);
    transition: all 0.5s ease-in;
    margin-top: 3px;
}

div.contrast_options a.default_contrast {
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
    color: #4285f4;
    background-color: #394e70;
}

div#OptionsPlaceHolder_ContrastOptions1 > .contrast_option {
    position: relative;
    top: 11px !important;
}

a.contrast_option.contrast1 {
    color: #ffff20 !important;
}

a.contrast_option.default_contrast {
    color: #000 !important;
}

div#OptionsPlaceHolder_ContrastOptions1 {
    margin: 0px;
}

a.contrast_option.contrast1 {
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
 background-color: #333;
}

div.contrast_options a.contrast2 {
    background-color: #ffff20;
    color: #333;
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
}

a.contrast_option.contrast2 {
    color: #000 !important;
}

.display-options .dropdown-menu > div {
    border-top: 1px solid #999;
    margin: 0px;
    padding: 0px;
    height: 115px;
}

.display-options .dropdown-menu >div:first-child {
    height: 119px !important;
}

.display-options .dropdown-menu >div:nth-child(2) {
    height: 78px;
}

.display-options .dropdown-menu >div:nth-child(3) {
    height: 17px;
}

input#ContentPlaceHolder_BodyContent_PreferredTitle_Answer_InputField {
    display: none;
}


div#ContentPlaceHolder_BodyContent_DeclarationPanel {
    /* margin-left: 30px; */
}

div.question .prompt {
    width: 0%;
}

/* ---------------------- Inputs  ---------------------- */

.form-control:focus {
outline: 5px solid #fd0;
}

.form-control {background-color: #fff;color: #212529;box-shadow: none;font-size: 20px;border: 1px solid #212529;border-width: 2px;border-radius: 3px;height: 50px;padding-left: 1rem;margin-bottom: 0;}

.top_banner.row {
    background-size: cover;
    height: 170px;
    padding-top: 50px;
    border-bottom: 1px solid #384d7033;
}

.Topbanner {
    height: 150px;
    background-image: url(https://scambs.blob.core.windows.net/images/logo.png);
    background-position-x: 2%;
    background-size: 180px;
    background-repeat: no-repeat;
    background-position-y: 35%;
}

h2 {
	font-weight: 700;
    text-align: left;
    color: #384d70;
    margin-bottom: 1.5rem;
}

.col-md-offset-4.col-md-4 {
    margin-top: 23%;
    background-color: rgba(245, 245, 245, 0.59);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-backdrop-filter: blur(20px);
}

.failed_validation_question {
    border-color: rgba(169, 68, 66, 0);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.validation-error {
    color: #d9534f;
    font-weight: bold;
}

select#PageList {
    background-color: white !important;
    color: black !important;
    height: 35px;
    margin-left: 5px;
    width: 100%;
}

a {
    color: #394e70 !important;
    text-decoration: none;
    font-weight: bold;
}

div.reference {
    padding: 1.5rem;
    border-left: 8px solid #28784e;
    background-color: #dae9e1;
    clear: both;
    border-radius: 6px;
    margin-bottom: 0;
}

select {
    background-color: #ffffff !important;
    color: #555 !important;
    height: 35px !important;
}

body {
   font-size: 16px;
   color: #212529 !important;
   font-family: Verdana, Helvetica, sans-serif;
}

.footer.row {
    background-color: #333;
    color: white;
    padding-bottom: 10px;
}

hr.design_cursor {
        margin-top: 6px;
	margin-bottom: 6px;
	height: 3px;
	background-color: #eab110;
}

hr.design_cursor.selected{
       background-color:#eab110;
}

hr.design_cursor_drop_hover
{
	background-color: Yellow;
	height: 20px;
}

div.options {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    left: 0px;
    right: 0px;
    margin-bottom: 10px;
    z-index: 999;
}
 
.design-tools {
    position: fixed;
    z-index: 998;
    padding: 20px;
    height: 2000px;
    margin-top: 2%;
}

.navigation_item .navigation_icon {
    font-family: FontAwesome !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div#ember1500 {
    height: 100px;
    background-size: contain;
    margin-top: 20px;
}

span.optional-indicator {
    color: #333;
}

button.timify-button {


    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    left: 0;
    /*This one is important!;
    background: #4CAF50;
    transition: .3s ease-in;
    color: #fff !important; */
    /* margin: 6px; */
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);


    
}

a.netball, a.athletics {

    display: block;
    padding: 40px 10px 10px 10px !important;
    border-radius: 2px;
    height: 100px !Important;
    width: 100px !important;    
    color: #fff !important;
    background-color: #40b14a !important;
    margin-bottom: 10px;
    }

a.netball:hover, a.athletics:hover {
    background-color: #384d71 !important;
    transition: .3s ease-in;
    text-decoration: none !Important;

    }

@media (max-width: 768px) {
#ContentPlaceHolder_BodyContent_RequestDetailsQuestion_Answer_InputField {
    height: auto;
}
}

@media (min-width: 769px) {
#ContentPlaceHolder_BodyContent_RequestDetailsQuestion_Answer_InputField {
    height: 310px;
}
}

a.netball, a.athletics  {
    width: 100% !important;
    text-align: center
}

.btn-info, .btn-q-help.tooltip-open, .tooltip-outer {
	color: #000;
	background-color: #18643d;
	border-color: #18643d;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size: 15px;
}
.collapse {
	display: none;
}

.btn:focus {
    outline: none !important;
    outline-offset: 0px !important;
    border: 3px solid black !important;
}

.form-control:focus {
outline: 5px solid #fd0 !important;
}

input:focus {
    border: 3px solid black !important;
    transition: none !important;
    outline: none !important;
    outline-offset: 0px !important;
}

.navigation_item:hover {
        background: transparent !important;
}

.body > .text > div {
    padding: 1.5rem !important;
    border-left: 8px solid #28784e !important;
    background-color: #dae9e1 !important;
    clear: both !important;
    border-radius: 6px !important;
    margin-bottom: 0 !important;
}

.top_validation_errors .alert-danger {
    background-color: #fee;
}

div.options {
	display: block !Important;
}

.language_picker > label {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

/* --------------------------------- DoNotContinue styles in top folder------------------------------- */
div#ctl00_ContentPlaceHolder_BodyContent_HIDDENDoNotContinue {
display: none !important;
}

div#ctl00_ContentPlaceHolder_BodyContent_HIDDENDoNotContinueWaste {
display: none !important;
}

div#ctl00_ContentPlaceHolder_BodyContent_HIDDENdtUprn {
display: none !important;
}

ul{
	margin-top:1rem
}

li::marker{
	color: #28784e;
}

input#ContentPlaceHolder_PageButtons_StandardSaveForLater {
	background-color: #fff;
    color: #384d70 !important;
    border: 2px solid #384d70;
	font-weight: 700;
	border-radius: .75rem;
}

input#ContentPlaceHolder_PageButtons_StandardSaveForLater:hover {
    background-color: #384d70 !important;
    color: #fff !important;
    border: 2px solid #384d70 !important;
}

.top_validation_errors .alert-danger{
	padding: 1.5rem;
	border:none;
    border-left: 8px solid #d70808;
    background-color: #fee;
    clear: both;
    border-radius: 6px;
    margin-bottom: 0;
	color: black;
}

.checkbox input[type=checkbox],.radio input[type=radio] {
    height: 40px;
    margin: 10px;
    padding: 0;
    vertical-align: top;
    width: 40px;
    margin-left: -10px;
    position: absolute !important;
    margin-top: -5px;
    accent-color: #384d70;
}

.radio input[type=radio]:focus {
	outline:5px solid #fd0 !important;
}

.checkbox label span,.radio label span {
    padding-left: 35px;
    text-indent: -14px;
    font-size: 20px;
    /* padding-top: 43px !important; */!i;!;
}
.div.text > div {
	padding: 1.5rem;
    border-left: 8px solid #28784e;
    background-color: #dae9e1;
    clear: both;
    border-radius: 6px;
    margin-bottom: 0;
}

select{
	width: 31% !important;
	height: 50px !important;!i;!;
}

div#ContentPlaceHolder_BodyContent_StartFormPanel, div#ContentPlaceHolder_BodyContent_RetrieveFormPanel {
	background-color: #e9f1ed;
	max-width: 50%;
	border-radius: 5px;
}

div#ContentPlaceHolder_BodyContent_StartFormPanel{
	float: left;
	width: 46%;
	margin-left: 31px;
	height: 433px;
}

 div#ContentPlaceHolder_BodyContent_RetrieveFormPanel {
	 float:right;
	 width: 46%;
	 margin-right: 41px;
	 margin-bottom: 62px;
	 height: 433px;
	}

.start_help {
    padding-bottom: 102px !important;!i;!;
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 53px;
}

.retrieve_help{
	padding-bottom: 1px !important;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 11px;
}

 #ContentPlaceHolder_BodyContent_NewFormButton{
	 margin-bottom: 27px;
	 width: 84%;
}

#ContentPlaceHolder_BodyContent_Retrieve{
	margin-bottom: 8px;
	width: 84%;
}

div.retrieve_fields {
	/* padding-bottom: 39px !important; */
}

div.section h3{
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 40px;
	border-bottom: 2px solid #b9bfbc;
	padding-bottom: 35px;
	margin-right: 25px;
}

@media (max-width: 850px) {
	div#ContentPlaceHolder_BodyContent_StartFormPanel, div#ContentPlaceHolder_BodyContent_RetrieveFormPanel {
	background-color: #e9f1ed;
	max-width: 100%;
	border-radius: 5px;
	}

div#ContentPlaceHolder_BodyContent_StartFormPanel{
	float: none;
	width: 100%;
	margin-left: 0px;
	margin-bottom: 27px;
	}

 div#ContentPlaceHolder_BodyContent_RetrieveFormPanel {
	 float:none;
	 width: 100%;
	 margin-right: 0px;
	 margin-bottom: 31px;
	}
}