/*	
	SOBRESCRIURE ESTILS BOOTSTRAP --------------------------------------------A
*/

body 
{
  font-size: 14px;
    
}

.alert 
{
	padding: 6px;	
	margin-bottom: 0.2rem;
	margin-top: 0.2rem;
}

.form-control
{
	padding: 0.2rem 0.4rem ;	
}

.form-group 
{
    margin-bottom: 0.1rem;
}
textarea 
{
	padding: 0.2rem 0.2rem ;
	width:100%;
}


label 
{
  margin-bottom: .2rem;
}


.btn-secondary.active
{
	background-color: #4090cc;    
	color: #ffffff;
}

.custom-select 
{  
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;  
  background-image: none \9;
  -webkit-background-size: 8px 10px;
          background-size: 8px 10px;  
  padding: 0rem 1.75rem 0rem 0.75rem;		  
  height: calc(1.8rem + 0px);
}


/* ERROR en FIREFOX AL MOSTRAR CHECK*/
/*
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator 
{  
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=");
}
*/


/* 1 linia separacio*/
.container-fluid
{	
	margin-top:		0.5em;
	margin-bottom:	0.5em;
}



.popover-title 
{
	background-color: #58D3F7;	
}

form{
margin-top: 10px;
}

.form-control::-webkit-input-placeholder {
  color: #636c72;
  opacity: 0.6;
}

.form-control::-moz-placeholder {
  color: #636c72;
  opacity: 0.6;
}

.form-control:-ms-input-placeholder {
  color: #636c72;
  opacity: 0.6;
}

.form-control::placeholder {
  color: #636c72;
  opacity: 0.6;
}



@media (min-width: 992px) 
{
  .modal-lg 
  {
    max-width: 1800px;
	width: 94%;
  }
}

@media (min-width: 992px) 
{
  .modal-70 
  {
    max-width: 1800px;
	width: 70%;
  }
}

/* FER NEGRE EL CHECKBOX DESHABILITAT*/
.custom-control-input:disabled ~ .custom-control-indicator 
{
	background-color: #202020;
	border: 2px solid #909090;
}


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

.cls_footer 
{
  width: 100%;  
  background-color: #f5f5f5;
}


.alert-gris 
{
	background-color: #D0D0D0;
	border-color: #808080;
	color: #FAFAFA;		
}

.cls_div_resultat_cerca 
{
	background-color: #FFFFC0;
	padding:0.3em;
}
.cls_div_resultat_cerca .btn 
{
	margin:2px 6px;
	padding: 0.1rem 0.2rem;
}

#cls_container_div_resultat_cerca {display:none;}

.cls_sub_header 
{	
	background-color:#E0C0FF;
	margin:10px auto 10px;
	padding:4px;	
}
 
.cls_icono_boto{width:16px;}

[type ="date"], .hasDatePicker{width:180px  !important;text-align: center;}
.hasTimePicker{width:90px !important;text-align: center;}


/*----------------------------------------------------------CHECKBOX MACO ----------------------------------*/
.cc-input 
{
	position: relative;
	display: inline;
	padding-left: 1.5rem;
	cursor: pointer;
}

.cc-input  > input 
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}


.cc-indicator 
{
	border-radius: 0.25rem;
    position: absolute;
    top: 8px;
    left: 0px;
    display: block;
    width: 1rem;
    height: 1rem;
    font-size: 65%;
    line-height: 1rem;
    text-align: center;
    -moz-user-select: none;   
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;    	
}
.cc-indicator-normal{background-color: #C0C0C0;}

.cc-indicator-borrar{background-color: #FFC0C0;}

.cc-input input:checked ~ .cc-indicator
{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=");
}

.cc-input > input:checked ~ .cc-indicator-normal{background-color: #606060;}

.cc-input > input:checked ~ .cc-indicator-borrar {background-color: #FF3030;}

.cc-label-borrar{color: #FF6060;}


/*----------------------------------------------------------FI CHECKBOX MACO ----------------------------------*/



.cls_input_buscar
{
	background-color: #ffffcf;
}
 
img.clsLoading{visibility:hidden;height:64px;width:64px;margin:1e;padding:1em;}
img.clsLoadingMini{visibility:hidden;height:32px;width:32px;margin:1e;padding:0.4em;}

.btn-micro
{
    padding: 0.2rem 0.2rem;
    font-size: 0.6rem;    
    border-radius: 0.2rem;
	line-height: 1;
}

.cls_taula_border_gris th 
{
	border: 1px solid #C0C0C0 !important;
	padding-left:0.2em;
  padding-right:0.2em;
  padding-top: 0.36em;
  padding-bottom: 0.36em;
}
.cls_taula_border_gris td
{
  border: 1px solid #C0C0C0 !important;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}

.cls_base_font_mini
{
	font-size:0.8em;
}


.cls_alzada_mimima
{
	min-height: 500px;
}

.cls_alinear_dreta
{
	text-align:right;
	padding-right: 1em;
}

.cls_alinear_centre
{
	text-align:center;	
}




.c-borrar-input 
{
position: relative;
display: inline;
padding-left: 1.5rem;
color: #555;
cursor: pointer;
}

.c-borrar-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.c-borrar-checkbox input:checked ~ .c-borrar-indicator {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=");
}
.c-borrar-input > input:checked ~ .c-borrar-indicator {
    color: #FFF;
    background-color: #FF3030;
}
.c-borrar-checkbox .c-borrar-indicator {
    border-radius: 0.25rem;
}

.c-borrar-indicator {
    position: absolute;
    top: 8px;
    left: 0px;
    display: block;
    width: 1rem;
    height: 1rem;
    font-size: 65%;
    line-height: 1rem;
    color: #EEE;
    text-align: center;
    -moz-user-select: none;
    background-color: #FFC0C0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.c-borrar-label
{
	
 color: #FF6060;
 margin-top:5px;
}

#message
{
line-height: 1;
}

.cls_obligatori
{
	background-color:#ffe0e0;
/*background-color:#FF3030;*/
}
/*.form-control:valid {
  background-color:  #ffffff!important;
}*/
.cls_titol 
{
  font-weight: bold;
  font-size: 1.2em;    
  color:#ff8080;
}

.cls_titol_dins_pestanya {
  display: block;  
  background-color:transparent;  
  font-weight: bold;
  font-size: 1.4em;    
  color:#ff8080;
}

.cls_hr_estret
{	
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cls_hr_separador
{	
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 2px solid #60ff60;
    
}

.badge-negre {
  background-color: #202020;
}

.cls_overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

.cls_ovtext{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.blink {
  animation: blink-animation 1s steps(10, start) infinite;
  -webkit-animation: blink-animation 1s steps(10, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}