body {
	font-family: 'Montserrat', sans-serif;
}

.component{
	z-index:10;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	width: 375px;
	height:600px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;

}
.tip-white{
	color:#000; 
}
.block-login{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background-color:#ffefe7;
	border-radius:10px;
	width:80%; 
	padding:10px;    
}



.botoninicio  {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

/*NAVBAR*/
.contenedor{
	width: 375px; 
	height: 600px; 
	background-color: teal;

} 

.icon-menu{
	width:50px;
	height:50px;  
	margin-right:25px;
	margin-top: 5px;
	margin-bottom: 5px;

}

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

.menu {
	width: 100%;
	height: 10%;
	background: teal;
	display:flex;
	justify-content:space-between;
	align-items:center; 
}

/*
MENU-SCRIPT*/
.cont-cont{
		height: 80%;
	width: 100%;
	background-color: #F8F9F9  ;
}
.desp{
  background-color:teal;
  position:fixed;
  z-index:100; 
  height:480px;
  width:200px;
  display:none; 
}
.content-con{
  width:100%;
  height:100%;
  position:relative;
background-color:#F8F9F9; 
}
.content-con-b{
  width:100%;
  height:100%;
  position:relative;
background-color:#ffefe7; 
}



/*CONTENT*/
.contenedor2{
	height: 80%;
	width: 100%;
	background-color: #ffefe7  ;

}
.contenedor2-b{
	height: 80%;
	width: 100%;
	background-color:#F8F9F9;

}

.elegi {
	font-weight: 700;
	padding-top: 25px;
	padding-left: 15px;
	padding-bottom: 7px;
}

.line {
	width: 85%;
	height: 2px;
	background-color: black;
	padding-left: 15px;
	margin-left: 15px; 


}

.madre {
	width: 100%;
	height: 60%;
	background-color: #ffefe7;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.madre-b {
	width: 100%;
	height: 60%;
	background-color: #F8F9F9;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.madre-c{
	margin-top:30px; 
}
.madre-d {
	
width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column; 
}
.sub-t-p{
color:#fff;
font-size:14px; 
cursor: pointer;
}
.sub-t-p:hover{
 	
}
.sub-p-p{
color:#fff;
font-size:11px;
margin-top:-5px; 
}




.hijo , .hijo2{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffefe7;
	width: 80%;
	margin: 5px;
	border-radius:10px;
	font-size: 10px;
	font-weight: 700;
}

.hijo div, .hijo2 div {
	margin: 10px;
	background-color:blue;
	width:120px;
	height:120px; 
	border-radius:10px;
padding: 0px;

}

.hijo2 div{
	margin-top: 10px;
}


.margin-top{
	margin-top: 10px;
}
.personaliza {
		font-weight: 700;
	    padding-left: 15px;
	    padding-top: 10px;
}
.fas , .fab{
	font-size:20px; 
	padding:15px; 
	color:#fff;
	cursor:pointer; 
}
.line-b{
	 width:80%;
     height:1px;
     background-color:#fff; 
}

.img-p{
	width:150px;
}

/*usuario*/

/*select*/
.select-edit{
	border-radius:5px;
	padding:0px 5px;
	color:teal;   
}

.img-user{
	width:100%;
   display:flex;
   justify-content:center;


}

.img-user img{
   width:120px;
   height:120px;
   margin-top:20px; 

}

.con-u-in{
	display: flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	margin-top:40px; 

}


.forma-in{
	border-radius:20px;
	background-color:#fff;
	border:2px solid #FFE0DA;
	padding:8px 2px; 
	margin:8px 5px; 
	width:70%;   
	padding-left: 15px;
}

input[target=value]{
	background-color:red; 
}

.btn-btn{
	background-color:#000;
	color:#fff;
	padding:8px 18px;
	font-size:12px;
	border-radius:20px; 
	text-decoration:none;
	font-weight:700;
	letter-spacing:1px;
	cursor:pointer;  

}
.btn-pe{
	font-size:10px;
	margin-top:5px; 
}

.sub-ti-two{
	font-size:12px;
	text-align:left; 
	width:100%;
	padding-left:30px; 
}
.sub-sub-ti-two{
	width:50%;
	font-size:10px;
	text-transform:uppercase; 
	margin:5px 0px;  
}

/******footer*********/




.footer{
	width: 100%;
	background-color: teal;
	height: 10%;
	display: flex;
	align-items: center;
	justify-content: space-around;

}
.p-baj{
	font-size:10px;
	padding-left:15px; 	 
}

.p-baj2 {
	font-size:10px;
	padding-left:15px; 
	font-weight: 700;	

}

a {
text-decoration: none;
color: black;

}

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


}

.contentfooter {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;

}
.cont-ee{
	flex-direction:column;
	width:50%; 
}
.fab{
	font-size:15px; 
	padding:15px; 
	color:#fff; 
}
.foo-text{
      color:#fff;
}


.com-spa{
	display:flex;
	justify-content:space-around;
	align-items:center; 
	padding-top: 15px;
}

.com-spa-two{
	display:flex;
	justify-content:space-between;
	align-items:center; 
	width:90%;
	padding:10px;  
}
.com-spa-th{
	display:flex;
	justify-content:flex-end;
	align-items:center; 
	width:90%;
	padding:10px;  
}
.com-spa-fo{
	display:flex;
	justify-content:space-between;
	align-items:center; 
	width:90%;
	padding:10px;
	margin-bottom:10px;   
}
.com-spa div, .com-spa div{
font-size:12px; 
}
.con-un{
	margin-top: 0px;
	margin-bottom: 0px;
}
.lista{
	width:100%;
	padding-left:15px; 
}

.tarjetas{
	width: 70%;
	height: 20%;
}

.scan {
	height: 60%;
	width: 70%;
	margin-left: 15px;

}