/*
 * icomponents.css
 * Componentes genéricos Indicus.
 *
 * Mantener aquí solo estilos reutilizables entre proyectos.
 * Los estilos propios de VIVA SPACES deben ir en site.css.
 */

/******************************************************************************************/
/************************************* COMPONENTES BASE ************************************/
/******************************************************************************************/

.card {
    margin-top: 10px;
}

label,
.form-group > span {
    margin-bottom: 4px;
    line-height: 24px;
}

label {
    display: block;
}

.form-group {
    margin-bottom: 0.75rem;
}

.no-label-over {
    padding-top: 24px;
}

.block25pct > span {
    display: inline-block;
}

.btn-group,
.btn-group-vertical {
    position: static;
}

/******************************************************************************************/
/*************************************** INPUT GROUPS **************************************/
/******************************************************************************************/

.input-group-text.input-group-ico {
    font-size: 26px;
    padding: 0 .55rem;
    line-height: 1;
    background-color: unset;
    border: 0;
}

.form-group .btn {
    margin-top: -4px;
}

.input-group-append > .btn {
    margin-top: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    margin-top: 0;
}

/******************************************************************************************/
/**************************************** VALIDACIONES *************************************/
/******************************************************************************************/

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

.field-validation-error {
    color: #e80c4d !important;
    font-size: 10px !important;
}

/******************************************************************************************/
/************************************ CUSTOM CONTROLS **************************************/
/******************************************************************************************/

.custom-control .custom-control-label {
    padding-top: 9px;
}

.custom-control-label::after,
.custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
    margin-top: 9px;
}

.custom-control-input.mt-0 + label {
    padding-top: 0 !important;
}

    .custom-control-input.mt-0 + label::after,
    .custom-control-input.mt-0 + label::before,
    .custom-control-input.mt-0:checked ~ .custom-control-label.mt-0::before,
    .custom-control-input.mt-0:checked ~ .custom-control-label.mt-0::after {
        margin-top: 0 !important;
    }

.custom-control-label + .label-mensaje-error {
    padding-left: 0;
}

.check-modificado label::before {
    box-shadow: 0 0 8px 4px rgba(124, 181, 230, 1) !important;
}