body {
	background-color:black;
	color: white;
	font-family:Helvetica;
}

.class_body_dark {
	background-color:black;
	color: white;
	font-family:Helvetica;
}
.class_body_bright {
	background-color:white;
	color: black;
	font-family:Helvetica;
}
.col_sides_dark {
	width: auto;
	background-color: black;
	height: 600px;
	float:left;
    margin-top:-5px;
	text-align:center;
}
.col_sides_bright {
	width: auto;
	background-color: white;
	height: 600px;
	float:left;
    margin-top:-5px;
	text-align:center;
}

.col_center_dark {
	width: 100%;
	background-color: black;
	height: auto;
	float:left;
    margin:-5px;
	text-align: center;
}

.col_center_bright {
	width: 100%;
	background-color: white;
	height: auto;
	float:left;
    margin:-5px;
	text-align: center;
}

.col_center_transparente {
	width: 100%;
	height: auto;
	margin:-5px;
	text-align: center;
    display: inline-block;
}

.style_gray{
	padding-top: 20px;
	height:40px;
	width:78%;
	display: inline-block;
	position: fixed;
	bottom: 0;
	z-index: 5000;
	left:10%;
	text-align:center;
}


.header_dark {
	width: 100%;
	background-color: black;
	height: auto;
    margin-left:5px;
	text-align: center;
}

header_bright {
	width: 100%;
	background-color: white;
	height: auto;
    margin-left:5px;
	text-align: center;
    
}

.dark_elements {
	background-color: #212324;
	color:white;
}

.bright_elements {
	background-color: #f0f2f5;
	color:black;
}
.profile_img { 
	border-radius: 110px;
	border: 2px solid #414141;
	height:165px;
	width:165px;
    position: relative;
    z-index: 1;
    top: 5px;   
}
.profile_img_data { 
	border-radius: 110px;
	border: 2px solid #414141;
	height:165px;
	width:165px;
    position: relative;
    z-index: 1;
    top: 5px;  
    float: center; 
}

.language { 
	border-radius: 110px;
	border: none;
	height:20px;
	width:20px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.no_border {
	border: none;
	padding: 1px;
	width: 100%;
	height: 65px;
	font-family: "Helvetica";
	display: block !important; 
	padding: 0 !important; 
	margin-top: 4px !important;  
	line-height: 1 !important;
	outline:none;
}

.with_border {
	width: 60%;
	height: 18px;
	font-family: "Helvetica";
	display:inline-block;
	border:solid;
    float: right;
    margin-right: 5px;
    text-align: right;     
}

.with_data {
	width: 100%;
	height: 18px;
	font-family: "Helvetica";
	display:inline-block;
	border:solid lightgray;
    text-align: center;     
}

.left_align {
	text-align:left;
	width:80%;
	display:inline-block;
	margin-top:12px;
	border-radius:8px;
	padding-left:5px;
    margin-left:3%;
}

.right_align {
	text-align:right;
	width:100%;
	display:inline-block;
	margin-top:12px;
	border-radius:8px;
    margin-right:3%;
}

.gif {
	margin-top:-5%;
	margin-left:-85%;
}
.extra_large_text {
	font-size: 24px;
	font-weight:bold;	
}
.large_text {
	font-size: 18px;
	font-weight:bold;	
}
.medium_text {
	font-size: 16px;	
}
.small_text {
	font-size: 14px;	
}
.nombre {
	font-size: 20px;
	font-weight:bold;	
    font-style:italic;	
}

.basic_button_saveshare {
	width: 48%;
	height: 35px;
	border-radius: 6px;
	position: relative;
	background-color: #414141;
	display: inline-block;	
	color:white;
	font-size:16px;
	font-weight:bold;
	border:none;
}
.transparent_button{
    width: 100%;
	height: 80px;
	border-radius: 10px;
	background-color:transparent;
    border:none;
}

.profile_elements {
    width:100%;
    height:auto;
    display: inline-block;
    margin-left:30px;
}
.elemento {
	width: 100%;
	height: 70px;
	border-radius: 10px;
	text-align:left;
	margin-left: 10px;
    top:25px;
}

.lista {
	text-align:left;
	margin-left: 5px;
    border: solid;
}
.icon_element {
	width:65px;
	height: 65px;
	border-radius: 55px;
	border: none;
	float:left;
	margin-top:3px;
	position: inline-block;
	margin-left: 10px;
}
.order {
	width:55px;
	height: 55px;
	border-radius: 55px;
	border: none;
	position: absolute;
    float: right;
    margin-right: -5px;
}


.arrow_element {
	width:70px;
	height: 35px;
	border-radius: 55px;
	border: none;
	float:right;
	margin-top:20px;
	position: inline-block;
	margin-right: 10px;
}
.internal_element {
    width:51%;
    float:left;
    margin-top:5px;
    left:5px;
    position: inline-block;
    margin-left: 5px;
}
.no_border_internal {
    border: none;
    padding: 5px;
    width: 97%;
    height: 25px;
    font-family: "Helvetica";
    display: block !important; 
    padding: 0 !important; 
    line-height: 1 !important;
    margin-top:3px;
    margin-left: 5px;
    outline:none;
}

.imagen_footer {
	width:27%;
	height:6%;
	position:center;
    margin-top: 10px;
}
.imagen_header {
	width:30px;
	height:30px;    
}