.titolTaula {
    color: white;
    font-size: 14px;
    /*font-weight: bold;*/
}

.titolTaulaNegre {
    color: rgb(34, 34, 34);
    font-size: 13px;
    /*font-weight: bold;*/
}

.textTaulaNegre {
    color: rgb(34, 34, 34);
    font-size: 14px;
    /*font-weight: bold;*/
}

.textTaulaNegreCentrat {
    color: rgb(34, 34, 34);
    font-size: 14px;
    text-align: center;
    /*font-weight: bold;*/
}

.fonsRealitzat {
    background-color: #F8F7E2 !important;
    color: black;
    text-align: center;
    /*font-weight: bold;*/
}

.fonsSolicitud {
    background-color: #EBF3EB !important;
    color: black;
    text-align: center;
    /*font-weight: bold;*/
}

.textJornada {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 24px;
    color: #1aba2d;
}	

.textTiempoJornada {
    font-weight: bold;
    text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 18px;
    color: #000000;   
}

.textJornadaManual {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 24px;
    color: #f8d100;
}	

.textJornadaCorregir {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 24px;
    color: #198754;
}	

.textCanviProjecte {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 24px;
    color: #0dcaf0;
}	

.textJornadaDiaPermis {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 24px;
    color: #E4813F;
}	

.textTempsActual {
    font-weight: bold;
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 24px;
    color: #ffffff;
    background-color: #646464;
    border-radius: 6px;
    border: 2px solid #646464;
}

.missatge {
    font-weight: bold;
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #4B4949;
    /*background-color: #646464;*/
    border-radius: 6px;
    border: 2px solid #646464;
}


.textinfo {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 11px;
    color: #4B4949;
}

.menugestion {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #4B4949;
}


.menugestiondiaria {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #f05151;
}

.menugestiontaronja {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #E76E04;
}

.menugestionmarro {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #583C24;
}

.menugestionlila {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #6A1DAB;
}

.menugestionroig {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #F92963;
}



.menugestionverd2 {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #127F57;
}


.menugestionblau {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #181BA7;
}

.menugestionverd {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #127025;
}

.menugestionmarro {
    font-weight: normal;
    text-decoration: none;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #3D2F08;
}


.menugestiontitol {
    font-weight: bold;
    text-decoration: underline;
	font-family: Verdana;
	margin-top: 10px;
	margin-bottom: 2px;
    padding: 6px;
    font-size: 16px;
    color: #000000;
	
    /*background-color: #646464;
    border-radius: 6px;
    border: 2px solid #646464;*/
}

A {text-decoration: none;}


.titolNomTreballador {
    color: #262626;
	font-size: 18px;
	text-decoration: none;
    /*font-weight: bold;*/
}

.titolMesCalendari {
    color: #363636;
	font-size: 16px;
	text-decoration: none;
    /*font-weight: bold;*/
}

.titolDiesCalendari {
    color: #363636;
	font-size: 14px;
	text-decoration: none;
    /*font-weight: bold;*/
}

.titolDiesCalendariParte {
    color: #363636;
	font-size: 18px;
	text-decoration: none;
    border: 1px solid;
    /*font-weight: bold;*/
}

.taulaCalendariParte {
    font-size: 16px;
	text-decoration: none;    
    border: 1px solid;
}


.selectJornada {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 20px;
    color: #1aba2d;
}	

.selectJornadaNegre {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 18px;
    color: #000000;
}	

.titolMesCalendari2 {
    color: #363636;
	font-size: 20px;
	text-decoration: none;
    /*font-weight: bold;*/
}

.selectJornadaManual {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 18px;
    color: #f8d100;
}

.selectJornadaDiaPermis {
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
    font-size: 18px;
    color: #E4813F;
}	


#circuloIdioma a {
  text-decoration: none;
}

#circuloIdioma {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 4px;
/*  background: #5cb85c;*/
 
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  border:1px solid #FFFFFF;    
  color: #ffffff;
}

#circuloIdiomaActual {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: 4px;
  background: #5EB9C8;
  
  text-align: center;
  vertical-align: middle;
  border:1px solid #FFFFFF; 
  font-size: 10px;
  color: #ffffff;	
}



.select-css {
  display: block;
  font-size: 16px;
  font-family: 'Verdana', sans-serif;
 /* font-weight: 400;*/
  color: #444;
  line-height: 1.3;
  padding: .2em 2.4em .3em .8em;
  width: auto;
  max-width: 300px; 
  box-sizing: border-box;
  margin: 20px auto;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  border-radius: .3em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  background-image: url("../Imatges/fletxaSelect.png");	
 	
  background-repeat: no-repeat;
  background-position: right center;
 
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #888;
}
.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
.select-css option {
  font-weight:normal;
}




.select-texte {
  display: block;
  font-size: 16px;
  font-family: 'Verdana', sans-serif;
 /* font-weight: 400;*/
  color: #444;
  line-height: 1.3;
  padding: .2em 2.4em .3em .8em;
  width: 200px;
  max-width: 300px; 
  box-sizing: border-box;
  /*margin: 20px auto;*/
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  border-radius: .2em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  background-image: url("../Imatges/fletxaSelect.png");	
 	
  background-repeat: no-repeat;
  background-position: right center;
 
}
.select-texte::-ms-expand {
  display: none;
}
.select-texte:hover {
  border-color: #888;
}
.select-texte:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
.select-texte option {
  font-weight:normal;
}




.select-ample {
  display: block;
  font-size: 16px;
  font-family: 'Verdana', sans-serif;
 /* font-weight: 400;*/
  color: #444;
  line-height: 1.3;
  padding: .2em 2.4em .3em .8em;
  width: auto;
  max-width: 300px; 
  box-sizing: border-box;
  /*margin: 20px auto;*/
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  border-radius: .2em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  background-image: url("../Imatges/fletxaSelect.png");	
 	
  background-repeat: no-repeat;
  background-position: right center;
 
}
.select-ample::-ms-expand {
  display: none;
}
.select-ample:hover {
  border-color: #888;
}
.select-ample:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
.select-ample option {
  font-weight:normal;
}



.select-ample2 {
  display: block;
  font-size: 16px;
  font-family: 'Verdana', sans-serif;
 /* font-weight: 400;*/
  color: #444;
  line-height: 1.3;
  padding: .2em 2.4em .3em .8em;
  width: 300px;
  max-width: 400px; 
  box-sizing: border-box;
  /*margin: 20px auto;*/
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
  border-radius: .2em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  background-image: url("../Imatges/fletxaSelect.png");	
 	
  background-repeat: no-repeat;
  background-position: right center;
 
}
.select-ample2::-ms-expand {
  display: none;
}
.select-ample2:hover {
  border-color: #888;
}
.select-ample2:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}
.select-ample2 option {
  font-weight:normal;
}






button.borrar-arxiu {
  background: #f8f9fa;
  padding: 10px 15px;
  border: 0;
}

button.borrar-arxiu i {
  margin-left: 5px
}

button.afegir-jornada {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  padding: 0px 0px;  
}

button.afegir-jornada i {
  margin-left: 2px
}

button.noconta-marcatge {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  padding: 0px 0px;  
}

button.noconta-marcatge i {
  margin-left: 2px
}



.horaPetit {  
    text-decoration: none;
	font-size: 10px;
    color: #212121;   
}


.textAyudas {
    text-decoration: none;
	font-size: 14px;
    color: #2B2B2B;    
}

/************* INCIDENCIES ********************/

.textCabeceraIncidencies {
    font-weight: bold;
    text-decoration: underline;
	font-size: 24px;
    color: #2B2B2B;    
}

.textTitolIncidencies {
    /*font-weight: bold;*/
    text-decoration: none;
	font-size: 18px;
    color: #2B2B2B;    
}

.textEstatOberta {
    /*font-weight: bold;*/
    text-decoration: none;
	padding: 10px 30px;
    font-size: 20px;
    color: #CB1417;    
    background: #fff;
    border: 1px solid #CB1417;
}

.textEstatTancada {
    font-weight: bold;
    text-decoration: none;
	margin-top: 14px;
	margin-bottom: 2px;
    padding: 10px 20px;
    font-size: 20px;
    color: #218F23;    
    background: #fff;
    border: #218F23 solid;
}