html {
    font-size: 62.5%;
    box-sizing: border-box;
     /*color-border-bootom-input #4CAF50; */
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: 'PT Sans', sans-serif;
}

header {
    border-bottom: 0px solid #e1e1e1;
    padding: 0;
    /*margin-top:-25px;*/
}

.ilike-blue-container {
    @extend .blue, .lighten-4;
    rgb(0 157 175);
}

header .content {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;

    @media (min-width:768px) {
        display: flex; justify-content: space-between;
    }
}

header nav {
    line-height:50px !important;
}

nav, footer {
    background-color: #A02142 !important;
    /*background-color: rgba(9, 36, 50, 0.9) !important;*/
}

footer{
    /*font-size:0.8rem;*/
}
    nav .brand-logo {
        font-size: 2.8rem !important;
        font-weight: 800;
        display: flex !important;
        flex-direction: column;
    }

    nav ul a:hover {
        background-color: rgba(255,255,255,0.3) !important;
    }

    nav ul a {
    font-size: 1.8rem;
    font-weight: 400;
}

.brand-logo img {
    margin: -11px auto 0px auto;
    width: 123px;
    height: 17px;
}

.input-field label {
    font-size: 1.8rem;
    font-weight: 700;
    top: -1.5rem;
}

.input-field>label {
    color: #000000;
}

[type="checkbox"] + span:not(.lever) {
    font-size:inherit !important;
}
    .select-wrapper + label {
    top: -30px;
    font-size: 1.8rem;
    font-weight: 700;
}




.dropdown-content {
    /*overflow: visible !important;*/
    max-height: 350px !important;
   overflow-y: auto !important;
}

.card {
    border-radius: 20px !important;
}

.card .card-content .card-title {
    margin-bottom: 2rem;
}

.card .card-content {
    padding: 10px !important; 
    border-radius: 0 0 2px 2px;
}

.card .card-action{
    padding: 8px 24px !important;
}
.row {
    margin-bottom: 2px !important;
}
section.toolbar nav {
    background-color: rgb(255, 255, 255) !important;
    border-bottom: none;
    height: 4.4rem;
    line-height: 4.4rem;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0,0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);
}

    section.toolbar nav i {
        background-color: rgb(255, 255, 255) !important;
        border-bottom: none;
        height: 4.4rem;
        line-height: 4.4rem;
        /*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0,0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20); 
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);*/
    }

    section.toolbar nav ul a {
        color: #000;
        font-size: 1.4rem;
    }


#main {
    padding-top: 1.9rem;
    /*border-left: 1px solid;*/
    padding-left: 1.9rem;
    width:80% !important;
}


.datepicker-day-button {
    color: #000000;
}

.datepicker-date-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #BC955B !important;
    color: #fff;
    padding: 20px 22px;
    font-weight: 500;
}

.datepicker-table td.is-selected {
    background-color: #BC955B !important;
    color: #fff;
}


.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #fff  !important;
    padding: 0 1rem;
    background-color: #A02142 !important;
    margin-left:1rem;
}

.confirmation-btns .btn-flat:focus, .btn-flat:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color:#BC955B !important;
}

table.dataTable thead tr {
    background-color: #e0e0e0;
}
/*cambiar el tamaño de letras del label center el datatable*/
.dataTables_length label, .dataTables_filter label {
    font-size: 1.8rem;
    color: inherit;
    font-family: inherit;
}

.escudo-footer {
    margin: 0 auto;
    display: block;
    
    width: 20%;
    height: 20%;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
    margin-bottom:20px !important;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

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

a.delete:hover{
    background-color:#e53935 !important;
}

.btn-success {
    color: #fff;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.username i.material-icons {
    display:inline; 
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}

@media only screen and (min-width: 601px) nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
     height: 56px !important; 
    line-height: 64px;
}
header nav ul.header{
    margin-top:7px !important;
}

/*header seccion nav ul{
    margin:0 !important;
}*/

.btn-small{
    padding:0 10px !important;
    font-size:10px !important;
}