/* 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; }
.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; }
.color_blue{ color: #097DB3; }
.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-top: 70px; 
	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'; */ }
.myerror{
	margin: 0px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
}
.myalert{
	margin: 0px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	font-size: 12px;
}
/* PANEL CONTROL */
.mydashboard{
	margin: 50px 20px 0px 20px;
	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{
	margin-bottom: 40px;
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-row-gap: 20px;	
	justify-items: center;
	font-weight: bold;
	font-size: 22px;
	text-align: center;	
}
.myselect{
	margin: 40px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
.myselect input[type=text]{ width: 100%; max-width: 90px; }
.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;
}
.myselect_vertical_item{
	display: grid;
	grid-template-columns: auto 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; } }
/* INFORMACION */
.mypublication{
	margin: 40px 20px 40px 20px;
	display: grid;
	grid-template-columns: 320px;
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
.mypublication_counter{ 
	display: grid;
	grid-template-columns: 270px 50px;
	grid-template-rows: auto;
}
.mypublication_counter_align{ text-align: right; }
.mypublication select{ width: 100%; max-width: 320px; }
.mypublication input[type=text]{ width: 100%; max-width: 320px; }
.mypublication textarea{ resize: none; width: 100%; max-width: 320px; }
.mypublication img{ width: 100%; max-width: 320px; height: auto; }
.mypublication_textarea_title{ height: 60px; }
.mypublication_textarea_description{ height: 90px; }
.mypublication_textarea_content{ height: 200px; }
.mypublication_video{ 
	display: grid;
	grid-template-columns: 200px 120px;
	grid-template-rows: auto;
	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;
}
/* PUBLICATION VIEW */ 
.mypublication_view{
	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_view{ grid-template-columns: 100%; grid-column-gap: 0; } }
.mypublication_view_item{ 
	display: grid; 
	grid-template-columns: 100%;
	grid-template-rows: auto; 
	grid-row-gap: 20px;
}
.mypublication_view_item_title,.mypublication_view_item_description,.mypublication_view_item_media,.mypublication_view_item_content,.mypublication_view_item_attached,.mypublication_view_item_author{
	margin: 0px 20px;
}
.mypublication_view_item_content{
	text-align: justify; text-justify: auto;
}
.mypublication_view_item_media{
	display: grid; 
	grid-template-columns: auto;
	grid-template-rows: auto; 
	justify-items: center;
	align-items: center;
}
.mypublication_view_item_media img{ width: 100%; max-width: 516px; height: auto; }
.mypublication_view_item_media iframe{ width: 100%; max-width: 516px; height: 315px; }
@media screen and (max-width:480px){ 
	.mypublication_view_item_media{ margin: 0px; }
	.mypublication_view_item_media iframe{ margin: 0px; width: 100%; max-width: 360px; height: 220px; } 
}
.mypublication_view_item_attached,.mypublication_view_item_author{ 
	display: grid; 
	grid-template-columns: 25px auto;
	grid-template-rows: auto;
	align-items: center;
	font-size: 12px;
}
.mypublication_view_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;
}
/* DESVIACION */
.mydeviation table{
	margin: 0px 20px 20px 20px;
	display: block;
    overflow: scroll;
	border-collapse: collapse;	
}
.mydeviation table td{
	padding: 10px;
	text-align: center;
	border: 1px solid black;
}
/* TURNOS */
.myshifts{
	margin: 40px 20px 20px 20px;
	display: grid;
	grid-template-columns: 100px 70px 150px;
	grid-template-rows: auto; 
	justify-items: center;
	align-items: center;
}
.myshifts select{ width: 100%; max-width: 150px; }
.myshifts_button{
	margin: 20px 20px 20px 20px;
	display: grid;
	grid-template-columns: 320px;
	grid-template-rows: auto; 
	justify-items: center;
	align-items: center;
}
/* CONSUMOS */
.myconsumption table{
	margin: 0px 20px 20px 20px;
	display: block;
    overflow: scroll;
	border-collapse: collapse;	
}
.myconsumption table td{
	padding: 10px;
	text-align: center;
	border: 1px solid black;
}
/* HORAS EXTRAS */
.myextras{
	margin: 40px 10px 20px 10px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto; 
	justify-items: center;
}
.myextras table{
	margin: 0px 20px 20px 20px;
	display: block;
    overflow: scroll;
	border-collapse: collapse;	
}
.myextras table td,.myextras table th{
	padding: 10px;
	text-align: center;
	border: 1px solid black;
}
.myextras_buttons{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto; 
	grid-column-gap: 80px;
	justify-items: center;
	align-items: center;
}
.myextras_info{
	margin: 40px 20px 40px 20px;
	display: grid;
	grid-template-columns: minmax(320px,1080px);
	grid-template-rows: auto;
	grid-row-gap: 20px;
}
.myextras_info textarea{ resize: none; width: 100%; }
.myextras_info textarea{ height: 150px; }
@media screen and (max-width:360px){ .myextras_info textarea{ height: 300px; } }
/* HORAS EXTRAS */
.myextras_text{	margin: 0px 20px; }
.myextras_solicitar{ margin: 40px 10px 20px 10px; }
.myextras_solicitar table th{ padding-bottom: 10px; }
.myextras_solicitar_row{ text-align: center; padding: 10px 0px; }
.myextras_solicitar_button{ text-align: center; padding-top: 20px; }
@media screen and (max-width:360px){ 
	.myextras_solicitar table td input[type=date],.myextras_solicitar table td select{ max-width: 110px; } 
}