.align-v {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shadow-box {
    border: .75px solid rgb(245, 245, 245);
    background-color: rgb(255, 255, 255);
    padding: 35px 45px;
    color: rgb(10, 10, 10) !important;
    box-shadow: 5px 5px 5px rgb(180, 180, 180);
}

.alert {
    border-radius: 0px !important;
}

/* PAGINACION 23-05-2022 */

.item-paginacion {
    border: 1px solid rgb(225, 225, 225);
    background-color: rgb(225, 225, 225);
    width: 30px;
    height: 30px;
    color: rgb(150, 150, 150);
    border-radius: 5px;
    font-size: 12px;
    margin-left: 1px;
    text-decoration: none;
    cursor: pointer;
}

.item-paginacion:hover {
    background-color: rgb(150, 150, 150);
    border-color: rgb(150, 150, 150);
    color: rgb(255, 255, 255)
}

.item-paginacion-activo {
    background-color: rgb(150, 150, 150);
    border-color: rgb(150, 150, 150);
    color: rgb(255, 255, 255)
}

.card-personalizado {
    background-color: rgb(250, 250, 250);
    border-radius: 0px;
    border: .25px solid rgb(245, 245, 245);
    box-shadow: 5px 5px 5px rgb(245, 245, 245);
}

.card-personalizado:hover {
    border-color: rgb(35, 180, 0) !important;
    background-color: rgba(35, 180, 0, .05);
    box-shadow: 5px 5px 5px rgba(35, 180, 0, .25);
}


.item-order {
    padding: 2.5px 15px;
    border: 1px solid rgb(35, 180, 0);
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}

.item-order:hover {
    padding: 2.5px 15px;
    border: 1px solid rgb(35, 180, 0);
    background-color: rgb(97, 185, 64);
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
}

.item-order-active {
    padding: 2.5px 15px;
    border: 1px solid rgb(35, 180, 0);
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;

    background-color: rgb(0, 180, 0);
    color: rgb(255, 255, 255);
}

.icon-ordenar:hover {
    cursor: pointer;
    color: rgb(0, 0, 0) !important;
    transition: all .25s ease-in-out;
}

.icon-ordenar:hover>#icon-order {
    transition: all .25s ease-in-out;
    transform: rotate(90deg) !important;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    border-radius: 5px;
}

#icon-order {
    margin-right: 5px;
    transition: all .25s ease-in-out;
    transform: rotate(-90deg) !important;
}

/* Barras de Desplazamiento */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
    background-color: rgba(225, 225, 225, .5);
}

/* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    background-color: rgba(250, 185, 90, 1);
    border-radius: 50px;
}

/* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
    background-color: rgba(100, 100, 100, .5);
    height: 0px;
}

/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
    background-color: #c0c0c0;
}

/* íconos bootstrap */

.item-icon {
    background-color: rgb(0, 5, 150);
    color: #FFFFFF;
    border-radius: 3px;
    padding: 15px;
    margin: 5px;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;

    /* Efecto chicle / 3D */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 4px 6px rgba(0, 0, 0, 0.3),
        0 1px 3px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0));
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.item-icon:hover {
    background-color: rgb(250, 185, 90);
    color: rgb(30, 60, 200); /* Azul más claro en hover */

    /* Sombra más pronunciada */
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5),
        0 8px 16px rgba(0, 0, 0, 0.5),
        0 4px 8px rgba(0, 0, 0, 0.3);
}


.icon {
    color: rgb(0, 5, 150);
    transition: all .25s ease-in-out;
    cursor: pointer;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.icon:hover {
    color: rgb(250, 185, 90);
    transform: scale(1.15);
}

/* Botones, colores, bg KAV */

.btn-kav:hover {
    color: rgb(0, 5, 150) !important;
    background-color: rgb(250, 185, 90) !important;
}

.btn-kav {
    background-color: rgb(0, 5, 150) !important;
    color: rgb(250, 185, 90) !important;
    font-size: 12px;
    border-radius: 100px !important;
    padding: 5px 15px;
}

.bg-kav {
    color: rgb(0, 5, 150) !important;
    background-color: rgb(250, 185, 90) !important;
}


.campo {
    height: 50px !important;
    border-radius: 0px !important;
    border: 1px solid rgb(240, 240, 240) !important;
    padding-left: 20px !important;
}