#login .actions .form_submit {
	margin-left: 0;
}

@media (max-width: 767px) {
	#login .actions #request_password {
		margin-top: 10px;
	}
	#login .actions #request_password,
	#login .actions .form_submit {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}
}



.years {
	text-align: right;
	margin-bottom: 15px;
}
	.years button {
		color: #D53541;
		background: none;
		border: 0;
	}
	.years button:hover,
	.years button.active
	 {
		color: #333;
	}
@media only screen and (max-width: 600px) {
	.years {
		text-align: center;
	}
}



#tabla-responsive table {
	width: 100%
}
	#tabla-responsive thead tr th {
		vertical-align: bottom;
		border-bottom: 2px solid #dddddd;
		line-height: 20px;
		font-weight: bold;
		font-size: 16px;
		font-family: 'Lato', sans-serif !important;
	}
	#tabla-responsive td {
	  vertical-align: middle;
	  border-color: #E5E5E5;
	  border-bottom: 1px solid #dddddd;
	}
	#tabla-responsive td:first-child {
		padding-left: 0;
		text-align: center;
	}
	#tabla-responsive td img {
		height: 50px;
		padding: 4px;
		/*margin: 0 auto;*/
		margin-left: 5px;
	}
		#tabla-responsive tfoot td {
			border: 0;
		}
		#tabla-responsive tfoot td:last-child {
			padding-right: 8px;
		}

@media only screen and (min-width : 601px) {
	
	#tabla-responsive tbody tr:last-child td {
		border: 0;
	}

}

@media only screen and (max-width: 600px) {
	
	#tabla-responsive td,
	#tabla-responsive td,
	#tabla-responsive td,
	#tabla-responsive td,
	#tabla-responsive td {
		width: auto;
	}
	#tabla-responsive tbody tr td {
		border: 0;
	}
	#tabla-responsive table, 
	#tabla-responsive thead, 
	#tabla-responsive tbody, 
	#tabla-responsive tfoot, 
	#tabla-responsive th, 
	#tabla-responsive td, 
	#tabla-responsive tr { 
		display: block; 
	}
	#tabla-responsive tfoot tr {
		margin: 0;
		border: 0;
	}
	#tabla-responsive tfoot td {
		text-align: right;
		display: inline-block;
		padding: 0;
		border: 0;
	}
	#tabla-responsive tfoot td:first-child {
		display: none;
		border: 0;
	}
	#tabla-responsive tfoot td:nth-child(2) {
		width: 55%
	}
	#tabla-responsive tfoot td:nth-child(3) {
		width: 42%
	}
	#tabla-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#tabla-responsive tr {
		border: 1px solid #ccc;
		margin-bottom: 15px;
	}
 
	#tabla-responsive td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
	}
 	#tabla-responsive td:before { 
		position: absolute;
		top: 6px;
		left: 8px;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	#tabla-responsive td:first-child { 
		padding: 5px; 
		text-align: center;
	}
	#tabla-responsive td:first-child img {
		display: block;
		max-width: 100%;
		height: auto;
		max-height: 100px;
		margin: 0 auto;
	}
 	#tabla-responsive td:before {
 		content: attr(data-title);
 	}
	#tabla-responsive tbody td:nth-child(6) {
		padding-left: 50% !important;
		text-align: left !important;
	}

}



#invoices th,
#invoices td {
	text-align: center;
	font-size: 14px;
}
@media only screen and (max-width: 1023px) {
	#invoices th, 
	#invoices td { 
		font-size: 13px;
	}
}
@media only screen and (min-width: 500px) and (max-width: 600px) {
	#invoices td { 
		padding: 6px 6px 6px 180px;  
	}
}

@media only screen and (max-width: 499px) {
	#invoices td { 
		padding: 6px 6px 6px 130px; 
	}
}

@media only screen and (max-width: 600px) {

	#invoices,
	#invoices tbody tr td {
		border: 0;
	}
	#invoices, 
	#invoices thead, 
	#invoices tbody, 
	#invoices th, 
	#invoices td, 
	#invoices tr { 
		display: block; 
	}

	#invoices thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#invoices tr {
		border: 1px solid #ccc;
		margin-bottom: 15px;
	}
	 
		#invoices td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			white-space: normal;
			text-align:left;
		}
	 	#invoices td:before { 
			position: absolute;
			top: 6px;
			left: 12px;
			width: 30%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
	 		content: attr(data-title);
		}
			#invoices td.actions {
				padding-left: 0;
				width: auto;
				border-top: 1px solid #eee;
			}
			#invoices td.actions button {
				display: inline-block;
				width: 49%;
			}
			#invoices td.actions button:first-child {
				border-right: 1px solid #eee;
			}

}



.user .nowrap {
	white-space: nowrap;
}
.user .minwidth {
	width: 1%;
}

.user .table button {
	background: none;
	border: 0;
	color: black;
	font-weight: 600;
}
.user .table button:hover {
	text-decoration: underline;
	color: #d53541;
}


.user .overlay {
	display: none;
  position: fixed; 
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;  
  background: white; 
  z-index: 1000;
  text-align: center; 
  overflow-y: auto;
	overflow-x: hidden;	
}

	  .user .overlay > div {
	    overflow-y: auto;
	    display: block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    min-width: 50%;
	    max-width:600px;
	    transform: translate(-50%, -50%);	    
	    max-height: calc( 100% - 30px );
	    background-color: white;
	    padding:15px;
	    border: 1px solid black;
	  }
	  .user .overlay-address > div {
	  	max-width:unset;
	    border:none;
	  }

@media screen and ( max-width: 767px) {
 	.user .overlay > div {
 		width: calc(100% - 30px) !important;
 		height: auto;
	}
	.user .overlay > div > div { padding: 0 15px; }
}

.user #tabla-responsive {
	margin-top: 30px;
}
	.user .overlay-order h4 {
		font-weight: 600;
		font-size: 17px;
	}



.address thead tr th {
	font-size: 15px;
	font-weight: 600;	
	letter-spacing: 1px;
	color: black;
	padding-left: 0;
	padding-top: 0;
	border-bottom: none;
}
.user .address tbody
.user .address tr,
.user .address td {
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	border-top:none;
}
.user .address tr {	
	border-bottom:1px solid #eee;
}



.user .address td:last-child {
	border-top: 0;
	padding-bottom: 15px;
}
.user .address button {
	padding: 0 10px 0 0;
}


@media screen and (max-width: 1024px) {
	.user h1,
	.user .h1 {
		font-size: 19px;
	}

	.user .overlay .container {
		width: 100%;
	}

	  .user #tabla-responsive h4 {
			font-size: 14px;
		}

		.address thead tr th,
	  .user label,
	  .user .overlay label {
	  	font-size: 12px;
	  }
	  .user #tabla-responsive td {
	  	font-size: 13px;
	  }

	.user #tabla-responsive td:before {
    position: absolute;
    top: 0px;
  }

}

@media screen and (max-width: 767px) {

	.user .overlay {
		/*padding: 0 15px 30px 15px;*/
		padding: 0 0 30px 0;
	}
		.user .button {
			width: 100%;
			display: block;
			margin-left: 0;
			float: none !important
		}

		.user #tabla-responsive td {
	  	padding-top: 0;
	  }

	/*.user h1,*/
	.user .sidebar h3,
	.user .sidebar ul li:before {
		display: none;
	}
	.user .h1 {
		font-size: 18px;
	}

	.user .sidebar ul {
		text-align: center;
		padding-left: 30px !important;
		margin-bottom: 30px;
	}
	.user .sidebar ul li {
		display: inline;
		margin-right: 4px;
	}
	.user .sidebar ul li a {
		text-transform: uppercase;
		display: inline-block;
		padding: 8px 9px;
		font-size: 10px;
		font-weight: 600;
	}
	.user .sidebar ul li a.selected {
		color: #D53541;
		font-weight: 600;
	}

	.user .overlay .resume {
		font-size: 13px;
	}
	
}

@media screen and (max-width: 600px) {

	.user #tabla-responsive tbody td:nth-child(6) {
		padding-left: 35% !important;
	}

}

@media screen and (max-width: 359px) {

	.user .sidebar ul li {
		margin-right: 0;
	}	
		.user .sidebar ul li a {
			background: none;
			padding: 6px 2px;
		}
}




.user .address tbody tr td {
	vertical-align: middle;
}
	.user .address .anotation {
		font-style:italic;
		color: black;
	}


.overlay h2 {
	font-size: 15px !important;
}

#login-open-div {
	z-index: 1;
}
	#login-open-div h1 {
		padding: 40px 0 20px 0;
		font-size: 21px;
		font-weight: 600;	
		color: black;
	}
	#login-open-div a {
		color: #ce2c21;
	}

#not_user_yet { 
	margin-top: 20px;
}
#not_user_yet h3 {
	font-weight:400;
	font-size:24px;
	font-weight: 400;
	text-align: center;	
}

@media screen and (max-width: 480px) {
	#not_user_yet h3 {
		font-size:16px;
		text-align: justify;
	}	
	#login-open-div h1 {
		padding: 30px 0 15px 0;
		font-size: 19px;		
	}
}

#login-main-div {
	display: none;
	padding: 15px;
}