[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    color: #808080;
}

    [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
        border: 1px solid #808080;
    }

    [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
        background: #808080;
    }

.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}


.mat-stepper-horizontal {
    margin-top: 8px;
}

.mat-mdc-form-field {
    margin-top: 16px;
}


/* Estilo para el ícono en un paso seleccionado */
.mat-step-header .mat-step-icon-selected {
    background-color: #ffcc00; /* Cambia el color de fondo */
    color: #333; /* Cambia el color del ícono */
}

/* Estilo para el ícono en un paso completado */
.mat-step-header .mat-step-icon-state-done {
    background-color: #00ff00; /* Cambia el color de fondo */
    color: #fff; /* Cambia el color del ícono */
}

/* Estilo para el ícono en un paso en estado de edición */
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3399ff; /* Cambia el color de fondo */
    color: #fff; /* Cambia el color del ícono */
}

.table-dark {
    /*background-color: rgb(13, 98, 94) !important;*/
    background-color: rgb(198, 232, 114) !important;
    color: rgba(33,37,41, 1);
}

/**/

 [type=radio][_ngcontent-opv-c5]:checked + label[_ngcontent-opv-c5], [type=radio][_ngcontent-opv-c5]:not(:checked) + label[_ngcontent-opv-c5] {
    color: gray
}

    [type=radio][_ngcontent-opv-c5]:checked + label[_ngcontent-opv-c5]:before, [type=radio][_ngcontent-opv-c5]:not(:checked) + label[_ngcontent-opv-c5]:before {
        border: 1px solid #808080
    }

    [type=radio][_ngcontent-opv-c5]:checked + label[_ngcontent-opv-c5]:after, [type=radio][_ngcontent-opv-c5]:not(:checked) + label[_ngcontent-opv-c5]:after {
        background: #808080
    }

.custom-tooltip[_ngcontent-opv-c5] {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white)
}

.mat-stepper-horizontal[_ngcontent-opv-c5] {
    margin-top: 8px
}

.mat-mdc-form-field[_ngcontent-opv-c5] {
    margin-top: 16px
}

.mat-step-header[_ngcontent-opv-c5] .mat-step-icon-selected[_ngcontent-opv-c5] {
    background-color: #fc0;
    color: #333
}

.mat-step-header[_ngcontent-opv-c5] .mat-step-icon-state-done[_ngcontent-opv-c5] {
    background-color: #0f0;
    color: #fff
}

.mat-step-header[_ngcontent-opv-c5] .mat-step-icon-state-edit[_ngcontent-opv-c5] {
    background-color: #39f;
    color: #fff
}

.table-dark[_ngcontent-opv-c5] {
    background-color: #c6e872 !important;
    color: #212529
}

/**/
.tr_box[_ngcontent-opv-c6] {
    position: relative;
    border: 1px solid rgba(13,98,94,1);
    height: 5rem;
    width: 12rem;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px
}

.tr-box-h[_ngcontent-opv-c6] {
    height: 100%;
    width: 100%
}

.tr-box-s-show[_ngcontent-opv-c6] {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
    transition: .5s cubic-bezier(.075,.82,.165,1)
}

.tr-box-n-show[_ngcontent-opv-c6] {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -100%;
    transition: .5s cubic-bezier(.075,.82,.165,1)
}

.tr_box[_ngcontent-opv-c6] > .tr_box-h[_ngcontent-opv-c6] > .tr-box-n-show[_ngcontent-opv-c6] > a[_ngcontent-opv-c6] > span[_ngcontent-opv-c6] {
    font-size: 26px !important;
    color: #fff !important
}

.tr_box[_ngcontent-opv-c6]:hover {
    border: 2px solid rgba(102,211,126,1);
    transition: .5s cubic-bezier(.075,.82,.165,1);
    transform: scale(1.05)
}

    .tr_box[_ngcontent-opv-c6]:hover .tr-box-s-show[_ngcontent-opv-c6] {
        transition: .5s cubic-bezier(.075,.82,.165,1);
        top: -100%
    }

    .tr_box[_ngcontent-opv-c6]:hover .tr-box-n-show[_ngcontent-opv-c6] {
        transition: .5s cubic-bezier(.075,.82,.165,1);
        bottom: 0%
    }

.img-fondo[_ngcontent-opv-c6] {
    background-image: url(cieneguilla.08b2af001d6f3998.jpg);
    background-size: cover;
    background-position: center
}

.fr-scroll[_ngcontent-opv-c6] {
    overflow-x: hidden
}

    .fr-scroll[_ngcontent-opv-c6]::-webkit-scrollbar {
        width: 5px
    }

    .fr-scroll[_ngcontent-opv-c6]::-webkit-scrollbar-thumb {
        background-color: #66d37e
    }

.fr-content-transition[_ngcontent-opv-c6] {
    bottom: auto;
    animation-name: my-animation;
    animation-duration: 1s;
    animation-iteration-count: 1
}

.btn-link[_ngcontent-opv-c6]:hover {
    color: #12d9fc !important
}
/**/

.mat-mdc-fab .mat-mdc-button-touch-target, .mat-mdc-mini-fab .mat-mdc-button-touch-target {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%);
}

.mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple, .mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
    border-radius: var(--mdc-fab-container-shape, 50%);
}

.mdc-fab:not(.mdc-fab--extended) {
    border-radius: 50%;
}