/*	
	SOBRESCRIURE ESTILS BOOTSTRAP --------------------------------------------A
*/
body 
{
  padding-top: 1rem;
  line-height: 1;
}

.card-block 
{
    padding: 0.4rem;
}

.jumbotron
{
	padding: 1rem 1rem;
}

.card-header {
    padding: .2rem 0.6rem;
    background-color: #f5f5f5;
    border-bottom: .0625rem solid #e5e5e5;
}

/*
.btn {
    
    padding: .2rem 1rem;
    font-size: 0.8rem;    
    line-height: 1;
}
*/
.btn-hora, .btn-group-sm > .btn {
	padding: .4rem 2rem;
    font-size: 1rem;    
    line-height: 1;
	border-radius: .2rem;
}

#message
{
line-height: 1;
}



.nav-link 
{
    font-size: 0.8rem; 
	font-style: italic;
}


.btn-secondary.active
{
	background-color: #0275d8;    
    color: #ffffff;
}


.list-group-item 
{    
    padding: .25rem 1rem;
}



@media (min-width: 48em) {
  .modal-lg {
    width: 1000px;
  }
}




@media (min-width: 200px) 
{
.card-deck 
   {
  height:350px;  
  }
}


/*	
	SOBRESCRIURE ESTILS DATEPICKER --------------------------------------------A
*/


.ui-datepicker {
    width: 100%;
	max-width: 52em;
	min-width: 17em;
    padding: .2em .2em 0;
    display: none;
}


.AmbPlaces { background: #10A010; }
.AmbPlaces a.ui-state-default { background: #10A010; color: white; }
.AmbPlaces a.ui-state-active {color: #FF5050; font-weight:bold;}





/*	
	ESTILS PROPIS GESTIO --------------------------------------------
*/

img.clsLoadingMini{visibility:hidden;heigth:32px;width:32px;margin:1e;padding:0.4em;}
img.clsLoading{visibility:hidden;heigth:64px;width:64px;margin:1e;padding:1em;}
img.clsLoading2{visibility:hidden;heigth:auto;width:100%;}

.cls_hr
{
	margin-top: 0rem;
	margin-bottom: 0.6rem;
}


#id_table_punts td 
{    
    line-height: 1;
    vertical-align: middle;   
}

.clsImgOmbra {
    margin: 10px;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.cls_alineat_dreta 
{
	text-align: right;
}


.cls_blink_me 
		{
		  animation: blinker 3s linear infinite;
		}

		@keyframes blinker 
		{
			10% {opacity: 0;}
		}
		

.cls_blink_oferta
{
  animation: blinker 3s linear infinite;
}

@keyframes blinker 
{
	25% {opacity: 0;}
}

.cls_div_seccio_unica
{	
	margin-left:35%;width:30%;
}
	
.cls_div_mobil_whatsapp {	
text-align:center;
  display: none; 
  background-color: #f0f0f0; /* Set a background color */
  color: #606060; /* Text color */  
    border-radius: 5px; /* Rounded corners */
}

.cls_div_whatsapp {
  display: block; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  top: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 9999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #f0f0f0; /* Set a background color */
  color: #606060; /* Text color */
 /* cursor: pointer;  Add a mouse pointer on hover */
  padding: 0px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  
}

.cls_div_whatsapp img 
{
	width:48px;
}
.cls_div_whatsapp h6 
{
	font-style: italic;width:100%;text-align:center;
}

 
@media (max-width: 47.9em)
{
	.cls_div_seccio_unica
	{	
		margin-left:5%;width:90%;
	}	
	.cls_div_mobil_whatsapp{
		display: block;
	}
		
	.cls_div_whatsapp {
	  display: none; /* Hidden by default */
	  position: fixed; /* Fixed/sticky position */
	  top: 240px; /* Place the button at the bottom of the page */
	  right: 0px; /* Place the button 30px from the right */
	  z-index: 9999; /* Make sure it does not overlap */
	  border: none; /* Remove borders */
	  outline: none; /* Remove outline */
	  background-color: #f0f0f0; /* Set a background color */
	  color: #606060; /* Text color */
	 /* cursor: pointer;  Add a mouse pointer on hover */
	  padding: 0px; /* Some padding */
	  border-radius: 5px; /* Rounded corners */
	  font-size: 0.8em; /* Increase font size */
	}
	
	.cls_div_whatsapp img 
	{
		width:32px;
	}
	.cls_div_whatsapp h6 
	{
		font-style: italic;width:100%;text-align:center;font-size: 1em;    
	}
}