@font-face{
	font-family:"montserrat-black";
	src:url("fonts/montserrat/Montserrat-Black.otf");
}

@font-face{
	font-family:"montserrat-bold";
	src:url("fonts/montserrat/Montserrat-Bold.otf");
}

@font-face{
	font-family:"montserrat-regular";
	src:url("fonts/montserrat/Montserrat-Medium.otf");
}

.font-montserrat-black{
    font-family: "montserrat-black" !important;
}

.font-montserrat-bold{
    font-family: "montserrat-bold" !important;
}

.font-montserrat-regular{
    font-family: "montserrat-regular" !important;
}

.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);
}

/* 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;
}

.text-purpura{
    color:rgb(165,0,255)!important;
}