:root {
	--color-verdeo: #3e5762;
	--color-verdem: #65858f;
	--color-verdec: #08878F;
	--color-verde: #5fcfac;
	--color-verdea: #b5f03f;
    --color-error: #dc3545;
	
    --color-bg-light: #F6F8FA;
}



body{
    font-family: 'Nunito', sans-serif;
    background-color: #e5e5e5;
	color: #3e5762	
}


body.body_login{
    background: rgb(221,222,191);
    background: linear-gradient(28deg, rgba(221,222,191,1) 31%, rgb(221, 240, 237) 100%);
}

#page-container {
    height: 100%;
    position: relative;
}

#content-wrap {
    height: 100%;
    min-height: 100vh;
    padding-bottom: 125px;
}

.wrapper {
    min-height: calc(100vh - 125px);
    height: 100%;
    display: flex;
    text-decoration: none;
    transition: all 0.4s;
}

.separador{
	border-bottom: 1px solid #E3E3E3 ;
	width: 80%;
	margin: 20px auto;
}


.title-error {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #142e38;
}





.color-verdeo{
	  color: var(--color-verdeo);
}
.color-verdem{
	  color: var(--color-verdem);
}
.color-verdec{
	  color: var(--color-verdec);
}

.error{
    color: #8d0000;
}

.py-10{
    padding: 40px 0px ;
}

.mt-6{
    margin-top: 9rem !important; 
}

.bg--dark{
	background: #65858f;
}
.bg--light{
	background: var(--color-bg-light);
}

a:link{
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:hover{
	text-decoration: none
}





/* FIN FOOTER */


/*///////////////////////////////  FOOTER  ////////////////////////////////*/


/* FOOTER > GENERAL */
footer.footer-devices {
    background-color: var(--color-verdeo);
    position: absolute;
    bottom: 0;
    width: 100%;
    /*  height: 125px;
   Footer height */


}

footer.footer-devices p,
footer.footer-devices h5,
footer.footer-devices a:link {
    color: #ffffff;
}

footer.footer-devices a:link {
    text-decoration: none;
}

footer.footer-devices i {
    color: var(--color-verdea)
}

footer.footer-devices p {
    margin: 0px;
}


footer.footer-devices h5 {
    font-weight: 600;
}

footer.footer-devices a.btn-redes {
    background-color: var(--color-verdea);
    border: 3px solid var(--color-verdea);
    color: #ffffff;
    border-radius: 25px;
    width: 40px;
    height: 40px;
    line-height: 33px;
}

footer.footer-devices a.btn-redes:hover {
    background-color: transparent;
    border: 3px solid #ffffff;
}

footer.footer-devices a.btn-redes:hover i {
    color: #ffffff;
}

footer.footer-devices a.btn-redes i {
    padding-top: 8px;
    color:var(--color-verdeo);
}



.logo-footer {
    max-width: 300px;
}

/* FIN FOOTER */



.border-top-manager{
    border-top: 5px solid var(--color-verde)  ;
}

.border-top-error{
    border-top: 5px solid var(--color-error)
}

.btn.btn-primary{
    
    background-color: var(--color-verdec);
    color: #ffffff;
}

.btn.btn-primary:hover{
    background-color: var(--color-verde);
}


.btn.btn-outline-primary{
    min-width: 150px;
	border: 2px solid var(--color-verdec);
    color: var(--color-verdeo);
}

.btn.btn-outline-primary:hover{
    background-color: var(--color-verdec);
	border: 2px solid var(--color-verdec);
	color: white ;
}

.rounded-xl{
	border-radius:0.5rem !important;
}


#continuarDesdeCelular img, #continuarDesdeCelular svg{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}



#buscador span{
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px
}
#buscador input{
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px
}


.active-option{
	background: #DAF2F3;
    border-radius: 4px;
	color: var(--color-verdeo)
}

a div.active-option span{
	color: var(--color-verdec) !important;
}



/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {

}



/* Mobile Devices */
@media (max-width: 768px) {

    .body_login footer.footer-devices{
        position:relative;
        bottom: 0px;
        width: 100%;
        }

        #content-wrap {
            padding-bottom: 265px;
        }
        
}

/*NUEVOS*/