﻿body {
}

.login-logo {
    content: url(../img/clients/logo-mortgage.png);
    display: inline-block;
    height: 50px;
    margin-bottom: 20px !important;
}

.bg-body {
    background: white;
}

.bg-header {
    background: #012D74;
    border-bottom: solid 5px #012D74;
}

.sidenav,
.bg-footer {
    background: #012D74;
}

ul.sidenav li a {
    color: #fff !important;
}

.menu-nav li > a {
    color: white;
}

.custom-nav .sidenav-trigger {
    color: white;
}

.btn {
    background: #091c5a !Important;
}

.material-icons {
    color: #2278C9 !important;
}

.title-make-appointment {
    background-color: #091c5a !Important;
}

#service {
    width: 100%;
    height: 60px;
    border-radius: 10px 10px 10px 10px;
    font-size: 1.5em;
}

#location {
    width: 100%;
    height: 60px;
    border-radius: 10px 10px 10px 10px;
    font-size: 1.5em;
}

#hourFrom {
    width: 100%;
    height: 60px;
    border-radius: 10px 10px 10px 10px;
    font-size: 1.5em;
}

#hourto {
    width: 100%;
    height: 60px;
    border-radius: 10px 10px 10px 10px;
    font-size: 1.5em;
}

.btn-large i {
    color: #fff !important;
}

/* Change look */

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #012D74 !important;
    -webkit-box-shadow: 0 1px 0 0 #012d74 !important;
    box-shadow: 0 1px 0 0 #012d74 !important;
}

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 #012D74 !important;
    -webkit-box-shadow: 0 1px 0 0 #012d74 !important;
    box-shadow: 0 1px 0 0 #012d74 !important;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    font-size: 25px !important;
}

    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: #012D74 !important;
    }

.k-header {
    background-color: #012D74 !important;
}

.spinner-green, .spinner-green-only {
    border-color: #012D74;
}

.inner-content {
    background-color: #deebf7 !important;
}

    .inner-content .input-field h6 {
        font-family: 'Open Sans Regular' !important;
    }

#timeSelect .input-field label {
    font-family: 'Open Sans Regular' !important;
}

.appointment-modal-title-header {
    background: #091c5a !important;
}
