/*================================================================================
  Item Name: Materialize - Material Design Admin Template
  Version: 3.1
  Author: NachoMJ
================================================================================
*/

/*----------------------------------------
    Page Elements
------------------------------------------*/

#login-page {
    height: 100vh;
    background-color: #000;
    margin-bottom: 0;
}
#login-form {
    margin-top: 40px;
}
#login-error {
    color: #f44336;
    text-align: center;
}
input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #00acc1;
}
input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00acc1;
    box-shadow: 0 1px 0 0 #00acc1;
}
.btn {
    background: #00acc1;
}
.btn:hover, button:focus {
    background: #26c6da;
}
.btn-xs {
    height: 25px;
    line-height: 25px;
}
.btn-mini {
    height: 28px;
    line-height: 28px;
    width: 28px;
    box-shadow: 0 0 0;
}
.btn-floating i.tiny {
    line-height: 28px;
    font-size: 1.1rem;
}
a {
    color: #00acc1;
}
.hidden-divider {
    height: 30px;
    width: 100%;
}

/*----------------------------------------
    Home page
------------------------------------------*/

#profile-page-header .card-image {
    height: 120px;
    cursor: auto;
}
#profile-page-header .card-image .card-title {
    text-shadow: 1px 1px 1px #333;
}
#profile-page-header .card-content {
    margin-top: -30px;
}
#client-card, #report-card {
    cursor: pointer;
}
#client-card:hover p, #report-card:hover p {
    color: #64dd17;
}
.card .card-content .card-title {
    line-height: 44px;
}
footer.page-footer .footer-copyright {
    min-height: 35px;
    padding: 8px;
    font-size: .8em;
}

/*----------------------------------------
    Validation forms
------------------------------------------*/

.form-subtitle {
    color: #9e9e9e;
}
.static-form {
    -moz-border-colors: none;
    background-color: transparent;
    box-sizing: content-box;
    font-size: 1rem;
    height: 1rem;
    margin: 0 0 15px;
    width: 100%;
    line-height: normal;
    padding: 14px 0 18px;
}
.preloader-wrapper.form-loader {
    top: 5px;
    height: 22px;
    width: 22px;
    margin-left: 10px;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: #00bfa5;
}
.picker__weekday-display {
    background-color: #00695c;
}
.picker__date-display {
    background-color: #00897b;
}
.picker__day.picker__day--today {
    color: #00897b;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #00897b;
}
.picker__close, .picker__today {
    color: #00897b;
}
.browser-default {
    margin-bottom: 15px;
}
.input-field div.error {
    position: relative;
    top: -1rem;
    left: 0rem;
    font-size: 0.8rem;
    color: #f44336;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}
.input-field label.active {
    width: 99%;
}
.left-alert input[type=text] + label:after, 
.left-alert input[type=password] + label:after, 
.left-alert input[type=email] + label:after, 
.left-alert input[type=url] + label:after, 
.left-alert input[type=time] + label:after,
.left-alert input[type=date] + label:after, 
.left-alert input[type=datetime-local] + label:after, 
.left-alert input[type=tel] + label:after, 
.left-alert input[type=number] + label:after, 
.left-alert input[type=search] + label:after, 
.left-alert textarea.materialize-textarea + label:after {
    left:0px;
}
.right-alert input[type=text] + label:after, 
.right-alert input[type=password] + label:after, 
.right-alert input[type=email] + label:after, 
.right-alert input[type=url] + label:after, 
.right-alert input[type=time] + label:after,
.right-alert input[type=date] + label:after, 
.right-alert input[type=datetime-local] + label:after, 
.right-alert input[type=tel] + label:after, 
.right-alert input[type=number] + label:after, 
.right-alert input[type=search] + label:after, 
.right-alert textarea.materialize-textarea + label:after {
    right:70px;
}
input[type=text].valid, input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #64dd17;
    box-shadow: 0 1px 0 0 #64dd17;
}
[type="radio"]:checked + label::after {
    background-color: #00bcd4;
    border: 2px solid #00bcd4;
}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    color: #333;
}
.character-counter {
    position: absolute;
    top: 48px;
    right: 12px;
}
.form-note {
    margin-top: 25px;
}

/*----------------------------------------
    Tables
------------------------------------------*/

table.dataTable {
    margin: 10px 0 0;
}

/*----------------------------------------
    Helpers
------------------------------------------*/

.clearfix {
    clear: both;
}