body {
}

.loadingoverlay {
justify-content:center!important;
}

@media (max-width: 599px) {
    .fondo-tsi {
        background-size: 80%;
    }
}

@media (min-width: 600px) {
    .fondo-tsi {
        background-size: 30%;
    }
}

.has-error .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

.crop-text {
    overflow: hidden;
    white-space: nowrap; /* Don't forget this one */
    text-overflow: ellipsis;
}

.label-normal {
    font-weight: normal !important;
}

/*.control-label{
    justify-content: flex-end;
}*/

/* FIX para que el Label de un Formulario se ubique a la derecha*/
@media (min-width: 768px) {
    .control-label {
        text-align: right !important;
    }
}


/* Fix para custom file input para cambiar el texto de "BROWSE" */
.custom-file-label::after {
    content: "Buscar" !important;
}

/*.ms-container {
    width: 100% !important;
}*/

.dt-search-center .dataTables_wrapper .dataTables_filter {
    width: 100%;
    text-align: center;
}

td.dt-center {
    text-align: center;
}


td.dt-rigth {
    text-align: right;
}

.errorForm {
    font-size: 80%;
}


.modal-content .form-group > .ojo-password {
    position: absolute;
    right: 1.30rem;
    margin-top: -1.6rem;
    cursor: pointer;
    color: gray;
    z-index: 1000;
}

.card .form-group > .ojo-password {
    position: absolute;
    right: 1.75rem;
    margin-top: -1.6rem;
    cursor: pointer;
    color: gray;
    z-index: 1000;
}

.card .form-group > .ojo-password-rojo {
    position: absolute;
    right: 3rem;
    margin-top: -3.1rem;
    cursor: pointer;
    color: gray;
    z-index: 1000;
}

.input-group > .ojo-password {
    position: absolute;
    right: 0.5rem;
    margin-top: 12px;
    cursor: pointer;
    color: gray;
    z-index: 1000;
}

.password-eye {
    border-bottom-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
}