.row .col.mail-thumb {
    height: 600px;
    background-color: black;
    padding: 0;
    margin-top: 20px;
}

@media only screen and (min-width: 601px) {
    .container {
        width: 98%;
        max-width: 98% !important;
        margin: auto;
    }
}

.side-nav li.active a, .side-nav li.active a i {
    color: #03a9f4 !important;
}

.users.form {
    margin-top:40px;
}

.user-detail {
    background: url(/img/user-bg.jpg) no-repeat center center;
    background-size: cover;
    height:100px;
    color: white;
}

.user-detail .dropdown-button {
    width: 90%;
    margin: auto;
    display: inline-block;
}

.header-title {
    margin: 20px 0;
}

.header-title .btn-add {
    margin-top:15px;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: black;
}

textarea.materialize-textarea {
    min-height: 300px;
    max-height: 300px;
    overflow: auto;
}

.actions .btn, .header-title .btn {
    margin: 15px 4px;
}

td, th {
    padding: 0 5px;
}

#media-iframe {
    margin-top:30px;
    height: 600px;
    border: 1px solid #ddd;
}

label, .input-field label, .input-field.col label {
    color:#03a9f4;
    font-size: 1rem;
}

.customers.view .circle {
    width:10px;
    height:10px;
    float:left;
    margin-top: 5px;
    margin-right: 15px;
}
.dashboard-stats  .circle {
    width:10px;
    height:10px;
    position: absolute;
    margin-top: 5px;
    margin-left: 8px;
}
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:#03a9f4;
    font-size: 1rem;
}
.input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(1);
    transform: translateY(-14px) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.dashboard-filters a, .dashboard-custom-filter {
    color: black;
    margin: 10px;
    cursor: pointer;
}

.dashboard-filters a.active, .dashboard-custom-filter.active {
    font-weight: bold;
}

.preloader-wrapper {
    margin-top: 250px;
}
.message {
    display: none;
}

.error-message {
    color: red;
    font-size: 0.75rem;
    position: relative;
    top: -10px;
}

.datepickers {
    display:none;
}

.input.password {
    position: relative;
}

.input.password .show_password {
    position: absolute;
    right: 0;
    top: 35px;
    cursor: pointer;
}