.ComponentModalConfirm{
    height: 100%;
    display: grid;
    grid-template-rows: 105px 50px 30px 1fr; 
    & .info_icon{
        color: #fad0ab;
        font-size: 100px;
        justify-self: center;
        align-self: center;
        margin-top: -25px;
    } 
    & .confirm_text{
        justify-self: center;
        width: 370px;
        height: 30px;
        text-align: center;
        font-weight: bolder;
        font-size: x-large;
        color:  var(--color-text-S360);
    }
    & .textInfo{
        justify-self: center;
        text-align: center;
        color:  var(--color-text-S360);
        font-size: var(--font-size-large-S360);
        word-wrap: break-word;
        max-width: 370px;
    }

    & .B_modal{
        justify-self: center;
        & .suscess {
            background-color: #ffc855  !important;
            color: white !important;
            border-color: transparent !important;
            &:hover {
                background-color: #e4a23f !important;
                color: var(--color-text-contraste-S360)
            }

            & .material-symbols-outlined{
                display: none;
            }
        }
    }

    & .fade-out {
        transition: opacity 0.2s ease-out, transform 0.2s ease-out;
        opacity: 0;
        transform: scale(0.9);
    }
}

.offHead{
    & .swalOPC-header {
        border-bottom: none !important;
        height: 0px !important;
    }
    & .swalOPC-body {
        padding-top: 0px;
    }
}