.btn-orange{
    background-color: #cd705c;
    color: white;
}.btn-orange:hover{
    background-color: #cd705c;
    color: white;
}
.activo{
    background-color: #cd705c;
    color: white;
}
body{
    overflow-y: hidden;
}
body a{
    text-decoration: none;

}
form {
    background-color: #253e55;
    color: white;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 5px;
}
span{
    color: #cd705c;
    font-weight: bold;
}
form .login {
    text-align: center;
    font-size: 28px;
    margin: 1rem;
}

form button {
    margin-left: auto;
}
.menu-collapse{
    border: 1px solid #cd705c;
    border-radius: .25rem;
}
/*Bootstrap*/
.dropdown-menu{
    background-color: #cd705c;
    text-align: center;
}
.dropdown-menu a{
    color: white;
}
/*Menu Perfil*/
.menu-superior{
    display: flex;
    background-color: #253e55;
    color: white;
    padding: .3rem;
}
.menu-superior .perfil{
    margin-left: auto;
}
.menu-lateral{
    background-color: #253e55;
    color: white;
    height: 100vh;
}
.menu-lateral .menu{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.menu-lateral .menu li{
    width: 100%;
    display: flex;
    border-bottom: 1px dotted;
    transition: all .3s ease-in;
    justify-content: center;
    align-items: center;
}
.menu-lateral .menu li:hover{
    background-color: #cd705c;
    font-weight: bold;
}
.menu-lateral .menu li a{
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: all .3s ease-in;
    height: 100%;
    padding: .8rem;
}
.menu-lateral .menu li a:hover{
    font-weight: bold;

}
.panel-contenido{
    overflow-y: scroll;
    height: 95vh;
}
/* Inicio*/
.inicio .tarjeta-exterior .tarjeta-interior{
    padding: 1rem;
    color: white;
    background-color: cadetblue;
    border-radius: 3px;
    font-size: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 12rem;
}
.inicio .tarjeta-exterior .tarjeta-interior .titulo{
    font-size: 28px;
}
/*Gesto usurios*/
.menu-gestor-usuario,
.menu-gestor-servicios,
.menu-gestor-caja{
    padding: .5rem;
}
table{
    text-align: center;
}

/*Gestor Miembros*/
.puntosDb,
.calcPuntos{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.loader{
    display: none;
    position: absolute;
    z-index: 99999;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: white;
    overflow: hidden;
    opacity: .7;
}
.loader img{
    opacity: 1;
    display: flex;
    margin: 0 auto;
    width: 50%;
}

/*Miembros Tambla*/
.table .acciones{
    display: flex;
}

/*Premios*/
.catalogoPremios .premio{
    display: flex;
    flex-direction: column;
    background-color: #253e55;
    color: white;
    border-radius: 10px;
    padding: .5rem;
    height: 100%;
    text-align: center;
    align-items: center;
    font-weight: bold;
}
.catalogoPremios .premio .imgPremio{
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalogoPremios .premio .imgPremio img{
    height: 70%;
    width: 100%;
}
.catalogoPremios .premio .precio-puntos{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 22px;
}

/*Apartado Ventas*/
.gestor-caja .formVentas,
.gestor-caja .tablaVentas{
    display: flex;
    flex-direction: column;
}
.gestor-caja .formVentas form{
    height: 100%;
}
.gestor-caja form{
    border-radius: 0;
}