@font-face {
 font-family: 'Muli-Regular'; /* requerido */
 src: 'fonts/Muli-Regular.ttf';                        /* requerido */
 /* font-weight: weight;                /* opcional */
 /* font-style: style;                /* opcional */
}

@font-face {
 font-family: 'Muli-Regular'; /* requerido */
 src: 'fonts/Muli-Regular.eot';                        /* requerido */
 /* font-weight: weight;                /* opcional */
 /* font-style: style;                /* opcional */
}

/*.select2-container--default .select2-results>.select2-results__options{
    height: 25px !important;
}*/
.recomendaciones {
    display:none;
}

.tipus_docs {
    
}

.color_fons_red {
    background-color:red!important;
    border:5px solid red;
}

.color_fons_orange {
    background-color:orangered!important;
    border:5px solid orange;
}

.color_fons_yellow {
    background-color:yellow!important;
    border:5px solid yellow;
}

.color_fons_green {
    background-color:green!important;
    border:5px solid green;
}

.color_fons_white {
    background-color:white!important;
    border:5px solid white;
}

.color_fons_gray {
    background-color:gray!important;
    border:5px solid gray;
}

.color_fons_blue {
    background-color:blue!important;
    border:5px solid blue;
}

.color_fons_violet {
    background-color:violet!important;
    border:5px solid violet;
}

.color_fons_fuchsia {
    background-color:fuchsia!important;
    border:5px solid fuchsia;
}


/*.document.ajaxloading {     cursor:progress; }*/ 


.label_titol {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #428bca;
}

.label_informacio {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
 
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  width: 100px;
}

.border_redno {

    border:1px solid red;

}

.border_greenno {

    border:1px solid green;

}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;*/
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: black;
  text-align: center;
}


.border_blueno {

    border:1px solid blue;

}


.vertical_text 
{
     font:bold 10px Tahoma;
     color: white;
     transform: rotate(-90deg);
     filter: flipH() flipV();
}


.div_cabecera_fecha {
    width: 80px;
    height: 70px;
    padding-left: 8px;
}

.div_cabecera_descripcion {
    width: 80px;
    height: 70px;
    padding-left: 3px;
    padding-top: 90px;
}

.div_cabecera_observaciones {
    width: 80px;
    height: 70px;
    padding-left: 3px;
    padding-top: 90px;
}


#MainContent_Principal_GVSemaforo tbody tr th div
 {
      font:bold 10px Tahoma;
     color: white;
     transform: rotate(-90deg);
     filter: flipH() flipV();
    
 }

#MainContent_Principal_GVSemaforo tbody tr td table 
{
    margin: 0% 40%;
}

.ancho_columna {
    min-width: 200px !important;
    max-width: 200px !important;
}
.ancho_columna_codigo {
    min-width: 50px !important;
    max-width: 50px !important;
 }

.ancho_columna_fecha {
    min-width: 30px !important;
    max-width: 30px !important;
    text-align:left;
 }
.cabecera 
{
 max-height:80px;
 min-height:80px;
 position :absolute;
}

.label_qgr {
  display: inline;
  padding: .2em .6em .3em;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: blue;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  width: 100px;
}

.div_etiqueta {
    height:30px; 
    width:110px;  
    margin-left:1px;  
    float:left;
}

.div_camp_txt {
   height:40px; 
   width:610px; 
   margin-left:1px; 
   float:left;
}

.degradado_fondo {
    background: -webkit-linear-gradient(#b1cede, white); 
    background: -moz-linear-gradient(#b1cede, white); 
    background: -o-linear-gradient(#b1cede, white); 
    background: -ms-linear-gradient(#b1cede, white);
    background: linear-gradient(#b1cede, white);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#b1cede, endColorstr=white,GradientType=0 );
  }

.contenidorDiv:hover
		{
    cursor:pointer;
		}


.contenidorDiv
		{
		/*background-color: #70DBFF;*/
		
		height: 100%;
		position: relative;
		

		text-align: center;

				
		width: 100%;
		display: table;
		
		}

	.contenidorFill 
		{
		display: table-cell;
		vertical-align: middle;	
		}

    div.tooltip_grid {outline:none; }
    div.tooltip_grid strong {line-height:15px;}
    div.tooltip_grid:hover {text-decoration:none;} 
    div.tooltip_grid span {
        z-index:10;display:none; padding:1px;
        margin-top:-30px; margin-left:10px;
        line-height:16px;
    }
    div.tooltip_grid:hover span{
        display:inline; position:absolute; color:#111;
        border:1px solid #DCA; background:#fffAF0;}
    .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
div.tooltip_grid span
{
    border-radius:10px;
    box-shadow: 5px 5px 8px #CCC;
    min-width:200px;
    max-width:300px;
}

#MainContent_Principal_TxtFicheroLoadAlarmas , #MainContent_Principal_TxtFicheroLoadMedidos, #MainContent_Principal_TxtFicheroRuta, #MainContent_Principal_TxtFicheroRuta2, #MainContent_Principal_Emisiones_TxtFicheroRuta
{
  display: block !important;
    width: 40px !important;
    height: 40px !important;
    opacity: 0 !important;
    overflow: hidden !important;
 
}

.upload_fitxer 
{
    width: 40px;
    height: 40px;
    background-image: url("../images/subir.png");
    background-repeat:no-repeat;  
    background-size: 100%;
}


#file-input 
{
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.ratoli:hover 
{
    cursor:pointer !important;
    
}

.div_estat 
{
   border-right:1px solid blue; 
   border-left:1px solid blue; 
   width:38px; 
   height:24px; 
   display:inline-block; 
   margin:0; 
   cursor:pointer; 
   font-size:11px; 
    
}

.Imatge_buto
{
 border-radius:20px;
 border-color:blue;
 border-width:2px; 
 border-style:inset

}


.div_data 
{
   padding-top:4px; 
   /*width:62px;*/
   width:50px;
   height:24px; 
   display:inline-block; 
   vertical-align:top; 
   text-align:center;  
   margin:0; 
   font-size:10px; 
   font-weight:700; 
   color :blue;
    cursor:pointer; 
   border-right:1px solid blue; 
  /*border-left:1px solid blue;*/*/ 
}

.label_error {
  padding: .2em .6em .3em;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
  color: red;
  white-space: nowrap;
  border-radius: .25em;
   text-align: center;
   display :table-cell ;
   vertical-align :central ; 
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.select_exp {
    border: 1px solid #ced4da;
    border-radius: 5px;
}