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

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

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

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

.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 {
    background-color: #397de1 !important;
    border: none;
    border-radius: 3px !important;
    width: 87%;
    margin: 1%;
    color: white;
    padding: 10px;
    float: left;
}

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

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

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

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


div#ProtectedNCB {
    float: left;
    width: 200px;
}

div#ProtectedNCB label {
   /* float: left;*/
    width: 30%;
}

/*
div#ProtectedNCB input {
    float: left;
    width: 50%;
    clear: right;
    height: 27px;
    background-color: unset;
}*/

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

#ProtectedNCB label, #AnyVehicleModifications 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: -26%;
    margin-top: -91%;
}

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

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

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.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.addClaim.button, button.addConviction.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;
}

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

.claimsContainer, .convictionsContainer {
    display: inline-block;
    margin-top: 10px;
}

.NewClaim input, .NewConviction input, .NewClaim select, .NewConviction select {
    width: 80% !important;
}

.NewConviction .ConvictionCode {
    width: 69% !important;
}

.NewClaim .inputError, .NewConviction .inputError, .NewClaim .inputTick, .NewConviction .inputTick {
    margin: 5px 0 0 5px;
    display: block;
    float: right;
}

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

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

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

#motor_quote_navigation li:hover, #motor_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; !*background: url(images/untick2.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;*/
/*}*/

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

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

#motorQuoteContainer 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;
    clear: both;
}

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

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

.NotPurchasedYet {
    margin: 7px 0 0 100px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px;
    border: 2px solid #555;
}

.NotPurchasedYet[type='checkbox']:checked {
    background: #abd;
}

.NotPurchasedYet, .NotPurchasedYetLabel {
    float: left;
}

.ConvictionPopupInfo {
    display: block;
    float: left;
    content: url('images/search.png');
    margin-top: 2px;
    cursor: pointer;
}

.ConvictionCode {
    float: left;
    width: 200px !important;
}

/*Codes table css start*/

.codeToselect {
    cursor: pointer;
}

.closeCodes {
    position: absolute;
    right: 20px;
    top: 8px;
    content: url('images/close.png');
    cursor: pointer;
}

.CodesContainer {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.ConvictionCodeContent {
    overflow-y: scroll;
    border: solid 1px black;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: white;
    z-index: 3;

    height: 400px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}

.tableizer-table thead {
    background-color: #3668B2;
}

.tableizer-table thead tr th {
    color: white;
    text-transform: uppercase;
}

.tableizer-table tbody tr td:nth-child(odd) {
    padding: 3px 12px;
}

.tableizer-table tbody tr td:nth-child(even) {
    padding: 3px;
}

.tableizer-table tbody tr:nth-child(even) {
    background: #F4F4F4;
}

.tableizer-table tbody tr:nth-child(odd) {
    background: #EAEAEA;
}