/* CSS Document */

h2 {
    color: #273472;
    border-bottom-color: transparent;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}

body {
    color: #273472;
}

/* START BUTTON STYLING */
.btn, .btn-warning, .btn:hover, .btn:active, .btn:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    border-radius: 10px !important;
    width: 47.5% !important;
    background-color: #2a3571;
    border: none;
    text-align: left;
    font-size: 16px;
    padding: 8px 16px;
    background-image: url(http://www.silveyfleet.co.uk/SilveyFleet/media/Images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    border-radius: 10px !important;
    width: 47.5% !important;
    margin-right: 5%;
    background-color: #00aedc;
    border: none;
    text-align: left;
    font-size: 16px;
    padding: 8px 16px;
    background-image: url(http://www.silveyfleet.co.uk/SilveyFleet/media/Images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

input:checked + .slider {
    background-color: #C2262E;
}

.btn-default {
    color: white !important;
}
/* END BUTTON STYLING */


.fieldSection {
    margin-bottom: 15px;
}

.form-control {
    border-radius: 0px;
    webkit-box-shadow: none;
    box-shadow: none;
    color: darkblue;
    border: 1px solid #cfcbca;
}

.input-group-addon:last-child {
    border-radius: 0px;
}

.newCustomerSection {
    color: #2a3571;
}

    .newCustomerSection a {
        color: #2a3571;
    }

@media only screen and (max-width: 400px) {
    #btnForgot {
        width: 100% !important;
        margin-right: 0px;
    }

    #btnLogin {
        width: 100% !important;
    }
}

#storeEmailInfoSection {
    margin-bottom: 15px;
}

#mainContent_lblStoreEmail {
    color: #2a3571;
}

.showSliderAsTickbox .slider.round {
    border-radius: 0px;
}

    .showSliderAsTickbox .slider.round:before {
        border-radius: 0px;
    }

.showSliderAsTickbox .slider:before {
    height: 22px;
    width: 22px;
    top: 1px;
    left: 1px;
}

.showSliderAsTickbox input:checked + .slider {
    background-color: #cfcbca;
}

    .showSliderAsTickbox input:checked + .slider:before {
        color: #7a7573;
        line-height: 23px;
        font-size: 1.2em;
    }

#btnGetQuote {
    border-radius: 10px;
    width: 40% !important;
    background-color: #00aedc;
    border: none;
    text-align: left;
    font-size: 16px;
    padding: 8px 16px;
    background-image: url(http://www.silveyfleet.co.uk/SilveyFleet/media/Images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}

#mainContent_lblPostcode {
    color: #2a3571;
}

@media only screen and (max-width: 400px) {
    #btnGetQuote {
        width: 100% !important;
    }
}

#mainContent_divDisclaimer {
    padding: 0 15px;
}

    #mainContent_divDisclaimer p {
        color: #2a3571;
        text-align: left;
    }

@media only screen and (min-width: 768px) {
    #mainContent_divDisclaimer {
        width: 500px;
        margin: 30px auto;
    }
}

#mainContent_lblFormInfo {
    color: #2a3571;
}

.passwordBar {
    background-color: #ffffff;
}

.passwordInfo.infoBubble > .arrow-down {
    border-color: #e1dedd;
}

.input-group-addon {
    background-color: #e1dedd;
}

#btnRegister {
    border-radius: 10px;
    width: 40% !important;
    background-color: #00aedc;
    border: none;
    text-align: left;
    font-size: 16px;
    padding: 8px 16px;
    background-image: url(http://www.silveyfleet.co.uk/SilveyFleet/media/Images/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}


.infoBadge, .infoBubble > .message, .passwordInfo.infoBubble > .message {
    background-color: #e1dedd;
    padding: 15px 25px;
    color: #2a3571;
    font-size: 14px;
}

.infoBubble {
    margin-bottom: 15px;
}

    .infoBubble > .message p, .infoBubble > .message label, .infoBadge p, .infoBadge label, .highlight p, .highlight label {
        font-weight: normal;
    }

    .infoBubble > .arrow-down, .infoBubble > .arrow-up {
        border-color: #e1dedd;
    }

.validationMessage .infoBubble p {
    color: #ffffff;
}

.navbar-inverse {
    background-color: #1f1452;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

    .navbar-inverse .navbar-brand {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #1f1452;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #57d1fa;
    }
}


.webPlusMsg {
    background-color: #1f1452;
    border-color: #1f1452;
}

.messageSectionFooter {
    background-color: #1f1452;
}

.disclaimerSection p:last-child {
    color: red;
    font-weight: bold;
}

.validationMessage > .infoBubble > .arrow-down, .importantMessage > .infoBubble > .arrow-down {
    border-color: #B30000;
}

.validationMessage > .infoBadge, .validationMessage > .infoBubble > .message, .importantMessage > .infoBubble > .message {
    background-color: #B30000;
}

.validationMessage a {
    color: white;
}

#accountSearchButtons .btn, #btnClearAccountSearch, .Page_AccountSummary .btn, .Page_Transactions .btn, .Page_Invoices .btn, .Page_OrderPayments .btn {
    width: auto !important;
}

#accountSearchButtons .btn-primary {
    margin-right: 0%;
}

.Page_Login .accountSelect .number.enabled {
    background-color: #196619;
}

.Page_Login .accountSelect .number.disabled {
    background-color: #595959;
}

.quickAccountDetails {
    background-color: #525966 !important;
}

.dataTable > table > thead > tr.resultsTableInfo > th {
    background-color: #525966;
}

.Page_CardEnquiry .arrow-bar, .Page_DrawingEnquiry .arrow-bar, .Page_Profiles .arrow-bar {
    background-color: #2B642B;
}

.Page_CardEnquiry .arrow-down, .Page_DrawingEnquiry .arrow-down, .Page_Profiles .arrow-down {
    border-top: 10px solid #2B642B;
}

.Page_CardEnquiry #optExcel,
.Page_CardEnquiry label[for="optExcel"] {
    display: none !important;
}

.Page_DrawingEnquiry #optExcel,
.Page_DrawingEnquiry label[for="optExcel"] {
    display: none !important;
}

.stoppedCardRow {
    color: #B30000;
}

.yearSelect .btn, .yearSelect .btn-warning, .yearSelect .btn:hover, .yearSelect .btn:active, .yearSelect .btn:focus, .yearSelect .btn-warning:hover, .yearSelect .btn-warning:active, .yearSelect .btn-warning:focus {
    border-radius: inherit !important;
    width: auto !important;
    background-color: #2a3571;
    border: none;
    text-align: center;
    font-size: 12px;
    padding: 8px 16px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px;
}

.chartSelect label {
    color: darkblue;
}

.dataTable > table > thead > tr.resultsTableInfo.bottom > th {
    color: black;
}

.dialogWindow > .dialogTitle {
    background-color: #2B642B;
}

.dialogWindow .btn-primary, .dialogWindow .btn-primary:hover, .dialogWindow .btn-primary:active, .dialogWindow .btn-primary:focus {
    width: auto !important;
}

.dialogWindow .btn, .dialogWindow .btn-warning, .dialogWindow .btn:hover, .dialogWindow .btn:active, .dialogWindow .btn:focus, .dialogWindow .btn-warning:hover, .dialogWindow .btn-warning:active, .dialogWindow .btn-warning:focus {
    width: auto !important;
}

.Page_WebSettings .btn-primary, .Page_WebSettings .btn-primary:hover, .Page_WebSettings .btn-primary:active, .Page_WebSettings .btn-primary:focus {
    width: auto !important;
}

.Page_WebSettings .btn, .Page_WebSettings .btn-warning, .Page_WebSettings .btn:hover, .Page_WebSettings .btn:active, .Page_WebSettings .btn:focus, .Page_WebSettings .btn-warning:hover, .Page_WebSettings .btn-warning:active, .Page_WebSettings .btn-warning:focus {
    width: auto !important;
}

.Page_Products .btn-primary, .Page_Products .btn-primary:hover, .Page_Products .btn-primary:active, .Page_Products .btn-primary:focus {
    width: auto !important;
}

.Page_Products .btn, .Page_Products .btn-warning, .Page_Products .btn:hover, .Page_Products .btn:active, .Page_Products .btn:focus, .Page_Products .btn-warning:hover, .Page_Products .btn-warning:active, .Page_Products .btn-warning:focus {
    width: auto !important;
}

.Page_Profiles .btnLinkAccount .btn-primary, .Page_Profiles .btnLinkAccount .btn-primary:hover, .Page_Profiles .btnLinkAccount .btn-primary:active, .Page_Profiles .btnLinkAccount .btn-primary:focus {
    width: auto !important;
}

.Page_Profiles .btnLinkAccount .btn, .Page_Profiles .btnLinkAccount .btn-warning, .Page_Profiles .btnLinkAccount .btn:hover, .Page_Profiles .btnLinkAccount .btn:active, .Page_Profiles .btnLinkAccount .btn:focus, .Page_Profiles .btnLinkAccount .btn-warning:hover, .Page_Profiles .btnLinkAccount .btn-warning:active, .Page_Profiles .btnLinkAccount .btn-warning:focus {
    width: auto !important;
}

.Page_ProfileManager #leftSettingsMenu li, .Page_WebSettings #leftSettingsMenu li {
    line-height: 50px;
}

.Page_WebSettings #productsContainer a {
    color: darkblue;
}

.radio-group {
    border-color: black;
}

    .radio-group label {
        color: black;
    }

    .radio-group input[type=radio]:checked + label {
        background-color: black;
    }
