@import url("../../fonts/congoFonts/font.css");
@import url("../form.css");
/*perfil*/

.box-info-picture {
	width: 100%;
  text-align: center;
	margin-top: -250px;
	position: absolute;
}
@media(max-width:991px){
	.box-info-picture {
		position: relative;
		margin-top: 0;
	}
}
.img-perfil {
  height: 250px;
}

.padding-row{
  padding:0 5rem;
}

.padding-row1{
	padding: 13rem 7rem 7rem 7rem;
}



.imgPerfilFondo{
	position: relative; 
	top: 0; 
	left: 0;
	height:auto;
	width:100%;
}

.container-portada {
	padding: 0px;
	position: relative;
	margin-bottom: 0px;
}

.formPasswordPerfil {
    padding: 0px;
    margin-top: 0px;
}



.container-portada > .box-img > img{
	padding:0px;
	width: 100%;
}

.container-portada > .box-img{
	padding: 0px;
    width: 100%;
/*    max-height: 600px; */
    overflow: hidden;
	height: auto;
}

.container-portada:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #343290;
    opacity: 0.5;
}


.vbottom{
    width: 100%;
}

.bottom_aligned{
	position: relative;
	top: -80px;
}

.titmiperfil
{
	font-size: 6rem; 
	font-weight: bolder; 
	color: #29348d;
	margin-bottom: -50px;
}







.box-info{
	
/*		position: absolute; */
		max-width: 400px;
		top:auto;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		background-color:#fff;
}

.box-info .img-perfil{
	width:200px;
	height:200px;
}

.box-info .social_anchors  {
	
	display:table;
	width:100%;
	    padding: 10px;
}

.box-info .social_anchors a {
	
	display:table-cell;
}

.box-info .social_anchors a img {
	

    width: 32px;
}

.box-info span{
	
	display:block;
	text-align:center;
	 color: #777;
	    font-weight: bold;
		font-size: 40px;
		text-align: center;
}

.box-info .info-name{
	
	    display: block;
    text-align: center;
    font-size: 50px;
 
   
}

.box-info .info-city{
	
	display:block;
	text-align:center;
	font-size: 31px;
 
}

.box-info .info-correo{
	
	display:block;
	text-align:center;
	font-size: 18px;
}
.box-info .fecha-perfil{
	
	display:block;
	text-align:center;
	font-size: 18px;
}

.box-info .msj-perfil{
	
	display:block;
	text-align:center;
	font-size: 16px;
	color: #777;
	opacity:0.5;
}

.cita_perfil{
      padding: 0px;
    /* float: right; */
    /* margin-left: 150px; */
    /* display: inline; */
    position: absolute;
    right: 0px;
    width: 30%;
    top: 0px;
    /* max-width: 200px; */
    margin-right: 50px;
	 
	   
}

.flder{
	float: right;
	
}

.info-container_user h1{
	width: auto; 
	font-size: 18px;

	    font-weight: bolder;
    color: #fff;
    text-align: center;
    padding: 11px;
}

.cita_perfil h4{
padding: 0px;
    font-size: 32px;
    text-align: center;
    letter-spacing: -1px;	
	opacity:0.4;
	display: inline-block;
	    max-width: 373px;
}

.cita_perfil .fa{
	padding:0px;
	color: #29348d;
}



.button-list {
	display: inline-block;
	    min-width:450px;
    width: 70%;
	margin-bottom: 49px;
}


.button-list h1 {
	font-size: 6rem;
	font-weight:bolder;
	color:#29348d;
}

.button-list h2 {
	display: inline-block;
    margin-right: 3rem;
	font-weight:bolder;
	color:#29348d;
}



.button-list a img {
	
	display: inline-block;
	margin-right: 3rem;
	width:3rem;
	
}

.button-list a {
	
	cursor:pointer;
	
}


.edit-perfil  .button-list{
	    border-bottom: 1px solid #29348d;
	    width: -webkit-fill-available;
}
.edit-perfil  .button-list img{
	position: relative;
    top: -2rem;
	width: 4rem;
}

.edit-perfil  .button-list h2{
	font-size: 4rem;

}






.edit-perfil .right{

}



.container-description{
	border: solid;
    width: 50%;
    position: relative;
    float: left;
	min-width: 300px;
	padding: 20px;

}

.container-description span{
	

}

.car-content{
	border: 1px solid #535252;
	overflow:hidden;
	    width: 90%;
		margin-top: 2rem;
		margin-left: 0px; 
	position:relative;
	top:0px;
}

.car-content img{

    width: 100%;
	
}

.car-content .container-img{

min-width: 150px;
    float: left;
    width: 30%;
    margin-right: 20px;
	
}



.car-content span{
    display: block;
    margin-top: 1rem;
    font-size: 1.8rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
	    margin-right: 1rem;
	
}

.car-content span strong{
 
    margin-right: 0.5rem;

	
}

.car-content  .img-foot{
	    background: #fff;
    background-color: #636ba9;
    display: block;
    width: auto;
    /* display: block; */
    padding: 1rem;
    margin: 0px;
    text-align: center;
    color: #fff;
    /* position: absolute; */
}


/*
.radio-buttons label{
		font-size: 24px;
		margin-bottom: 7px;
}

 
.radio-buttons {
	text-align:right;
	    margin-top: 2rem;
		 margin-right: 2rem;
}
*/
 #add{
	    width: 20px;
    height: 20px;
    border-radius: 100%;
    /* border: solid; */
    display: inline-block;
    background-color: #29348d;
	cursor:pointer;
		
}
#delete{
	width: 20px;
    height: 20px;
    border-radius: 100%;
    /* border: solid; */
    display: inline-block;
    border: 1px solid #29348d;
	cursor:pointer;	
}

.radio-buttons  a:hover{
	  
	opacity:0.5;
}


.vertical-slider{

position:relative;	
margin-bottom:80px;	
}

.vertical-slider .fa{
color:#777;
	
}

.vertical-slider .arrows .up{
position: absolute;
    top: -34px;
    /* margin-left: 0; */
    /* margin-right: 0; */
    /* left: auto; */
    /* right: auto; */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 10px;
	
}

.vertical-slider .arrows .down{
position: absolute;
    bottom: -34px;
    /* margin-left: 0; */
    /* margin-right: 0; */
    /* left: auto; */
    /* right: auto; */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 10px;
	
}


/*home*/
/*
	.anchor_home{
		text-align:center;
		margin-bottom:72px;
		display:block;
	}
	
	.anchor_home a {
		display:block;
		text-align:center;
		font-size:25px;
		    color: #333;
			padding:40px 0;
			font-weight:bolder;
			border:1px solid #333;
	}
	.anchor_home a:hover {
			text-decoration: none;
			cursor:pointer;
			
	}
	.anchor_home .fa{
		font-size: 20px;
		color: #7d7e7d;
	}
	.anchor_home img {
		
		width:20px;
		position: relative;
		top: -5px;
		color:#333;
		
	}
*/
	
	.secure-modal {
    max-width: 796px;
    border: 1px solid #29348d;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    padding: 68px 0px 99px 80px;
	
	}
	

.noRayaAbajo{
	border-bottom: none;

}

.labelAreasFormPerfil{
	font-size: 18px;
	color: #2b328a;
	background: inherit;
	background-color: transparent;
	width:50%;
	
}



	.formCarro{
		margin-left: 10px;
	}


@media(min-width:2560px)
{
	.formCarro{
		margin-left: 100px !important;
	}
}

@media(min-width:1440px)
{
}

@media(min-width:1200px)
{
	.formCarro{
		margin-left: 50px ;
	}

	.secure-modal {
    max-width: 796px;
    border: 1px solid #29348d;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 50%;
    padding: 68px 0px 99px 80px;
	    position: relative;

	}


	.edit-perfil  .button-list img{
	position: relative;
	top: -2rem;
	width: 2.7rem;
	}

	
.edit-perfil .button-list h2 {
	display: inline-block;
	margin-right: 3rem;
	font-weight:bolder;
	color:#29348d;
	font-size:3rem;
	}
}

@media(min-width:1024px)
{
	.container-portada > .box-img {
	/*	max-height: 450px; */
	}
		
	.box-info {
    top: auto;
		bottom: 0px;
  }
	
	.padding-row {
    padding: 0rem;
	}
	.padding-row1{
	  padding: 0em 1em 0em 0em;
	}

	.custom_form {
    padding: 0px;
    margin-top: 0px;
	}

	.perfilResp {
		padding-right: 0px;
    padding-left: 0px;
	}

	.custom-form-group {
		width: 95%;
	}
	
	.input-label{
		width: 300px;
	}

	.info-container_user {
		width: 100% !important;
    padding: 5px !important;
  }  
    
  .car-content span {
    font-size: 1.7rem;
  }  

	.vertical_container {
		height: auto !important;
	}
	
	.tablaAreas {
    width: -webkit-fill-available !important;
  }
  
	.rowFormIngreso{
		position:relative;
		float:left;
	}

	.secure-modal {
    left: 0px;
   }

}


@media(min-width:992px)
{
	.allPerfil{
		padding:0px !important;
	}
	
	.rowFormIngreso{
		position:relative;
		width: 100%;
	}
	
	

}


@media(min-width:970px)
{

}


@media(min-width:950px)
{
	.edit-perfil  .button-list img{
	position: relative;
	top: -1rem;
	width: 3rem;
	}

	
.edit-perfil .button-list h2 {
	display: inline-block;
	margin-right: 1.5rem;
	font-weight:bolder;
	color:#29348d;
	font-size:2rem;
	}
	
	.cita_perfil{
      padding: 0px;
    /* float: right; */
    /* margin-left: 150px; */
    /* display: inline; */
    position: relative;
    right: 0px;
    width: auto;
    top: 0px;
    /* max-width: 200px; */
    margin-right: 0px;
	}
}

@media(max-width:900px)
{
	.vbottom {
		display: initial;
	}
	
	.button-list {
		min-width: auto;
    margin-bottom: 9px
	}
	.sinPadding{
		padding-right: 0px;
    padding-left: 0px;
	
	}
	
	.padding-row1 {
    padding: 5px;
	}
	
	.edit-perfil .right {
		padding-top: 10px;
	}
	
	.labelAreasFormPerfil{
		font-size: 15px;
		display: initial
	}
}

@media(max-width:768px)
{
	.bottom_aligned{
	  top: 0px;
		padding-left: 2px; 
	} 
 
	.titmiperfil
	{ 
  	margin-bottom: 0px;  
	} 

	.vbottom {
		display: table-cell;
	}
	
	.padding250{
		padding-left: 230px;
	}
	
	.imgPerfilFondo{
		display: none !important;
	}
	.container-portada{
		display: none !important;
	}

	.padding-row {
    padding: 0rem;
	}
	
	.custom_form {
    padding: 0px;
    margin-top: 0px;
	}

	.perfilResp {
		padding-right: 0px;
    padding-left: 0px;
	}

	.custom-form-group {
		width: 100%;
	}

	.custom-form-group label {
    padding-right: 0px;
    font-size: 20px;
	}

	.custom-form-control {
		font-size: 20px;
		text-align: left;
		width: -webkit-fill-available;
	}

	.gen_inputs span {
		font-size: 20px;
	}

	.car-content {
		width: 100%;
	}

	.info-container_user {
    padding: 5px !important;
  }  
    
  .car-content span {
    font-size: 1.7rem;
  }  

	.vertical_container {
		height: auto !important;
	}
	
	.tablaAreas {
    width: -webkit-fill-available !important;
  }
	
	.secure-modal {
    padding: 8px 8px 8px 8px
  }
	
}

@media(max-width:700px)
{
	.padding250{
		padding-left: 15px;
	}
}


@media(max-width:550px)
{


	.container-portada{margin-bottom:75rem;}
	.container-portada{margin-bottom:60rem;}
	.edit-perfil  .button-list img{
		position: relative;
		top: -1rem;
		width: 3rem;
	}

	
	.edit-perfil .button-list h2 {
	display: inline-block;
	margin-right: 1.5rem;
	font-weight:bolder;
	color:#29348d;
	font-size:2rem;
	}

	.edit-perfil  .button-list img{
	position: relative;
	top: -1rem;
	width: 3rem;
  margin-right: 0px;
	}

	
	.edit-perfil .button-list h2 {
		display: inline-block;
		margin-right: 1.5rem;
		font-weight:bolder;
		color:#29348d;
		font-size:2rem;
	}
}

@media(max-width:425px)
{
	.container-portada{
		display: none !important;
	}

	.padding-row {
    padding: 0rem;
	}

	.custom_form {
    padding: 0px;
    margin-top: 0px;
	}

	.perfilResp {
		padding-right: 0px;
    padding-left: 0px;
	}

	.custom-form-group {
		width: 100%;
	}

	.custom-form-group label {
    padding-right: 0px;
    font-size: 20px;
	}

	.custom-form-control {
		font-size: 20px;
		text-align: left;
		width: -webkit-fill-available;
	}

	.gen_inputs span {
		font-size: 20px;
	}

	.car-content {
		width: 100%;
	}

	.info-container_user {
    padding: 5px !important;
  }  
    
  .car-content span {
    font-size: 1.7rem;
  }  

	.vertical_container {
		height: auto !important;;
	}
}

@media(max-width:375px)
{
	.custom-form-group label {
    padding-right: 0px;
    font-size: 15px;
	}

	.custom-form-control {
		font-size: 15px;
		text-align: left;
		width: -webkit-fill-available;
	}

	.gen_inputs span {
		font-size: 15px;
	}
    
  .car-content span {
    font-size: 1.5rem;
  }  

}