/* Style CSS of application: Administration of Legal Procedures */

/*tamaño de la fuente*/
html,
body,
.mn-content {
    font-size: 13px;
}

.a {
    color: #0277bb;
}

.divider {
    width: 100%;
    height: 1.5px;
}

.block {
    display: block;
}

.text-20 {
    font-size: 20px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}
.m-t-0 {
    margin-top: 0px !important;
}
.m-r-0 {
    margin-right: 0px !important;
}
.m-b-0 {
    margin-bottom: 0px !important;
}

/* ajustes de alto listado de registros*/
.over300px {
    overflow: hide;
    overflow-y: auto;
    max-height: 300px;
}
.over500px {
    overflow: hide;
    overflow-y: auto;
    max-height: 500px;
}

/* Color Personalizado del Sistema */
.btn,
button:focus {
    background-color: #002b37;
}
.btn:hover,
.btn-large:hover {
    background-color: #2a9ab9;
}
.side-nav a.btn:hover,
.side-nav a.btn-large:hover,
.side-nav a.btn-large:hover {
    background-color: #2a9ab9;
}
.azul {
    background-color: #002b37 !important;
}
.azul-text {
    color: #002b37 !important;
}
.red-text {
    color: #f44336 !important;
}
.green-text {
    color: #4caf50 !important;
}

.input-field .prefix,
.tabs .tab a,
.tabs .indicator {
    color: #002b37;
}
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-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 #002b37;
    box-shadow: 0 1px 0 0 #002b37;
}
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-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: #002b37;
}
.input-field .prefix.active {
    color: #002b37;
}
[type="radio"]:checked + label:after {
    border: 2px solid #002b37;
    background-color: #002b37;
}
[type="radio"].with-gap:checked + label:before {
    border: 2px solid #002b37;
}
[type="radio"].with-gap:checked + label:after {
    border: 2px solid #002b37;
    background-color: #002b37;
}
.switch label input[type="checkbox"]:checked + .lever {
    background-color: #80bccd;
}
.switch label input[type="checkbox"]:checked + .lever:after {
    background-color: #002b37;
}
[type="checkbox"]:checked + label:before {
    border-right: 2px solid #002b37;
    border-bottom: 2px solid #002b37;
}
[type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #002b37;
    background-color: #002b37;
}
[type="checkbox"].listar:checked + label:after {
    border: 2px solid #7dd1f2;
    background-color: #7dd1f2;
}
[type="checkbox"].agregar:checked + label:after {
    border: 2px solid #4ae088;
    background-color: #4ae088;
}
[type="checkbox"].modificar:checked + label:after {
    border: 2px solid #d1ea62;
    background-color: #d1ea62;
}
[type="checkbox"].eliminar:checked + label:after {
    border: 2px solid #e02d0d;
    background-color: #e02d0d;
}
.picker__date-display {
    background-color: #002b37;
}
.picker__weekday-display {
    background-color: #0e4150;
}
.picker__day.picker__day--today {
    color: #002b37;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background-color: #e0e0e0;
    color: #595959;
}
.picker__day.picker__day--today.picker__day--selected {
    color: #595959;
}
.picker__close,
.picker__today {
    color: #002b37;
}
button.picker__today:focus,
button.picker__clear:focus,
button.picker__close:focus {
    background-color: #b2d5df;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: #7fbccd;
}
input[type="range"] + .thumb {
    background-color: #002b37;
}
input[type="range"] + .thumb .value {
    color: #002b37;
}
input[type="range"]::-webkit-slider-thumb {
    background-color: #002b37;
}
input[type="range"]::-moz-range-thumb {
    background: #002b37;
}
input[type="range"]::-ms-thumb {
    background: #002b37;
}

/* Tabs */
.tabs .tab a {
    color: #002b37;
}
.tabs .indicator {
    background-color: #002b37;
}

/* tamaños de botones */
.btn-small {
    height: 30px;
    line-height: 30px;
}
.btn-small-small {
    height: 24px;
    line-height: 24px;
}
.btn-show {
    color: #2196f3;
}
.btn-edit {
    color: #ff9800;
}
.btn-show:hover {
    background-color: #2196f3 !important;
    color: #ffffff !important;
}
.btn-edit:hover {
    background-color: #ff9800 !important;
    color: #ffffff !important;
}
.btn-flat.waves-brown {
    color: #795548;
}
.waves-effect.waves-brown .waves-ripple {
    background-color: rgba(121, 85, 72, 0.2);
}

/* breadcrumbs */
.breadcrumb {
    color: #9e9e9e !important;
}
.breadcrumb.active {
    color: #616161 !important;
}
.breadcrumb:hover {
    color: #616161 !important;
}
.breadcrumb:before {
    color: #212121 !important;
}

/*campos marcados obligatorios*/
.fields_marked:after {
    transition: 0.2s opacity ease-out, 0.2s color ease-out !important;
    display: inline-block !important;
    /*position: relative !important;*/
    content: "*" !important;
    opacity: 1 !important;
    color: red !important;
    top: 0px !important;
}

/* Change background of Authentication */
.signin-page {
    background: #1c2c3b;
}

.signup-page {
    background: #1c2c3b;
}

.pattern-lock-screen {
    background: #1c2c3b;
}

/* estatus de un registro */
.chip.chip-edit {
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    padding: 0 8px;
    margin: 0;
}
.chip.chip-edit-sm {
    height: 20px;
    line-height: 20px;
    border-radius: 6px;
    padding: 0 8px;
    margin: 0;
}

@media only screen and (min-width: 404px) {
    .nota-align-right {
        float: none; /*quitar float*/
        display: block;
        text-align: right;
    }
}

.btn-l {
    margin-left: 5px !important;
}
/*ajustes de ancho de botones */
.btn-w-100 {
    width: 100%;
    margin: 0.15em 0;
    text-align: center;
}
.btn100 {
    width: 100%;
    margin: 0.15em 0;
    text-align: center;
}
.btnRest {
    float: none;
    margin: auto;
    padding: auto;
    display: auto;
    position: relative;
}

/*auto ajustes del txt en Monto Adudado*/
.txt-fix {
    position: absolute;
    bottom: 5px;
    left: 40px;
}

/*ajustes de responsive de botones */
.btnFix {
    width: auto;
    margin: inherit;
    text-align: inherit;
}
.noFloat {
    float: inherit;
}
@media only screen and (max-width: 600px) {
    .btnFix {
        width: 100%;
        margin: 5px 0 !important;
        text-align: center;
    }
    .noFloat {
        float: none !important;
    }
}
@media only screen and (max-width: 800px) {
    .noRight {
        display: inline;
    }
}

/* Lineas del login */
.line_login-top {
    position: absolute !important;
    background-color: #ae844e;
    border: none;
    width: 35%;
    height: 15px;
    top: 8%;
    left: 65%;
    z-index: -1;
}

.line_login-bottom {
    position: absolute !important;
    background-color: #ae844e;
    border: none;
    width: 35%;
    height: 15px;
    top: 93%;
    left: 0;
    z-index: -1;
}

@media only screen and (max-width: 600px) {
    .line_login-top {
        top: 5%;
        left: 80%;
    }

    .line_login-bottom {
        top: 94%;
        width: 20%;
    }
}

input[type="hidden"] + label[for="form__token"] {
    display: none;
}
