.home_quote_container {
    background-color: #1f65cd;
}

#main {
    background-color: #1f65cd !important;
}

.home_quote_container {
    width: 500px;
    margin: auto;
    padding: 20px;
}

form fieldset legend {
    color: white;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.inputError::before {
    content: url('images/inputError.png');
}

.inputTick::before {
    content: url('images/inputTick.png');
}

.leftarrows {
    content: url('images/leftdoublearrows.png');
}

.rightarrows {
    content: url('images/rightdoublearrows.png');
}

/* sophies edits */
#Step1Container select, #Step1Container input, #Step2Container select, #Step2Container input, #Step3Container select, #Step3Container input, #Step4Container select, #Step4Container input {
    background-color: #397de1;
    border: none;
    border-radius: 3px !important;
    width: 84%;
    padding: 10px;
    color: white;
    margin-top: 1%;
}

.radio-btn {
	background-color: none!important;
}

#Step1Container select:focus, #Step1Container input:focus, #Step2Container select:focus, #Step2Container input:focus, #Step3Container select:focus, #Step3Container input:focus, #Step4Container select:focus, #Step4Container input:focus {
    border: 1px solid white;
}

#Step1Container label:not(.checkBox), #Step2Container label:not(.checkBox), #Step3Container label:not(.checkBox), #Step4Container label:not(.checkBox) {
    font-weight: 300 !important;
   	display: block;
    padding-top: 5px;
}

.checkBox {
	font-weight: 300 !important;
    padding-top: 5px;
}

/*div#ProtectedNCB {
    float: left;
}*/

input::placeholder, select::placeholder {
    color: #74aafb;
}

#ProtectedNCB label, #LiveAboveAddress label {
    display: inline-block;
    padding-left: 10px;
}

.tick {
    float: right;
    margin-top: 5px;
}

.rightarrows {

    position: absolute;
    margin-left: 50%;
    margin-top: 6%;

}

.leftarrows {
    position: absolute;
    margin-left: -19%;
    margin-top: 6%;
}

.rightarrows:hover, .leftarrows:hover {
    -ms-transform: scale(0.7); /* IE 9 */
    -webkit-transform: scale(0.7); /* Safari */
    transform: scale(0.7);
    cursor: pointer;
}

#Step2Container .rightarrows {
    position: absolute;
    margin-left: 16%;
    margin-top: 3%;
}

#Step2Container .leftarrows {
    position: absolute;
    margin-left: -66%;
    margin-top: 3%;
}

#Step3Container .leftarrows.back {
    position: absolute;
    margin-left: -66%;
    margin-top: 3%;
}

button.button.back {
    margin-left: -143px;
    width: 30%;
    margin-top: 39px;
    background-color: #397de1;
    border-bottom: 3px solid #397de1;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    font-style: italic;
}

.btnContainer button.button.next.pull-right {
    margin-right: 100px;
    width: 30%;
    background-color: #ff6a35;
    border-bottom: 3px solid #b22922;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    font-style: italic;
}

#Step2Container button.button.next, #Step3Container button.button.next {
    margin-right: 100px;
    width: 30%;
    margin-top: 39px;
    background-color: #ff6a35;
    border-bottom: 3px solid #b22922;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    font-style: italic;
}

#Step2Container button.button.back {
    margin-left: 58px;
    width: 30%;
    margin-top: 39px;
    background-color: #397de1;
    border-bottom: 3px solid #397de1;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    font-style: italic;
}

#Step3Container button.button.back {
    margin-left: 58px;
    width: 30%;
    margin-top: 39px;
    background-color: #397de1;
    border-bottom: 3px solid #397de1;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
}

#Step4Container button.button.back {
    margin-left: 58px;
    width: 30%;
    margin-top: 39px;
    background-color: #397de1;
    border-bottom: 3px solid #397de1;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
}

#Step4Container .leftarrows {
    position: absolute;
    margin-left: -66%;
    margin-top: 3%;
}

button.button.compare_pricess {
    width: 30%;
    margin-top: 39px;
    background-color: #ff6a35;
    border-bottom: 3px solid #b22922;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    margin-left: 56px;
    font-style: italic;
}

button.addClaim.button {
    background-color: #4adb9b;
    height: 40px;
    /* margin-left: 47px; */
    width: 30%;
    margin-top: 10px;
}

button.addItem.button {
    background-color: #4adb9b;
    height: 40px;
    /* margin-left: 47px; */
    width: 30%;
    margin-top: 10px;
}

button.button.removeDriver.pull-right {
    background-color: #ff473d;
    height: 40px;
    margin-right: 100px;
    width: 30%;
    margin-top: 10px;
}

button.button.addDriver.pull-left {
    background-color: #4adb9b;
    height: 40px;
    margin-left: 47px;
    width: 30%;
    margin-top: 10px;

}

.btnContainer {
    margin-top: 5%;
}

button.addProposer.button {
    background-color: #4adb9b;
    height: 40px;
    /*margin-left: 47px;*/
    width: 30%;
    margin-top: 10px;
}

button.removeClaim.button, button.removeConviction.button {
    background-color: #ff473d;
    height: 40px;
    margin-right: 33px;
    width: 30%;
    margin-top: 10px;
    float: right;
}

.NewItem, .NewClaim {
    display: block;
    height: 400px;
    border: 1px solid white;
    padding: 15px;
    margin: 10px 0 10px 0;
    outline: 5px solid #4adb9b;
}

.driverContainer {
    display: block;
    height: 1050px;
    border: 1px solid white;
    padding: 15px;
    margin: 10px 0 10px 0;
}

ul#home_quote_navigation {
    list-style: none;
    margin: 20px;
    text-align: center;
}

#home_quote_navigation li {
    display: inline;
    background-color: #1458bd;
    padding: 5px 50px 5px 50px;
    font-size: 17px;
}

#home_quote_navigation li:hover, #home_quote_navigation li a:hover {
    background-color: #2e75de;
    color: white;
}

/*label > input { !* HIDE RADIO *!*/
    /*visibility: hidden; !* Makes input not-clickable *!*/
    /*position: absolute; !* Remove input from document flow *!*/
/*}*/

/*label > input + img { !* IMAGE STYLES *!*/
    /*cursor: pointer;*/
    /*border: 2px solid transparent;*/
    /*!*	-webkit-filter: grayscale(100%); !* Safari 6.0 - 9.0 **/
        /*filter: grayscale(100%);*!*/

/*}*/

/*label > input:checked + img { !* (RADIO CHECKED) IMAGE STYLES *!*/

    /*filter: none;*/
    /*-webkit-filter: grayscale(0%);*/
    /*padding: 0 10px 0 10px;*/
/*}*/

/*label > input:not(:checked) + img { !* (RADIO CHECKED) IMAGE STYLES *!*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*background: url(images/no.png) no-repeat;*/
    /*width: 36px;*/
    /*height: 25px;*/
    /*padding-left: 32px;*/
    /*-webkit-filter: grayscale(100%); !* Safari 6.0 - 9.0 *!*/
    /*filter: grayscale(100%);*/
    /*margin-left: 10px;*/
/*}*/

div#motorQuoteContainer {
    min-height: 900px;
}

#motorQuoteContainer h3 {
    color: white;
    text-align: center;
    padding-top: 100px;
}

#home_quote_navigation li.selected, #home_quote_navigation li.selected a {
    background-color: #2e75de;
    color: white;
}

.step_link a {
    color: #7a96d2;
}

a:focus {
    color: #7a96d2 !important;
}

div#ProspectLiveAboveAddress {
    float: left;
}

#ProspectLiveAboveAddress label, #Last5YearsClaims label, #StormFloodHistory label, #LandslipSubsidenceDamage label,
#ExtendedCoverBuilding label, #ExtendedCoverContents label, #SpecifyItems label, #Cover label {
 /*   display: inline-block;*/
    /*padding-left: 10px;*/
}

div#homeQuoteContainer {
    min-height: 900px;
}

#homeQuoteContainer h3 {
    color: white;
    text-align: center;
    padding-top: 100px;
}

.step_link a {
    color: #7a96d2;
}

a:focus {
    color: #7a96d2 !important;
}

p.error {
    color: #ff473d;
    font-size: 12px;
    padding-left: 10px;
    margin: 0px;
}

.ui-datepicker-month option, .ui-datepicker-year option {
    color: grey;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em !important;
}

.checkboxContainer{
    width: 80%;
    float: left;
}

.fiveYearsClaimsContainer, .itemsContainer{
    clear: both;
  }

input[type='radio']{
    float: left;
    width: 10%!important;
    clear: right;
    height: 27px;
    background-color: unset;
}