body {
}

/*body {
    color: #666666;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12px;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.625;
}*/

.inner-body {
    max-width: 1200px;
    background-color: white;
    display: block;
    align-content: center;
    margin: 0 auto;
}

.header-wrap {
    background-color: white;
    padding: 30px 0;
    margin-left: 16.6666666666667%;
}



@media only screen and (min-width: 601px) and (max-width: 1200px) {
    .header-wrap {
        margin-left: 8.3333333333333%;
    }
}

.header-logo {
    float: none;
    background-image: url(logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100px;
}

.header-slogan-wrap {
    padding: 0 20px;
}

.header-slogan {
    background-color: #455a64;
    color: white;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    padding: 3px;
    width: 100%;
}


    .header-slogan:before {
        content: "QCS Smart-Card Services";
    }


@media only screen and (max-width: 659px) {
    .header-wrap {
        margin-left: 0;
        padding: 30px 20px 20px;
    }

    .header-slogan {
        color: white;
        text-align: center;
    }

    .header-logo {
        min-height: 75px;
    }
}

.h1, h1, h2 {
    color: #666666;
    font-style: normal;
    font-family: 'Libre Franklin', sans-serif;
}

header {
    border-bottom-color: #009ef1;
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.header-wrap {
    padding: 18px 10px 13px;
}

h5 {
    color: rgb(33, 37, 41);
    text-align: left !important;
    font-size: 20px !important;
    font-weight: 600;
}

    h5.white-text {
        font-size: 20px !important;
        font-weight: 500;
    }

.splash .splash-content h5 {
    text-align: center !important;
}


.header-slogan {
    display: none;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #009ef15e !important;
    border-color: #009ef1;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0,0,0,0.1);
    text-shadow: -0.013rem 0 #000, 0.013rem 0 #000;
    transform: scale(1);
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: #73aac7 !important;
}

.btn, .btn-large, .btn-small, .col.s12 .btn-large {
    /*background-color: #009ef1 !important;*/
    background-color: #009ef1 !important;
    color: white;
    text-transform: capitalize;
    font-size: 1.1rem;
    z-index: 0;
}

#upload_button_text {
    text-transform: capitalize;
    font-size: 1.2rem;
}

/*#photos_express_title {
    background-color: white;
    text-align: left;
    font-weight: 600;
    padding: 6px 5px 5px 5px;
    padding: 6px 0.75rem 5px 0.74rem;
    font-size: 20px;
}

    #photos_express_title:before {
        content: "Photo Estimate Request";
    }

    #photos_express_title h5 {
        display: none;
    }*/

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

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

.switch label input[type=checkbox]:checked + .lever {
    background-color: #009ef1;
}

    .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #009ef1;
    }

.row .card.col {
    border-radius: 5px;
}

.card .card-content {
    border-radius: 3px;
}

.photo-container {
    border-radius: 3px;
}

    .photo-container .photo-button {
        border-radius: 3px;
    }

        .photo-container .photo-button h6 {
            border-radius: 3px;
        }

        .photo-container .photo-button img {
            border-radius: 3px;
        }

#add.photo-button {
    border-radius: 3px;
}

#search_header {
    border-radius: 3px;
}

.btn.btn-large {
    border-radius: 3px;
    font-family: "proxima-nova", sans-serif;
}

#upload_button {
    border-radius: 3px;
}

#f {
    background-color: #2a2a2a;
}


input.radio {
    color: #009ef1;
    background-color: #009ef1;
    border-color: #009ef1;
}

#radio {
    color: #009ef1;
    border-color: #009ef1;
    background-color: #009ef1;
    border-color: #009ef1;
}

.radio {
    color: #009ef1;
    border-color: #009ef1;
    background-color: #009ef1;
    border-color: #009ef1;
}
/* HEADER LOGO MIMICS CONTAINER BEHAVIOR - LIKE HERTZ WEBSITE */
@media only screen and (max-width: 601px) {
    .header-logo {
        width: 100%;
    }

    .header-wrap {
        padding: 15px 10% 10px;
    }
}

/*DATEPICKER COLORS*/
.datepicker-date-display {
    background-color: #009ef1;
    color: white;
}

.datepicker-table td.is-today {
    color: #009ef1;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: black;
}

.datepicker-table td.is-selected {
    background-color: #009ef1;
    color: white;
}


/*TIMEPICKER COLORS*/
.timepicker-digital-display {
    background-color: #009ef1;
    color: white;
}

.timepicker-close {
    color: black;
}

.timepicker-canvas line {
    stroke: #009ef1;
}

.timepicker-canvas-bg {
    fill: #009ef1;
}

.timepicker-canvas-bearing {
    fill: #009ef1;
}

/*CHECKBOX COLORS*/

[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 4px solid #009ef1;
    border-bottom: 4px solid #009ef1
}

/*TEXT INPUT SELECTED LABELS*/
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: black;
}

/*TEXT INPUT SELECTED UNDERLINES*/
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 #009ef1;
    -webkit-box-shadow: 0 1px 0 0 #009ef1;
    box-shadow: 0 1px 0 0 #009ef1;
}

/*DROP DOWN SELECTED UNDERLINE*/
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #009ef1;
}

/*DROP DOWN TEXT ITEMS*/
.dropdown-content li > a, .dropdown-content li > span {
    color: black;
}