body {
    /*font-family: font-family: Tahoma, Arial, Helvetica, sans-serif;*/
    font-family: 'Ubuntu', sans-serif !important;
    font-size: 0.85EM;
}

#toast-container {
    min-width: 150px !important;
    top: 0%;
    right: 80%;
    transform: translateX(50%) translateY(50%)
}


.pnlContenedorAsp {
    overflow-y: scroll !important;
    padding-top: 15px !important;
}

.azul-sermatick {
    background-color: #00AFFA !important;
}

.waves-effect.waves-sermatick .waves-ripple {
    background-color: #00AFFA !important;
}

.txt-negro {
    color: black !important;
}

.txt-bold {
    font-weight: bold !important;
}

tr, td {
    padding: 2px !important;
}

.padding20 {
    padding: 20px !important;
}

.padding50 {
    padding: 50px;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.boton {
    text-align: right;
    padding: 25px !important;
}

.alinearL {
    text-align: left !important;
}

.alinearR {
    text-align: right !important;
}

.gris {
    background-color: darkgrey;
}

/* Cambiar el toast a la izquierda */
/*#toast-container {
    top: auto !important;
    right: auto !important;
    bottom: 85%;
}*/

.tabs .indicator {
    background-color: #3B78E7 !important;
}

.OcultarElemento {
    display: none !important;
}

.FondoModal01 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #000 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity: 0.6 !important;
    opacity: 0.6 !important;
    z-index: 120 !important;
}

.FondoModal02 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #000 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity: 0.6 !important;
    opacity: 0.6 !important;
    z-index: 240 !important;
}

.FondoModal03 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #000 !important;
    filter: alpha(opacity=60) !important;
    -moz-opacity: 0.6 !important;
    opacity: 0.6 !important;
    z-index: 480 !important;
}

/* Texto textbox */
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: #00AEF9;
}

/* Borde textbox */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00AEF9;
    -webkit-box-shadow: 0 1px 0 0 #00AEF9;
    box-shadow: 0 1px 0 0 #00AEF9;
}

/* tabs - sin seleccionar */
.tabs .tab a {
    color: #666;
}

    /* tabs - fondo traslucido */
    .tabs .tab a:focus, .tabs .tab a:focus.active {
        background-color: transparent;
    }

    /* tabs - con seleccionar */
    .tabs .tab a:hover, .tabs .tab a.active {
        color: #00AEF9 !important;
    }

/* tabs - disable */
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: #00AEF9 !important;
}

/* tabs - indicador */
.tabs .indicator {
    background-color: #00AEF9 !important;
}

/* dropdown - linea inferior */
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #00AEF9 !important;
}

/* dropdown - letras azules */
.dropdown-content li > a, .dropdown-content li > span {
    color: #00AEF9 !important;
}

/* checkbox - 01 */
[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #00AEF9;
    border-bottom: 2px solid #00AEF9;
}

/* checkbox - 02 */
[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #00AEF9 !important;
    background-color: #00AEF9 !important;
}

blockquote {
    border-left: 5px solid #FFA233;
}

.datepicker-done {
    color: #00AEF9;
    padding: 0 1rem;
}

/* Date Display */
.datepicker-date-display {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-color: #00AEF9;
    color: #fff;
    padding: 20px 22px;
    font-weight: 500;
}

.datepicker-table td.is-today {
    color: #00AEF9;
}

.datepicker-table td.is-selected {
    background-color: #00AEF9;
    color: #fff;
    padding-bottom: 0 !important;
}

/* Eliminar bordes verdes de txt de busqueda en el grid de devexpress */
.dxgvControl_MaterialCompact .dxh0 {
    border: 0 !important;
}

/* Eliminamos espacio entre el txt y el grv de devexpress */
.dxgvSearchPanel_MaterialCompact {
    padding-bottom: 0 !important;
    margin: 0 !important;
}

/* Cambia color del nro de la página actual  en el grid demdevexpress */
.dxpLite_MaterialCompact .dxp-current {
    background-color: #00AEF9 !important;
}

/* Cambiar tamaño de btn-small */
.btn-small {
    height: 29.16px !important;
    line-height: 29.16px !important;
    font-size: 11.70px !important;
}

/* Cambiar tamaño de btn-small */
.btn {
    height: 29.16px !important;
    line-height: 29.16px !important;
    font-size: 11.70px !important;
}