/* BODY */
/* @font-face{ font-family: 'Aclonica'; src: url('../../fonts/Aclonica-Regular.ttf') format('truetype'); } */
body{ margin: 0px; padding: 0px; font-family: 'Arial'; font-size: 18px; color: #292929; }
a{ text-decoration: none; cursor: pointer; font-weight: bold; color: #137B70; }
form{ margin: 0px; padding: 0px; }
span{ margin: 0px; padding: 0px; }
.mylink{ text-decoration: underline; }
.color_black{ color: #292929; } .background_black{ background: #292929; }
.color_gray{ color: #CCCCCC; }
.color_white{ color: #FFFFFF; } .background_white{ background: #FFFFFF; }
.color_green{ color: #137B70; } .background_green{ background: #137B70; }
.color_red{ color: #FF0000; }
.myborder{ border-width: 2px 2px 2px 2px; border-style: solid; border-color: #137B70; }
.mygrid_border{ text-align: center; padding: 10px 0px; width: 100%; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #CCC; }
input[type=text],input[type=password],input[type=date]{ padding: 10px 20px; border-radius: 5px; border: 2px solid #CCCCCC; }
select,input[type=datetime-local]{ padding: 10px; border: 2px solid #CCCCCC; background: #FFFFFF; }
@media screen and (max-width:480px){ select{ max-width: 320px; } }
textarea{ padding: 10px; border-radius: 5px; border: 2px solid #CCCCCC; }
input[type=submit],input[type=button]{ cursor: pointer; font-weight: bold; padding: 10px 20px; border-radius: 10px; border: 2px solid #137B70; background: #FFFFFF; color: #137B70; }
/* CONTAINER */
.container{
	margin: 0 auto; padding: 0px; max-width: 1080px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
}
.mytitle{ font-weight: bold; }
.mybutton{
	padding: 10px 20px; border-radius: 10px; border: 2px solid #137B70; background: #FFFFFF; font-size: 14px;	
}
.mymargin{
	display: grid;
	grid-template-columns: 320px;
	grid-template-rows: 40px;
}
/* LOGIN */
.mylanguage{
	margin: 30px 20px 0px 20px;
	display: grid;
	grid-template-columns: 60px 110px 110px;
	grid-template-rows: auto;
	align-items: center;
	font-size: 14px;
}
.mylanguage_item{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
}
.mylanguage_item img{
	padding-left: 10px; vertical-align: middle;
}
.mylogin{
	margin: 40px 20px 40px 20px;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	justify-items: center;
	grid-row-gap: 30px;
}
/* MENU */
.mymenu{
	margin-top: 10px;
	display: grid;
	grid-template-columns: 70px minmax(180px,940px) 70px;
	grid-template-rows: auto;
	justify-items: center;
	align-items: center;
}
.mymenu h2{ display: inline; font-size: 30px; /* font-family: 'Aclonica'; */ }
/* PANEL CONTROL */
.mydashboard{
	margin-top: 50px;
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: auto;
	justify-content: center;
	justify-items: center;
	align-items: center;	
}
@media screen and (max-width:480px){ .mydashboard{ grid-template-columns: 50% 50%; } }
.mydashboard_item{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-row-gap: 20px;
	justify-items: center;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 40px;
}
.myerror{
	margin: 0px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
}
.myselect{
	margin: 40px 0px;
	padding: 0 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
.myselect_horizontal,.myselect_vertical{
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px; 
	justify-content: start;
	align-items: center;
}
@media screen and (max-width:480px){ .myselect_vertical{ grid-template-columns: auto; grid-column-gap: 0px; } .myselect_vertical select{ width: 100%; max-width: 320px; } }
/* DATOS */
.mydata{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
/* AVISO */
.mynotice{
	margin: 30px 10px 0px 10px;
	padding: 10px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	font-size: 15px;
	border-width: 2px 2px 2px 2px; border-style: solid; border-color: #137B70;
}
/* CONSUMO */
.myconsumption{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
.myconsumption_accumulated{
	display: grid;
	grid-template-columns: 130px 130px;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 10px; 
	justify-items: center;
	align-items: center;
}
.myconsumption_historical{
	display: grid;
	grid-template-columns: repeat(4,65px);
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 10px; 
	justify-items: center;
	align-items: end;
}
/* FACTURAS */
.myinvoice{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: 40px 70px 80px 70px;
	grid-template-rows: auto;
	grid-column-gap: 40px;
	grid-row-gap: 20px; 
	justify-items: center;
	align-items: center;
}
@media screen and (max-width:480px){ .myinvoice{ grid-column-gap: 10px; } }
.myinvoice_error{
	padding: 0 20px;
	margin: 40px 0px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
}
/* PREVIEW */
.page{
	margin: 1.5cm auto; padding: 0px; 
	max-width: 18.5cm;
	max-height: 8.6cm;
	display: grid;
	grid-template-columns: 18.5cm;
	grid-template-rows: auto;
	justify-content: center;
	font-size: 10px;
	border-width: 1px 1px 1px 1px; border-style: solid; border-color: #292929;
}
.page_head{
	max-height: 1cm;
	margin: 5px 2px; 
	display: grid;
	grid-template-columns: 3.4cm 3.5cm 3.8cm 4.5cm 3cm;
	grid-template-rows: auto; 
}
.page_head_item{
	padding: 2px;
	display: grid;
	grid-template-columns: 100%; 
	grid-template-rows: auto; 
	grid-row-gap: 2px; 
	align-items: center;
	border-width: 1px 1px 1px 1px; border-style: solid; border-color: #292929;
}
.page_head_item_text{ font-size: 14px; font-weight: bold; }
.page_head_item_text_right{ 
	display: grid;
	grid-template-columns: 100%; 
	grid-template-rows: auto; 
	justify-items: end;
	font-size: 14px; font-weight: bold; 
} 
.page_body{
	max-height: 3.5cm;
	margin: 0px 2px 5px 2px; 
	display: grid;
	grid-template-columns: 2.5cm 15.7cm;
	grid-template-rows: auto; 
	justify-content: center;
	align-items: start;
}
.page_body_logo{
	display: grid;
	grid-template-columns: 2.5cm; 
	grid-template-rows: 3.5cm;
}
.page_body_logo img{ width:2.5cm; height: 3.5cm; }
.page_body_info{
	max-height: 3.5cm;
	display: grid;
	grid-template-columns: 15.7cm; 
	grid-template-rows: auto;
	grid-row-gap: 2px;
}
.page_body_info_concept{
	max-height: 0.5cm;
	display: grid;
	grid-template-columns: 1.5cm 14.2cm; 
	grid-template-rows: auto;
}
.page_body_info_concept_text{
	font-size: 12px; font-weight: bold; 
}
.page_body_info_detail{
	max-height: 2.7cm;
	display: grid;
	grid-template-columns: 15.7cm; 
	grid-template-rows: 2.7cm;
}
.page_body_info_detail_rcp{
	display: grid;
	grid-template-columns: 5.1cm 4cm 4cm 2cm; 
	grid-template-rows: auto;
	grid-column-gap: 8px;
}
.page_body_info_detail_rcp_counter{
	display: grid;
	grid-template-columns: 1.75cm 3.35cm; 
	grid-template-rows: auto;
	grid-row-gap: 2px;
}
.page_body_info_detail_rcp_reading{
	display: grid;
	grid-template-columns: 4cm; 
	grid-template-rows: auto;
}
.page_body_info_detail_rcp_reading_total{
	display: grid;
	grid-template-columns: 2cm 1.8cm; 
	grid-template-rows: 12px;
	grid-row-gap: 2px;
	justify-items: end;
}
.page_body_info_detail_rcp_reading_total_breakdown{ 
	grid-row: 3 / 4; grid-column: 1 / span 2;
	font-size: 11px; font-weight: bold;
	text-align: right; 	
}
.page_body_info_detail_rcp_consumption{
	display: grid;
	grid-template-columns: 1.9cm; 
	grid-template-rows: 14px;
	justify-items: end;
	text-align: right;
}
.page_body_info_detail_rcp_consumption_total{
	margin-top: 24px;
}
.page_body_info_detail_other{
	display: grid;
	grid-template-columns: 7cm 7cm; 
	grid-template-rows: auto;
	grid-column-gap: 1cm;
	grid-row-gap: 10px;
	align-content: start;	
}
.page_body_info_detail_other_item{
	display: grid;
	grid-template-columns: 2cm 0.5cm 1.5cm 1cm 1cm 1cm; 
	grid-template-rows: auto;
}
.page_body_info_consumption{
	display: grid;
	grid-template-columns: 15.7cm; 
	grid-template-rows:auto;
	padding-left: 7px; font-size: 11px; font-weight: bold;
}
.page_partner{
	max-height: 1.8cm;
	display: grid;
	grid-template-columns: 9.5cm 9cm;
	grid-template-rows: auto;
	font-size: 11px; font-weight: bold;
}
.page_partner_dni{
	margin: 3px 0px;
}
.page_partner_info{
	margin: 0px 4px; 
	grid-row: 2 / 3; grid-column: 1 / span 2;
	font-size: 8px;	
}
.page_duplicate{
	max-height: 1.2cm;
	display: grid;
	grid-template-columns: 18.5cm;
	grid-template-rows: 1.2cm;
	text-align: center;
	font-size: 50px; line-height: 50px; font-weight: bold;
	border-width: 1px 0px 1px 0px; border-style: solid; border-color: #292929;
}
.page_iban{
	max-height: 0.5cm;
	padding: 1px 4px 0px 4px; 
	display: grid;
	grid-template-columns: 18.5cm;
	grid-template-rows: 0.5cm;
}
.page_print{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	grid-column-gap: 10px;
	justify-content: center;
}
/* TURNOS */
.myshifts{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: 80px 50px 50px 240px;
	grid-template-rows: auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px; 
	justify-items: center;
	align-items: center;
}
@media screen and (max-width:480px){ .myshifts{ grid-template-columns: 80px 50px 50px 80px; } }
/* PARCELAS */
.myplots{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: 120px 160px;
	grid-template-rows: auto;
	grid-row-gap: 10px; 
}
.mymap{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: 90px 135px;
	grid-template-rows: auto; 
	justify-items: center;
	align-items: center;
	grid-column-gap: 10px;
}
/* PUBLICATION */ 
.mypublication{
	margin: 40px 20px 40px 20px;
	display: grid; 
	grid-template-columns: 48% 48%;
	grid-template-rows: auto; 
	grid-column-gap: 4%;
	grid-row-gap: 50px;
	align-items: start;
}
@media screen and (max-width:480px){ .mypublication{ grid-template-columns: 100%; grid-column-gap: 0; } }
.mypublication_item{ 
	display: grid; 
	grid-template-columns: 100%;
	grid-template-rows: auto; 
	grid-row-gap: 20px;
}
.mypublication_item_title,.mypublication_item_description,.mypublication_item_media,.mypublication_item_content,.mypublication_item_attached,.mypublication_item_author{
	margin: 0px 20px;
}
.mypublication_item_content{
	text-align: justify; text-justify: auto;
}
.mypublication_item_media{
	display: grid; 
	grid-template-columns: auto;
	grid-template-rows: auto; 
	justify-items: center;
	align-items: center;
}
.mypublication_item_media img{ width: 100%; max-width: 516px; height: auto; }
.mypublication_item_media iframe{ width: 100%; max-width: 516px; height: 315px; }
@media screen and (max-width:480px){ 
	.mypublication_item_media{ margin: 0px; }
	.mypublication_item_media iframe{ margin: 0px; width: 100%; max-width: 360px; height: 220px; } 
}
.mypublication_item_author{ 
	display: grid; 
	grid-template-columns: 25px auto 25px auto;
	grid-template-rows: auto;
	grid-column-gap: 5px;
	align-items: center;
	font-size: 12px;
}
.mypublication_item_attached{ 
	display: grid; 
	grid-template-columns: 25px auto;
	grid-template-rows: auto;
	align-items: center;
	font-size: 12px;
}
.mypublication_pagination{ 
	margin: 50px 20px 20px 20px;
	display: grid; 
	grid-template-columns: 100px 100px;
	grid-template-rows: auto;
	grid-column-gap: 80px;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
/* SUGERENCIAS */
.mysuggestions{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px; 
}
.mysuggestions input[type=text]{ width: 320px; height: 50px; }
.mysuggestions textarea{ resize: none; width: 320px; height: 200px; }
/* HORAS EXTRAS */
.myextras{
	margin: 40px 10px 20px 10px;
}
.myextras table th{ padding-bottom: 10px; }
.myextras_row{ text-align: center; padding: 10px 0px; }
.myextras_button{ text-align: center; padding-top: 20px; }
@media screen and (max-width:360px){ 
	.myextras table td input[type=date],.myextras table td select{ max-width: 110px; } 
}
/* HORAS EXTRAS HISTORICO */
.myextras_historic{
	margin: 40px 10px 20px 10px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto; 
	justify-items: center;
}
.myextras_historic table{
	margin: 0px 20px 20px 20px;
	display: block;
    overflow: scroll;
	border-collapse: collapse;	
}
.myextras_historic table td,.myextras_historic table th{
	padding: 10px;
	text-align: center;
	border: 1px solid black;
}