/* CSS Document        			*/
/* GUIAPP 1.0 GuiApp Basic		*/

/* =========================  GUIAPP CALENDARI */

table.calendari_torns, .calendari_torns {width: 98%; margin: 0 1% 15px;}
.calendari_torns {display: table;}
.calendari_torns .th, .calendari_torns .td {display: table-cell;}
.calendari_torns .tr {display: table-row;}
.calendari_torns .th, .calendari_torns th {border: solid 1px #d3d3d3; background-color: #e3e3e3; padding: 8px 0; text-align: center; font-weight: bold;}
.calendari_torns .td, .calendari_torns td {position:relative; border: solid 1px #d3d3d3; padding:0; /*height: 55px;*/}
.calendari_torns tr {}
.calendari_torns .torn {padding: 4px 0 4px 8px; position: relative; z-index: 1; background-color: #eb474736; font-size: 15px;}
.calendari_torns .torn label {display: inline-block; width: calc(100% - 25px);}
.num_dia {position:absolute; bottom:0; right:0; color: #e3e3e3; font-size: 55px; line-height: 40px; font-weight:bold;}
.calendari_torns .vert {text-align: left; background-color: #09bd0929;}
.calendari_torns .blanc {font-size: 14px; font-weight: bold; /*background-color: transparent;*/ background-color: #FFFF9972;}
.calendari_torns .disabled {color: gray;}
.calendari_torns > tr > td, .calendari_torns > tbody > tr > td, .calendari_torns > .tr > .td {vertical-align:top; padding-bottom: 35px; border-bottom: solid 2px black;}
.calendari_torns input {vertical-align:top;}

.cap_torn {position: relative; background-color: #e3e3e3; text-align: center; font-weight: bold; padding: 6px 0;}
.caixa_fletxa {position: absolute; top: 0; right:0; width: 40px; height: 38px;}
.torn_vell .caixeta_torns {opacity: 0.5;}
.torn_vell .boto_mostra_dia {display: none;}

.caixa_torns_dia {position: relative; z-index:1;  margin: 2px 2px 8px;}
.caixa_torns_dia table {width: 100%;}
.caixa_torns_dia td {border: none !important; font-size: 80%; height: auto; font-weight:bold;}
.edicio_gran .c_tour, .caixa_torns_dia .c_pax, .caixa_torns_dia .c_guies {padding: 0;}

.edicio_gran .c_tour {}
.caixa_torns_dia .c_pax {}
.caixa_torns_dia .c_guies {}
.c_guies span {margin-right: 4px; display: inline-block;}

.edita_dia {}
.fons_caixa_guies {position: fixed; top:0; left:0; width: 100vw; height: 100vh; display: none; overflow: auto; z-index: 5;
	background-color: #646464A0; }
.caixa_guies_dia {width:96%; max-width: 780px; max-height: 85vh; margin: 10% auto 0; position:relative; padding: 0 5px 40px; overflow: hidden;
	background-color: white;}
.caixa_guies_dia h3 {padding-left: 0; width: calc(100% - 30px);}
.col_dispo {width: 53%; position:absolute; top:48px; right: 1%; height: calc(100% - 88px);}
.col_torns {float: left; width: 44%; clear:left;overflow:hidden;}
.caixa_torn {}
.llista_guies {min-height: 36px; background-color: #f3f3f3; font-weight: bold;}
.col_dispo .llista_guies {min-height: 96px;}
.caixa_torn .cap_visita {color: black;
	background-color: #d3d3d3;}

.col_dispo table {width: 100%; height: 100%;}

.eti_guia {display: inline-block; position:relative; padding: 0 20px 0 2px; margin: 4px 2px; border: solid 1px #d3d3d3; border-radius: 2px; font-weight:normal;
	background-color: white;}
.eti_elimina, .eti_afegeix {position: absolute; top: 2px; right: 2px; width: 13px; height: 16px;
	 background-position:center center; background-repeat:no-repeat; background-size:contain; }
.eti_elimina {background-image: url('../img/eti_elimina.png');}
.eti_afegeix {background-image: url('../img/eti_afegeix.png');}
.eti_breu {font-weight: bold;}
.eti_nom {}
.col_torns .eti_nom {display: none;}
.boto_mostra_dia {color: white; border: solid 1px #DDDDDD; border-radius: 4px; position: absolute; bottom: 2px; left: 2px; padding: 2px 3px;
    background-color: rgba(64,64,64,0.5);}
	
/*.caixa_fletxa {position: absolute; top: 0; right:0; width: 40px; height: 18px; padding-top: 12px;}*/

.caixa_fletxa:hover, .eti_elimina:hover, .eti_afegeix:hover {cursor:pointer;}

@media only screen and (max-width: 640px) {
.caixa_guies_dia {width: calc(100% - 10px); height: calc(100% - 73px); max-width: none; max-height: none; margin: 0; margin-top: 33px; padding: 0 5px 40px; overflow: auto;}

}

@media only screen and (max-width: 480px) {
table.calendari_torns {width: 98%; margin: 0 1% 15px; display: block;}

.torn_vell {padding-bottom: 0 !important;}
.torn_vell .caixeta_torns {display:none;}

.calendari_torns .th, .calendari_torns .buit {display:none !important;}
.calendari_torns .th, .calendari_torns .td {display: block;}
.calendari_torns .td {height: auto; overflow: hidden; border-bottom:0;}
.calendari_torns .torn {padding: 6px 0 8px 8px;}
.calendari_torns .cap_torn {background-color: #e3e3e3; font-size: 130%;}
.calendari_torns .cap_torn h3 {display: block; padding: 4px 1%; font-size: 20px; text-align: center;}
.num_dia {font-size: 80px; line-height: 60px;}

.edicio_gran .c_tour {font-size: 110%; padding-top: 5px;}
.edicio_gran .c_guies {font-size: 110%;}

.caixa_torns_dia td {font-size: inherit;}
.caixa_torns_dia .c_pax {position: absolute; top: 0; right: 0;}
.boto_mostra_dia {bottom: 4px; padding: 4px 6px;}
	
}