/* ---------------------- Font ---------------------- */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700');
body, div, h1, h2, input, textarea, select {
	font-family: Helvetica Neue, Arial, Poppins, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {

    font-size: 17px;
}

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;
}
/* ---------------------- Buttons ---------------------- */

.button {
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    left: 0; //
    This one is important!;
    background: #20569b;
    transition: .3s ease-in;
     */
    /* margin: 6px; */
    white-space: normal !important;
    word-wrap: break-word;
    background-color: #8c0b40;
    color: #ffffff !important;
    border: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.button:hover {
    background-color: #9acd32;
    border-color: rgba(109, 159, 197, 0);
    color: white;
    transition: all 0.3s ease-in;
    left: 0; //
    This one is important!;
    color: #ffffff !important;
    transform: scale(1.1);
}

div.options .button {
    padding: 5px 10px 5px 10px;
    background-color: #8EAEB2 !important;
}

div.options .button:hover {
    border-color: rgba(109, 159, 197, 0);
    transition: all 0.3s ease-in;
    /* 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 */
    box-shadow:;
}

.button.edit {
    padding-left: 15px;
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #20569b;
    transition: .9s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input#JumpToPage, input#AddNewPageButton, input#EditModeButton, input#DesignModeButton {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #8b0d40;
    transition: .9s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    font-weight: bold;
    text-transform: uppercase;
    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 {
    border-color: rgba(109, 159, 197, 0);
    transition: 0.3s;
    /* 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; */
}

input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #20569b;
    transition: .2s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: uppercase;
    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: #42cc2a;
    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;
    transform: scale(1.03);
}

.navigation_item .navigate_button {
    margin-bottom: 10px;
    color: #333 !important;
    font-weight: normal;
    background-color: #F9F8F8 !important;
}
/* ---------------------- Design Side Bar ---------------------- */

.design-tools {background-color: rgb(224, 219, 212);-webkit-backdrop-filter: blur(10px);-webkit-box-shadow: -5px 0px 5px 0px #616161;box-shadow: none;transition: all 0.5s ease-in;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.94);}

.design-tools h1 {
    margin-top: 20px;
    font-size: 28px;
}

/* ---------------------- Options Nav Bar ---------------------- */
div.options {
}

.container {
    width: 100% !important;
}

.display-options .dropdown-menu {
    background-color: rgb(224, 219, 212);
    -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;
}

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

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: rgb(255, 255, 141);
    color: #333;
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
}

.display-options .dropdown-menu > div {
    border-top: 1px solid #999;
}


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

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

.form-control:focus {
    box-shadow: 0 1px 0 0 #66afe9  !important;
    transition: 0.1s;
    outline: 3px solid #ffbf47;
}

.form-control {border-bottom: 1px solid #20569b;transition: 0.3s;margin: 0;line-height: 18px;box-shadow: none !important;padding: 6px 12px;background-color: rgb(255, 255, 255);border-radius: 0px !important;height: 30px;width: 90%;font-size: 17px;box-sizing: content-box;border: 2px solid #12173391 !important;font-weight: 700;margin-bottom: 5px;}

.top_banner.row {
}


.Topbanner {
    height: 150px;
    background-image: url(http://www.ieg4.com/media/1013/ieg4logo.png);
    background-position-x: 2%;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-y: 50%;
}

h2 {
    font-size: 24px;
    border-bottom: 2px solid #8b0d40;
    padding-bottom: 5px;
    background-color: #8b0d40;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    padding: 10px 30px 10px 30px;
    color: white;
    border-radius: 4px;
}

.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);
}

.site-header__identity__logo {
    background-image: url(http://www.ieg4.com/media/1013/ieg4logo.png);
    height: 265px;
    background-position-x: 95%;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    margin-left: -20px;
    margin-right: -20px;
}

div.options {
    box-shadow: none;
    position: fixed;
    left: 0px;
    right: 0px;
    margin-bottom: 10px;
    z-index: 999;
    backdrop-filter: blur(5px);
    background-color: rgba(68, 68, 68, 0.64);
    border-bottom: none;
}
 
.design-tools {
    position: fixed;
    z-index: 998;
    padding: 20px;
    height: 2000px;
    margin-top: 2%;
}

.top_banner.row {
    height: 160px;
    background-color: #000;
    padding-top: 35px;
    top: 0;
    background: url(https://www.erewash.gov.uk/ieg4/logo/logo.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position-x: 5%;
    background-position-y: 85%;
    border-bottom: 2px solid #dfdede;
}

span {
    font-weight: bold;
}

.btn-danger {
    color: #fff;
    background-color: firebrick;
    border-color: firebrick;
}

.popover.validation-errors .popover-title {

    background-color: firebrick;

}

.popover.validation-errors .arrow::after {
    border-bottom-color: firebrick;
}


.navigation_item:hover {
    background-color: rgba(238, 238, 238, 0);
}

.failed_validation_question {border-color: #fff3f5;padding: 8px 5px 0px 5px;background-color: #f5f5f5;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

.navigation_item.complete .navigation_icon:first-child::before {
    color: #0e9c6a;
}

.navigation_item.visited .navigation_icon:first-child::before {
    color: firebrick;
}

/* ----------------------Start: Style change for Help Button  ---------------------- */

.btn-info {
    color: #FFFF00;
    background-color: #000;
    border-color: #000;
    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;
}
.btn-info:hover {
    color: #FFFF00 !important;
    background-color: #000 !important;
    border-color: #000 !important;
    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;
}

.btn-q-help.tooltip-open {
    background-color: #000 !important;
    color: #FFFF00 !important;
}

.tooltip-outer {
    background-color: #000 !important;
}

.tooltip-inner {
    background-color: #000 !important;
    color: #FFFF00 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000 !important;
}

/* ----------------------End: Style change for Help Button  ---------------------- */


#pop-down-navigation .navigation_panel_contents {
    border-top: 1px solid rgba(204, 204, 204, 0);
}

label {
    margin-right: 10px;
    font-size: 17px;
}

div.question_section {

    background-color: rgba(200, 223, 229, 0.37);
}

textarea.form-control {
    height: 80px;
}


table.normal td 
{
	padding: 0px 15px;
}

p {
    margin: 0 0 0px;
    padding: 5px;
    font-size: 17px;
}

div.text {
    font-size: 17px;
}

.h1, h1 {
    font-size: 36px;
    font-weight: 900;
}

.checkbox label:before {
    margin-left: -50px;
}

.tooltip-inner {
    font-size: 15px;
}

/* ---------------------- Cater for Declaration Checkbox  ---------------------- */

input#ContentPlaceHolder_BodyContent_DeclarationField_Answer_InputField {
    opacity: 1;
}



/* ---------------------- Accordion  ---------------------- */



/*  Basic stucture
=====================*/
#accordion{margin: 10px;width: 98%;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
/*box-shadow*/
-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
}
#accordion ul li a{background: #efefef;border-bottom: 1px solid #efefef;color: #232323;font-size: large;border-radius: 0px;}
.accordion{background:#fdfdfd;color: #232323;}
.accordion:target{border-top: 3px solid #20569b;}


/* ---------------------- Custom Reference Number Format  ---------------------- */

.reference {
    background-color: #8EAEB2 !important;
    color: white;
    padding: 10px;
    border-radius: 3px;
    width: 250px;
}

select {
    width: auto !important;
}

.validation-error:before {
    font-family: fontawesome;
    /* content: "\f071"; */
    padding-right: 20px;
}

.logo {
    background-image: url(http://www.ieg4.com/media/1013/ieg4logo.png);
    float: right;
    width: 200px !important;
    z-index: 99999999;
    background-position-y: 50%;
    height: 130px !Important;
    background-repeat: no-repeat;
    background-size: 60%;
    margin-top: 80px;
    margin-right: 30px;
}

.question .optional-indicator {
    margin-left: 5px;
    font-weight: normal;
    color: #777;
    font-style: italic;
}


select#PageList {
    width: 100% !important;
    margin-left: 5px;
}



/* ---------------------- Designer Modernisation Elements  ---------------------- */


input#SaveSource, input#SaveSelectedControls {
    margin-top: 20px;
    min-width: 90px;
    background-color: forestgreen;
}

input#ClosePageLogicManagerDialog, input#CloseQuestionPickerDialog {
    min-width: 90px;
    background-color: white;
    color: firebrick !important;
    margin-left: 10px;
}

.designer_page_rule {
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px !important;
    border-radius: 2px !important;
    width: 70%;
    margin-left: 10px;
}

.modal_dialog_header.row {
    border-bottom: 2px solid gainsboro;
}

.link_button {
    border: none;
    color: white;
    border-radius: 3px;
    background-color: #20569b;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 8px 8px 8px 8px;
    height: 50px;
    margin-bottom: 10px;
    width: 70%;
    margin-left: 10px;
    text-decoration: none;
}

.link_button:hover {
 text-decoration: none !Important;
    cursor: pointer;
    background-color: forestgreen;
    transition: 0.3s;
}

input#EditButton {/* display: none; */}

h3 {margin-top: 5px;}

span#PageRuleName:before {

    content: "\f1de";
    font-family: fontawesome;
padding-right:20px;
color: #777;
    }

input#EditButton {
    opacity: 0;
}

span#PageRuleName {
    margin-left: -40px;
}

span#PageRuleName:after {
    content: "\f057";
    font-family: fontawesome;
    float: right;
    color: firebrick;
    font-size: 30px;
}

input#DeletePageRuleButton {
    opacity: 0;
}

input#RuleDescription {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#RuleName {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#Variable1Select {
    /* border: 1px solid gainsboro; */
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Variable2Select {
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button1 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button2 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

.designer_condition_button {
    background-color: #eee;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px;
    margin-top: 10px;
}

.modal_dialog_footer.row {
    margin-top: 10px;
    margin-left: -5px;
}

.designer_else_delete, .designer_elseif_delete, .designer_delete_nestedrule {
    width: 24px;
}

.designer_addifcondition_container {
    background-color: #eeeeee;
    border: none;
    box-shadow: none;
}

.button {
    margin-top: 5p;
}

.designer_ifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elseifcondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_addelseifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elsecondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.designer_add_nestedrule {
    padding: 0px;
    }

.designer_condition_add {
    opacity: 1;
}

.designer_elseif_add, .designer_condition_add, .designer_add_nestedrule, .designer_condition_delete {
    width: 24px;
}

div#QuestionRulesDialog {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    border: none !important;
}

div#QuestionRulesDialogExtender_backgroundElement {
    background-color: rgba(68, 68, 68, 0.5);
    opacity: 1 !important;
}

div#PageLogicManagerDialog {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    margin-top: 5%;
}

.designer_item_container, .designer_ifcondition_container, .designer_elseifcondition_innercontainer, .designer_elsecondition_innercontainer, .designer_addelseifcondition_container, .designer_addelsecondition_container, .designer_addifcondition_container, .designer_page_rule, .question_picker_question, .question_editor_control_group, .question_editor_control_group_au, .list_item_editor_item, .page_picker_page {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

input#AddDecisionVariable, input#SaveRuleButton {
    width: 90px;
    background-color: forestgreen;
}

input#CloseDecisionVariablePickerDialog, input#CloseQuestionRulesDialog {
    background-color: firebrick;
    width: 90px;
    margin-left: 10px;
}

input#SelectButton {
    opacity: 0;
}

span#ControlType:before {
    content: "\f022";
    font-family: fontawesome;
    padding-right: 20px;
    margin-left: -40px;
    color: #31708f;
    font-size: 30px;
}

select#VariableSourceTypeList {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
    border: none;
    width: 95% !important;
    margin-left: 10px;
}

select#VariableSourceTypeList::before {
}

.question_picker_question {
    width: 95%;
}

span#OptionText:before {
    content: "\f111";
    padding-right: 10px;
    margin-left: -30px;
    font-family: fontawesome;
    color: #32708e;
}

input#CheckSelect {
    /* opacity: 0; */
    width: 85px;
}

.designer_condition_delete {
    width: 24px;
}
select#Operator {
    border: 1px solid gainsboro;
}

div#DecisionVariablePickerDialog {
    margin-top: 5%;
    border: none !important;
    border-radius: 3px;
    height: 80%;
}


/* ---------------------- Fast Track and Evidence Bits  ---------------------- */



div#ContentPlaceHolder_BodyContent_FastTrackSelection_SlowTrackSelectedPanel {
    background-color: #b22323;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackPanel {
    background-color: #eeeeee4f;
    padding: 10px;
    border-left: 4px solid #22549b;
}

li.evidenceItem {
    background-color: #eeeeee4f;
    padding: 10px;
    border-left: 4px solid #22549b;
    list-style: none;
    margin-bottom: 20px;
    border-bottom: none !important;
    margin-left: -40px;
    margin-top: 10px;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackSelectedPanel {
    background-color: #23b25d;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

div#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadConfirmation_Rule_Identity {
    margin-left: 0px;
    background-color: #fafafa;
    color: #21559b;
    padding: 10px;
    font-weight: bold;
    border-top: 2px solid #21559b;
}

input#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadConfirmation_Rule_Identity_Answer_InputField {
    margin-left: 90%;
}

p#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadTextLit {
    margin-top: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded {
    background-color: firebrick;
    padding: 10px;
    border-radius: 3px;
    color: white;
    width: 100% !important;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:before {
    content: "\f071";
    font-family: fontawesome;
    padding-right: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:after {
    content: " and confirm it is the evidence requested";
}


ul#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_EvidenceFileList {

list-style:none;background-color: #21559b;color: white;padding: 10px;border-radius: 5px;margin-bottom: 10px;font-weight: bold;
}

input#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_DeleteUpload_14 {
    opacity: 0;
}


#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_EvidenceFileList > li > p:after {
    content: "\f00d";
    font-family: fontawesome;
    float: right;
}


input#ContentPlaceHolder_PageContents_NavigationNext_0 {}

#ContentPlaceHolder_PageContents_NavigationNext_0 {}

.navigate_button:hover {
    background-color: #8b0d40 !important;
    color: white !important;
    transition: ease-in 0.3s;
}


a.btn.btn-sm.btn-primary {
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    left: 0;
    transition: .3s ease-in;
    word-wrap: break-word;
    background-color: #8c0b40;
    color: #ffffff !important;
    border: 0;
    font-size: inherit;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


/* ---------------------- Direct Debit Bits  ---------------------- */


.dd-logo img {
    width: 150px;
}

.dd-footer img {
    width: 150px;
}


.dd-content {
    border: 2px solid black;
    padding: 5px;
}

.heading.dd-account-holder {
    margin-top: 10px;
}

.detail.box.borderless.dd-account-number {
    border: 2px solid black;
    padding: 5px;
}

.heading.dd-account-number {
    margin-top: 10px;
}

.heading.dd-account-sortcode {
    margin-top: 10px;
}

.detail.box.borderless.dd-account-sortcode {
    border: 2px solid black;
    padding: 5px;
}

.detail.box.borderless.dd-service-ref {
    border: 2px solid black;
    padding: 5px;
}

.detail.box.dd-payment-freq {
    margin-top: 10px;
}

.dd-col.heading.dd-branch-address {
    margin-top: 10px;
}

.heading.dd-service-ref {
    margin-top: 10px;
}

.dd-col.detail.box.dd-instruction {
    margin-top: 10px;
}

.dd-col.detail.dd-customer-ref {
    width: 48%;
    float: left;
}

.dd-col.detail.dd-date {
    float: right;
}

.dd-col.heading.dd-customer-ref {
    width: 40%;
    float: left;
    margin-top: 10px;
}

.dd-col.heading.dd-date {
    width: 40%;
    float: right;
    margin-top: 10px;
}

#ContentPlaceHolder_BodyPanel > div.body > div:nth-child(3) > div > div:nth-child(9) > div.dd-col.detail.dd-date > div > div {
    float: left;
}

.dd-footer {
    margin-top: 80px !important;
}

img#ContentPlaceHolder_BodyContent_DirectDebitMandate_CustomerLogo_ImageField {
    display: none;
}

.checkbox {
    padding-left: 30px;
}

a.btn:hover {
    transition: ease-out 0.5s;
    background-color: green;
}


            #iframeForm > form > input:nth-child(4), input#Button1 {

                width: 100%         ;

            }


 

            input#Button1 {

                background-color: #093a48;

                margin-bottom: 15px;

                margin-top: 15px;

            }


 


 

            #iframeForm > form > input:nth-child(4):focus,

            input#Button1:focus,

            #iframeForm > form > input:nth-child(4):hover,

            input#Button1:hover,
        


 

             {

                border: 3px solid black;

                box-shadow: 0px 0px 0px 5px gold;

            }

            .button:focus{
                border: 3px solid black;

                box-shadow: 0px 0px 0px 5px gold;
            }

            input#Button1:focus{
         border: 3px solid black;

                box-shadow: 0px 0px 0px 5px gold;
    
}

.map, .ieg4_map_control .map, .MicrosoftMap {
    height: 60pc !important;
    max-width: 90% !important;
    margin-left: auto !Important;
    margin-right: auto !Important;
    margin-top: 30px;
    margin-bottom: 50px;
}

@media (max-width:768px) {
  
.map, .ieg4_map_control .map, .MicrosoftMap {
    height: 40pc !important;
    max-width: 80% !important;
    margin-bottom: 40px;
    margin-top: 16px;
    margin-left: 10px !important;
}}

/* ---------------------- Waste forms  ---------------------- */

div#ContentPlaceHolder_BodyContent_BenefitPanel {
    display: none;
}


#ContentPlaceHolder_BodyContent_SubscriptionActive > div {
    background: #d9534f;
    color: #fff;
    padding: 15px;
    font-weight: bold;
}

/* ---------------------- Hide delivery location garden waste  ---------------------- */
#ctl00_ContentPlaceHolder_BodyContent_DeliveryLocation > div {
    display: none;
}

/* ---------------------- Hide existing subscription details garden waste  ---------------------- */
#ContentPlaceHolder_BodyPanel > div.body > p {
    display: none;
}