body {
    height: 100%;
    margin: 0;
    overflow: auto; /* Evita el desplazamiento de la página mientras el spinner está activo */
    margin: 0; /* Asegura que no haya márgenes alrededor del cuerpo */
    padding: 0; /* Asegura que no haya relleno alrededor del cuerpo */
}

.d-flex-center {
    /*display: contents;*/
}

.contenedor-IE {
    margin-top: 10px;
    border: 1px solid #07a59d;
    border-radius: 8px;
}

.container-title {
    background-color: #07a59d;
    padding-top: 15px;
}

.title-paquete {
    font-weight: bold;
    text-align: center;
    color: white;
}

.col-form-label {
    font-weight: bold;
}

/************** Color para botónes ****************/
.btn-warning {
    border-radius: 5px;
}

.btn-danger {
    border-radius: 5px;
}

.btnSc {
    background-color: #2ca444;
    border: #2ca444;
    color: white;
    border-radius: 5px;
}

    .btnSc:hover {
        background-color: #098521;
    }

.btnPri {
    background-color: #0189FA;
    border: #0189FA;
    color: white;
    border-radius: 5px;
}

    .btnPri:hover {
        background-color: #0150FA;
    }

.btnLight {
    background-color: #ffffff;
    color: #1b78bd;
    border-color: #1b78bd;
    border-radius: 5px;
}

    .btnLight:hover {
        background-color: #1b78bd;
        color: white;
        border-color: #1b78bd;
    }

.btnInfo {
    background-color: #31AEE4;
    border: #31AEE4;
    color: white;
    border-radius: 5px;
}

    .btnInfo:hover {
        background-color: #02b1fb;
    }

.btnDefecto {
    background-color: white;
    border: 1px solid #cdcdcd;
    color: black;
    border-radius: 5px;
}

    .btnDefecto:hover {
        background-color: #e1e1e1;
        border: 1px solid #e1e1e1;
    }

.btnOrange {
    background-color: #f0822b;
    border: #f0822b;
    color: white;
    border-radius: 5px;
}

    .btnOrange:hover {
        background-color: #e56d0e;
    }

.btnSecon {
    background-color: #b2b2b2;
    border: #b2b2b2;
    color: white;
    border-radius: 5px;
}

    .btnSecon:hover {
        background-color: #919090;
    }

.btnTurq {
    background-color: #07a59d;
    border: #07a59d;
    color: white;
    border-radius: 5px;
}

    .btnTurq:hover {
        background-color: #06817b;
    }

.btnRose {
    background-color: #ee4b82;
    border: #ee4b82;
    color: white;
    border-radius: 5px;
}

    .btnRose:hover {
        background-color: #bd0845;
    }

/**** Badges ****/

.badge-success {
    background-color: #2ca444 !important;
    color: white;
}

.badge-primary {
    background-color: #0189FA !important;
    color: white;
}

.badge-secondary {
    background-color: #8f8f8f !important;
    color: white;
}

.badge-warning {
    background-color: #ffaa0f !important;
    color: white;
}

.badge-danger {
    background-color: #ed4040 !important;
    color: white;
}

.badge-info {
    background-color: #2ecded !important;
    color: white;
}

/***** Ribbon *****/

.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10;
}

    .ribbon-wrapper.ribbon-lg {
        height: 120px;
        width: 120px;
    }

        .ribbon-wrapper.ribbon-lg .ribbon {
            right: 0;
            top: 26px;
            width: 160px;
        }

    .ribbon-wrapper.ribbon-xl {
        height: 180px;
        width: 180px;
    }

        .ribbon-wrapper.ribbon-xl .ribbon {
            right: 4px;
            top: 47px;
            width: 240px;
        }

    .ribbon-wrapper .ribbon {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        font-size: 0.8rem;
        line-height: 100%;
        padding: 0.375rem 0;
        position: relative;
        right: -2px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        text-transform: uppercase;
        top: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 90px;
    }

        .ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 3px solid #9e9e9e;
            bottom: -3px;
            content: "";
            position: absolute;
        }

        .ribbon-wrapper .ribbon::before {
            left: 0;
        }

        .ribbon-wrapper .ribbon::after {
            right: 0;
        }

.row-card {
    margin: 0;
}