body {
    background-color: #eae8e6;
    padding-top: 10px;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
    -webkit-box-shadow: none;
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9F9F9F;
    cursor: default;
    pointer-events: none;
}

    .btn.disabled:hover, .disabled.btn-large:hover,
    .btn-floating.disabled:hover,
    .btn-large.disabled:hover,
    .btn-flat.disabled:hover,
    .btn:disabled:hover,
    .btn-large:disabled:hover,
    .btn-floating:disabled:hover,
    .btn-large:disabled:hover,
    .btn-flat:disabled:hover,
    .btn[disabled]:hover,
    [disabled].btn-large:hover,
    .btn-floating[disabled]:hover,
    .btn-large[disabled]:hover,
    .btn-flat[disabled]:hover {
        background-color: #DFDFDF !important;
        color: #9F9F9F;
    }

.modal-body .row {
    margin-left: unset;
    margin-right: unset;
}

/* .less generated */

.navbar-inverse,
.nav-tabs {
    background-color: rgba(51, 51, 51, 0.9);
    border-color: #262626;
    color: white;
    height: 50px;
}

    .navbar-inverse .navbar-nav > li > a:hover,
    .nav-tabs .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .nav-tabs .navbar-nav > .open > a:hover,
    .navbar-inverse .nav-justified-condensed > li > a:hover,
    .nav-tabs .nav-justified-condensed > li > a:hover,
    .navbar-inverse .nav-pills > li.active > a:hover,
    .nav-tabs .nav-pills > li.active > a:hover {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .navbar-inverse .navbar-nav > li > a:active,
    .nav-tabs .navbar-nav > li > a:active,
    .navbar-inverse .navbar-nav > .open > a:active,
    .nav-tabs .navbar-nav > .open > a:active,
    .navbar-inverse .nav-justified-condensed > li > a:active,
    .nav-tabs .nav-justified-condensed > li > a:active,
    .navbar-inverse .nav-pills > li.active > a:active,
    .nav-tabs .nav-pills > li.active > a:active {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .navbar-inverse .navbar-nav > li > a:focus,
    .nav-tabs .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .nav-tabs .navbar-nav > .open > a:focus,
    .navbar-inverse .nav-justified-condensed > li > a:focus,
    .nav-tabs .nav-justified-condensed > li > a:focus,
    .navbar-inverse .nav-pills > li.active > a:focus,
    .nav-tabs .nav-pills > li.active > a:focus {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

.dropdown-menu > .active > a {
    background-color: #1f4e79;
}

    .dropdown-menu > .active > a:hover {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .dropdown-menu > .active > a:active {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .dropdown-menu > .active > a:focus {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

.dropdown-menu > li a:hover {
    background-color: #2968a2;
    border-color: #2968a2;
    color: white;
}

.dropdown-menu > li a:active {
    background-color: #2968a2;
    border-color: #2968a2;
    color: white;
}

.dropdown-menu > li a:focus {
    background-color: #2968a2;
    border-color: #2968a2;
    color: white;
}

.brandImage,
#navLogo {
    margin: 0 auto;
    padding: 0px;
    width: 70px;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.nav > li > a.btn,
.nav-justified-condensed > li > a,
.nav-pills > li.active > a,
.btn-group > a.btn {
    background-color: #1f4e79;
    border-color: #2968a2;
    color: white;
}

    .btn-primary:hover,
    .btn-secondary:hover,
    .btn-success:hover,
    .btn-info:hover,
    .btn-warning:hover,
    .nav > li > a.btn:hover,
    .nav-justified-condensed > li > a:hover,
    .nav-pills > li.active > a:hover,
    .btn-group > a.btn:hover {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .btn-primary:active,
    .btn-secondary:active,
    .btn-success:active,
    .btn-info:active,
    .btn-warning:active,
    .nav > li > a.btn:active,
    .nav-justified-condensed > li > a:active,
    .nav-pills > li.active > a:active,
    .btn-group > a.btn:active {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .btn-primary:focus,
    .btn-secondary:focus,
    .btn-success:focus,
    .btn-info:focus,
    .btn-warning:focus,
    .nav > li > a.btn:focus,
    .nav-justified-condensed > li > a:focus,
    .nav-pills > li.active > a:focus,
    .btn-group > a.btn:focus {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .nav-justified-condensed > li.active a,
    .btn-group > a.btn.active {
        background-color: #2968a2;
        border-color: #2968a2;
        color: white;
    }

    .btn-group > a.btn.disabled {
        color: black;
    }

.btn-default {
    background-color: #e7e7e7;
    border-color: white;
    color: #333333;
}

    .btn-default:hover {
        background-color: #e8e8e8;
        border-color: #e8e8e8;
        color: #333333;
    }

    .btn-default:active {
        background-color: #e8e8e8;
        border-color: #e8e8e8;
        color: #333333;
    }

    .btn-default:focus {
        background-color: #e8e8e8;
        border-color: #e8e8e8;
        color: #333333;
    }

.btn-danger {
    background-color: #f04124;
    border-color: #f36a54;
    color: black;
}

    .btn-danger:hover {
        background-color: #f04124;
        border-color: #f04124;
        color: black;
    }

    .btn-danger:active {
        background-color: #f04124;
        border-color: #f04124;
        color: black;
    }

    .btn-danger:focus {
        background-color: #f04124;
        border-color: #f04124;
        color: black;
    }

.btn-file {
    overflow: hidden;
    position: relative;
}

    .btn-file input [type=file] {
        background: white;
        cursor: inherit;
        display: block;
        filter: alpha(opacity=0);
        font-size: 100px;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        outline: none;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.input-group-addon,
.customer-title,
.text-primary {
    color: #1f4e79;
}

.green,
a,
alert a {
    color: #1f4e79;
}

    .green:hover,
    a:hover,
    alert a:hover {
        color: #2968a2;
        text-decoration: none;
    }

    .green:active,
    a:active,
    alert a:active {
        color: #2968a2;
        text-decoration: none;
    }

    .green:focus,
    a:focus,
    alert a:focus {
        color: #2968a2;
        text-decoration: none;
    }

.form-control:focus {
    border-color: #2968a2;
}

.panel-primary,
.well {
    border-color: #333333;
    border-radius: 0px;
    opacity: 0.99;
}

    .panel-primary > .panel-heading,
    .well > .panel-heading {
        background-color: rgba(51, 51, 51, 0.98);
        border-color: #333333;
        border-radius: 0px;
        color: white;
        opacity: 0.8;
    }

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    background-color: #cccccc;
    color: black;
}

    .footer a:hover {
        color: black;
        text-decoration: none;
    }

    .footer a:active {
        color: black;
        text-decoration: none;
    }

    .footer a:focus {
        color: black;
        text-decoration: none;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4f3b2a;
}

blockquote {
    border-left: 5px solid #2968a2;
}


/*materialization */

.z-depth-1, .btn, .btn-large, .btn-floating {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

    .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
        -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    }

.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-3 {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-4, .modal {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-5 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}


.hoverable {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
}

    .hoverable:hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.btn, .btn-large,
.btn-flat {
    -webkit-tap-highlight-color: transparent;
    text-transform: capitalize;
}

.btn, .btn-large {
    -webkit-transition: .2s ease-out;
    color: #fff;
    cursor: pointer;
    letter-spacing: .5px;
    /*background-color: #26a69a;*/
    text-align: center;
    text-decoration: none;
    transition: .2s ease-out;
}

.btn-floating {
    -webkit-transition: .3s;
    /*background-color: #26a69a;*/
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: .3s;
    vertical-align: middle;
    width: 40px;
    z-index: 1;
}

    .btn-floating:before {
        border-radius: 0;
    }

    .btn-floating.btn-large {
        height: 56px;
        width: 56px;
    }

        .btn-floating.btn-large.halfway-fab {
            bottom: -28px;
        }

        .btn-floating.btn-large i {
            line-height: 56px;
        }

    .btn-floating.halfway-fab {
        bottom: -20px;
        position: absolute;
        right: 24px;
    }

        .btn-floating.halfway-fab.left {
            left: 24px;
            right: auto;
        }

    .btn-floating i {
        color: #fff;
        display: inline-block;
        font-size: 1.6rem;
        line-height: 40px;
        text-align: center;
        width: inherit;
    }

button.btn-floating {
    border: none;
}

/*  ---------------------------  */

.checkbox input[type="checkbox"] {
    margin-left: 0;
}

.transparentBG {
    background-color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 767px) {
    .navbar-inverse {
        height: auto !important;
    }

    .card-img {
        min-height: 115px !important;
    }
}
