﻿* {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background: #F7F7F7;
}

input[type=text], input[type=password] {
    width: 100%;
}

.btn-outline-red {
    background-color: transparent !important;
    border: 1px solid #F44336 !important;
    box-shadow: 0 2px 2px 0 rgba(220,53,69,0.14),0 3px 1px -2px rgba(220,53,69,0.12),0 1px 5px 0 rgba(220,53,69,0.2) !important;
}

    .btn-outline-red:hover {
        background-color: #F44336 !important;
        border: 1px solid #F44336 !important;
        box-shadow: 0 2px 2px 0 rgba(220,53,69,0.14),0 6px 2px -4px rgba(220,53,69,0.12),0 2px 10px 0 rgba(220,53,69,0.2) !important;
        color: #FFF !important;
    }

.btn-outline-green {
    background-color: transparent !important;
    border: 1px solid #4CAF50 !important;
    box-shadow: 0 2px 2px 0 rgba(82, 220, 53, 0.14),0 3px 1px -2px rgba(82, 220, 53, 0.12),0 1px 5px 0 rgba(82, 220, 53, 0.2) !important;
}

    .btn-outline-green:hover {
        background-color: #4CAF50 !important;
        border: 1px solid #4CAF50 !important;
        box-shadow: 0 2px 2px 0 rgba(82, 220, 53, 0.14),0 3px 1px -2px rgba(82, 220, 53, 0.12),0 1px 5px 0 rgba(82, 220, 53, 0.2) !important;
        color: #FFF !important;
    }

.btn-outline-teal {
    background-color: transparent !important;
    border: 1px solid #00838f !important;
    box-shadow: 0 2px 2px 0 rgba(0, 105, 92, 0.14),0 3px 1px -2px rgba(0, 105, 92, 0.12),0 1px 5px 0 rgba(0, 105, 92, 0.2) !important;
}

    .btn-outline-teal:hover {
        background-color: #00838f !important;
        border: 1px solid #00838f !important;
        box-shadow: 0 2px 2px 0 rgba(0, 105, 92, 0.14),0 3px 1px -2px rgba(0, 105, 92, 0.12),0 1px 5px 0 rgba(0, 105, 92, 0.2) !important;
        color: #FFF !important;
    }

i.left {
    margin-right: 5px !important;
}

i.right {
    margin-left: 5px !important;
}

.btn-small {
    font-size: 0.85rem !important;
}

.small-warning-text {
    font-size: 12px;
    color: #a8a8a8;
    padding: 3px 0;
}

.text-justify {
    text-align: justify !important;
}

.text.justify {
    text-align: justify !important;
}

.sidenav {
    width: 325px !important;
}

.label-text {
    color: #9e9e9e;
}

.upperCase-text {
    text-transform: uppercase;
}

.container-icon {
    margin-top: 35px;
}

.img-icon {
    width: 125px;
}

.img-medium {
    width: 250px;
}

.error-input {
    color: red !important;
}

i.medium-custom {
    font-size: 2.2rem !important;
}

th {
    text-transform: uppercase;
}

ul.sidenav li {
    cursor: pointer;
}

    ul.sidenav li div {
        cursor: auto;
    }

.my-1 {
    margin: 1rem 0 !important;
}

.my-2 {
    margin: 2rem 0 !important;
}

.my-3 {
    margin: 3rem 0 !important;
}

.my-4 {
    margin: 4rem 0 !important;
}

.my-5 {
    margin: 5rem 0 !important;
}

.mr-1 {
    margin-right: 0.5rem !important;
}

.ml-1 {
    margin-left: 0.5rem !important;
}

.ml-1-5 {
    margin-left: 1.5rem !important;
}

.col-custom {
    padding: 0 2rem !important;
}

.btn-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial,sans-serif;
    color: #069;
    cursor: pointer;
}

    .btn-link:hover {
        background: none !important;
        border: none;
        padding: 0 !important;
        font-family: arial,sans-serif;
        color: #069;
        text-decoration: underline;
        cursor: pointer;
    }

.table-overflow-x {
    overflow-x: scroll !important;
}

.table-overflow-y {
    overflow: scroll !important;
    height: 380px !important;
}

.table-large {
    min-width: 1800px !important;
}

.table-medium {
    min-width: 1200px !important;
}

.table-small {
    min-width: 800px !important;
}

.small-text {
    font-size: 0.7rem !important;
}

/*Actualización de miembros de materialize*/

/* label focus color */
.input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label, .input-field input[type=email]:focus + label {
    color: #0d47a1 !important;
}
/* label underline focus color */
.input-field input[type=text]:focus, .input-field input[type=password]:focus, .input-field input[type=email]:focus {
    border-bottom: 1px solid #0d47a1 !important;
    box-shadow: 0 1px 0 0 #0d47a1 !important;
}
/* valid color */
.input-field input[type=text].valid, .input-field input[type=password].valid, .input-field input[type=email].valid {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}

    .input-field input[type=text].valid + label, .input-field input[type=password].valid + label, .input-field input[type=email].valid + label {
        color: #4CAF50 !important;
    }

/* invalid color */
.input-field input[type=text].input-validation-error, .input-field input[type=password].input-validation-error, .input-field input[type=email].input-validation-error, .input-field input[type=date].input-validation-error {
    border-bottom: 1px solid #d50000 !important;
    box-shadow: 0 1px 0 0 #d50000 !important;
}

    .input-field input[type=text].input-validation-error + label, .input-field input[type=password].input-validation-error + label, .input-field input[type=email].input-validation-error + label, .input-field input[type=date].input-validation-error + label {
        color: #d50000 !important;
    }

/* icon prefix focus color */
.input-field .prefix.active {
    color: #0d47a1 !important;
}

/*Inician Media queries*/
@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}
/*Fin de media queries*/

.datepicker-date-display {
    background-color: #4990E2 !important;
}

.datepicker-table td.is-selected {
    background-color: #4990E2 !important;
}

.datepicker-today, .datepicker-done {
    color: #2962ff !important;
}

.datepicker-cancel, .datepicker-clear {
    color: #F74E4E !important;
}

.btn-link:disabled {
    cursor: not-allowed;
    color: #9a9999;
}
