/* STOP CHROME AUTOFILL ADDING YELLOW BACKGROUND TO INPUT FIELDS*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.natrad-blue {
    background-color: #004B8D;
}

.natrad-blue:hover {
    background-color: #0c67b7 !important;
}

.natrad-blue:focus, .natrad-blue:focus,
.natrad-blue:focus {
    background-color: #1072c9 !important;
}

.natrad-blue-text {
    color: #004B8D;
}

.natrad-light-blue {
    background-color: #005ea6;
}

.natrad-red {
    background-color: #EE2F26;
}

.natrad-red:hover {
    background-color: #ff3027 !important;
}

.natrad-red:focus, .natrad-red:focus,
.natrad-red:focus {
    background-color: #ff1a04 !important;
}


.natrad-red-text {
    color: #EE2F26;
}

#header-contact-btn {
    border-right: 3px dashed #115691;
    /*border-left: 3px dashed #115691;*/
    margin-right: 10px;
}

.warrantyListImage{
    width: 40px;
}

.warranty-card-img{
    width: 80px;
}

.login-bg {
     background: url(../../images/backgrounds/mechanic-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
}

.recover-pass-bg {
    background: url(../../images/backgrounds/password-recover-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Active input field colors */
.input-field
.prefix.active {
    color: #EE2F26;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #EE2F26;
    box-shadow: 0 1px 0 0 #EE2F26;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #EE2F26;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
    border: 2px solid #EE2F26;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
    background-color: #EE2F26;
}

/* SETUP FORM BOTTOM PAGE (Only on initial sign in / set up) */
.modal.first-login {
    top: auto;
    bottom: -100%;
    margin: 0;
    width: 100%;
    max-height: 85%;
    border-radius: 0;
    will-change: bottom, opacity;
}

.pad-right-10{
    padding-right: 10px;
}

#profile-page-header .card-image {
    height: 280px !important;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.header-avatar{
    background-color: #ffffff;
}

.mobile-header-avatar {
    background-color: #ffffff;
    width: 60%;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-20{
    padding-bottom: 20px;
}

.pad-top-10{
    padding-top: 10px;
}

.pad-top-20{
    padding-top: 20px;
}

.col.s12 > .btn {
   width: 100%;
}

.fullwidth {
width:100%;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
display:block;
text-align:center;
}