@charset "utf-8";
/* CSS Document */

/***********************************
*	UTILITY CLASSES - BOOTSTRAP INSPIRED
***********************************/
.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	/*give the element a width or else this won't work*/
}

  .alert {
    display: flex;
    align-items: start;
    gap: 10px;
    padding: 16px;
    border-radius: 8px;
    color: white;
    font-family: sans-serif;
    margin-bottom: 1rem;
  }

  .alert-icon {
    font-size: 24px;
    line-height: 1;
  }

  .alert-content {
    display: flex;
    flex-direction: column;
  }

  .alert-title {
    font-weight: bold;
    margin-bottom: 4px;
  }

  .alert-warning {
    background-color: #f57c00; /* naranja */
  }

  .alert-danger {
    background-color: #d32f2f; /* rojo */
  }


.pull-left, .float-left{float: left;}
.pull-right, .float-right{float: right;}
.clearfix,.clear-both{clear: both;}

.margin-right5{margin-right: 5px;}
.margin-left5{margin-left: 5px;}
.margin-bottom5{margin-bottom: 5px;}
.margin-top5{margin-top: 5px;}

.margin-right10{margin-right: 10px;}
.margin-left10{margin-left: 10px;}
.margin-bottom10{margin-bottom: 10px;}
.margin-top10{margin-top: 10px;}

.show{display: block !important;}
.hidden{display: none !important;}
.invisible{visibility: hidden;}

.no-padding{padding: 0 !important;}
.no-padding-top{padding-top: 0 !important;}
.no-padding-bottom{padding-bottom: 0 !important;}
.no-padding-right{padding-right: 0 !important;}
.no-padding-left{padding-left: 0 !important;}

.no-margin{margin: 0 !important;}
.no-margin-top{margin-top: 0 !important;}
.no-margin-bottom{margin-bottom: 0 !important;}
.no-margin-right{margin-right: 0 !important;}
.no-margin-left{margin-left: 0 !important;}

.width50{width:50px;}
.width70{width:70px;}
.width100{width:100px;}
.width50p{width:50%;}
.width100p{width:100%;}

.dreta{text-align:right;}
.centrar{text-align:center;}

.cursiva{ font-style:italic; }
.negreta{ font-weight:bold; }

.sbold{font-weight: 500;}
.underline{text-decoration: underline; }
.maju,.uppercase{text-transform: uppercase; }
.lowercase{text-transform: lowercase; }

.reset_label{
    color: inherit !important;
    font-size: inherit !important;
}

.hover-link{ text-decoration: none !important; }
.hover-link:hover{ text-decoration: underline !important; }

.tr_all{
    -webkit-transition: all 300ms ease;                  
    -moz-transition: all 300ms ease;                 
    -o-transition: all 300ms ease;   
    -ms-transition: all 300ms ease;          
    transition: all 300ms ease;
}

hr.faded_sides { 
  border: 0 !important; 
  height: 1px !important; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important;
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0) !important; 
}

.overlay-loading{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.05);
	top: 0;
	left: 0;
	border-radius: 0px 0px 4px 4px;
	background-image: url("../imatges/icones/loading_blau.gif");
	background-position: center;
	background-repeat: no-repeat;
}

/**
* Bootstrap classes start
*/
/*.badge-bt{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}*/

.well-bt{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.well-sm-bt{
    padding: 9px;
    border-radius: 3px;
}

.well-lg-bt{
    padding: 24px;
    border-radius: 6px;
}

.label-bt{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.badge-bt{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.badge-primary-bt,.label-primary-bt{ background-color: #337ab7; }
.badge-default-bt,.label-default-bt{ background-color: #777; }
.badge-success-bt,.label-success-bt{ background-color: #5cb85c; }
.badge-info-bt,.label-info-bt{ background-color: #5bc0de; }
.badge-warning-bt,.label-warning-bt{ background-color: #ff9600; /*#f0ad4e;*/ }
.badge-danger-bt,.label-danger-bt{ background-color: #d9534f; }

.anchor-bt{
  color: #337ab7;
  text-decoration: none;
}
.anchor-bt:hover,
.anchor-bt:focus {
  color: #23527c;
  text-decoration: underline;
}
.anchor-bt:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/**
* Bootstrap classes ends
*/

/***********************************
*	UTILITY CLASSES END...
***********************************/

.marge {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

icones {
	top:106px;
	left:3px;
	position:absolute;
	background-color:#000;
	filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;
	width:auto;
	z-index:1;
}

.icones img{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;border:0!important;}
.icones img:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border:0!important;}


label.error { 
	color: red;
	margin-left: 0px;
	width: 0px;
	height:0px;
	
	background-color:#FFF;
	font-weight:20px;
	background-image:none !important;
	display:none;
}

#formulari input.error, input.error{
	background-color: #ffa8a8 !important;
    border: 1px solid red !important;
	background-image:none !important;
}  

#formulari select.error, select.error{
	background-color:#ffa8a8 !important;
    border: 1px solid red !important;
	background-image:none !important;
}

.text_boto
{
	font-family: Verdana, Arial, sans-serif;
	font-size:9px;
	color:#FFF;
}

.text_boto:hover{
	color:#FFF;
}

.font_petita {
	font-family: Verdana;
}

.text_editor 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.text_mini {
	font-size:10px;
}

.text_petit {
	font-size:9px !important;
}

.text {
	font-size:11px;
}

.textmig {
	font-size:13px;
}

.textgran {
	font-size:16px;
}

.text_megapetit {
	font-size:8px !important;
}


.imatge_req {
	padding: 2px;
	border: 1px solid #CCC;
	margin-bottom:1px;
	margin-left:1px;
}

.imatge_req:hover {
	border: 1px solid #F00;
}


.tancar {
	color:#990000;
    position:relative;
	float:right;
	top:-4px;
}

.linia_lateral {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #090;
}

.linia_lateral_gris {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #DDD;
}

.linia_lateral_grisfort {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#666;
}

.linia_bottom_gris {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

.linia_bottom_gris_sep {
	border-bottom-width: 3px;
	border-bottom-style: double ;
	border-bottom-color: #DDD;

}

.liniapunts_bottom_gris {
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #DDD;
}

.linia_bottom_blanc {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
}


.linia_superior {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #090;
}

.linia_superior_fina {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #AAA;	
}

input {
	border: 1px solid #999;
}

.centrar {
	text-align:center;
}

.rec_vermell {
	border: 1px solid #F00;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.rec_verd {
	border: 1px solid #090 !important;
}

.tatxat_vermell {
	color:#FF9194;
	text-decoration:line-through;
}

.tatxat_blau {
	color:#006;
	text-decoration:line-through;
}

.visu {
	display:block;
}

.visu_no {
	display:none;
}

.cursor {
	cursor:pointer !important;
}

.cursor_info {
	cursor:help !important;
}

.nocursor {
	cursor:auto !important;
}

.puntets {
	 overflow:hidden; 
	 white-space:nowrap;
	 text-overflow: ellipsis;  
}

.quadre_cercador {
	background: #fff;
  border: 1px solid #036;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  padding:5px;
  width:173px;
  font-family: Tahoma;
	color:#666;
	font-size:10px;
	float:left;
	margin-right:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;	
}

.border_rodo {
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
  
.capa_puntuacio {
	border:1px dotted #063;
	background-color:#E2FDDB;
	padding:5px;
	display:none;
	float:left;
	margin-right:15px;
	text-align:center;
}

.capa_puntuacio label {
	font-size:12px;
	color: #063;
	padding-bottom:5px;
	margin-bottom:5px;
}

.alumne {
	clear:both; 
	float:left; 
	border-bottom:1px #666666 dotted; 
;
}
.alumne:hover {
	background-color:#F0FCD6;
}


.cap_graella {
	background-color:#EEE; 
}

					
.tatxat {
	text-decoration:line-through;
}
	
.l_esq_doble {
	border-left:3px double #666;
}

.l_top_doble {
	border-top:3px double #333333;
}

#taula, .taula_s {
	border-collapse: collapse;
	margin-bottom:15px;
}

#taula thead, .taula_s thead{
	border-bottom: 2px solid #aaa !important;
}

#taula .ld2, .taula_s .ld2{
	border-right:3px double #AAA;
}

#taula .le2, .taula_s .le2 {
	border-left:3px double #AAA;
}

#taula thead th, .taula_s thead th{
	font-size: 10px;
	color:#949494 !important;
	font-weight:bold !important;
	border-right:1px dotted #DDD;	
	border-bottom: 1px solid #ddd;
	background-color:#eee;
	padding: 3px;
	vertical-align:bottom;
}

#taula thead th.back_grisclar, .taula_s thead th.back_grisclar{
	color:#333 !important;
}

#taula thead th.back_vermellfort, .taula_s thead th.back_vermellfort{
	color:#D00 !important;
}


#taula tbody td, .taula_s tbody td{
	white-space:nowrap;
	padding: 3px;
	font-size: 11px;
	height:18px !important;
	vertical-align:middle;
}

#taula td.ldoble_e, #taula th.ldoble_e, .taula_s td.ldoble_e, .taula_s th.ldoble_e {
	border-left:3px double #AAA !important;
}

#taula td.ldoble_d, #taula th.ldoble_d, .taula_s td.ldoble_d, .taula_s th.ldoble_d{
	border-right:3px double #AAA !important;
}



#taula tbody tr:hover, .taula_s tbody tr:hover{
	background-color: #CAD9FF !important;
	color:#000 !important;
}

#taula tbody td.separa_e, .taula_s tbody td.separa_e{
	border-left:1px dotted #666 !important;
	z-index:99;
}

#taula tbody td.separa_d, .taula_s tbody td.separa_d{
	border-right:1px dotted #666 !important;
}

#taula tbody td:first-child, .taula_s tbody td:first-child{
	border-left:1px solid #CCC; 
}

#taula tbody td:not(:first-child), .taula_s tbody td:not(:first-child){
	border-left:1px dotted #DDD;
}

#taula tbody tr:nth-child(even), .taula_s tbody tr:nth-child(even){
	background-color:#f5f5f5;
}

#taula tbody tr:nth-child(even) .cella_taronja, .taula_s tbody tr:nth-child(even) .cella_taronja{
	background-color: #FFC58A !important;
}

#taula tbody tr:nth-child(odd) .cella_taronja, .taula_s tbody tr:nth-child(odd) .cella_taronja{
	background-color:#FFD8B0 !important;
}

#taula tbody tr:nth-child(even) .cella_verd, .taula_s tbody tr:nth-child(even) .cella_verd{
	background-color: #86E68B !important;
}

#taula tbody tr:nth-child(odd) .cella_verd, .taula_s tbody tr:nth-child(odd) .cella_verd{
	background-color:#B9F0BC !important;
}

#taula tbody tr td.cella_vermell, .taula_s tbody tr td.cella_vermell{
	background-color:#F00 !important;
	color:#FFF !important;
}

#taula tbody tr td.cella_blau, .taula_s tbody tr td.cella_blau{
	background-color:#069 !important;
}

#taula tbody tr:nth-child(even) td.blue_cell, .taula_s tbody tr:nth-child(even) td.blue_cell{
	background-color: #50B4FA !important;
	color: #000;
}

#taula tbody tr:nth-child(odd) td.blue_cell, .taula_s tbody tr:nth-child(odd) td.blue_cell{
	background-color:#9BD1F7 !important;
	color: #000;
}

#taula tbody tr:nth-child(even) .cella_gris, .taula_s tbody tr:nth-child(even) .cella_gris{
	background-color: #CCCCCC !important;
}

#taula tbody tr:nth-child(odd) .cella_gris, .taula_s tbody tr:nth-child(odd) .cella_gris{
	background-color: #E4E4E4 !important;
}

#taula tfoot, .taula_s tfoot{
	border-top:2px solid #069;
}

#taula tfoot td, .taula_s tfoot td{
	padding: 3px;
	font-size: 11px;
	background-color:#CEE7FF;
	font-weight:bold;
	color:#069;
}

#taula tfoot td:first-child, .taula_s tfoot td:first-child{
	/*border-left:1px solid #069	; */
}

#taula tfoot td:not(:first-child), .taula_s tfoot td:not(:first-child){
	border-left:1px dotted #069;
}

.estatjusti1 {
	background-color: #096 !important;
}

.estatjusti2 {
	background-color: #A6C2FF !important;
}

.estatjusti3 {
	background-color: #4A4AFF !important;
}

.estatjusti4 {
	background-color: #F00 !important;
}

.liniajusti1 {
	border-right:3px solid #096 !important;
}

.liniajusti2 {
	border-right:3px solid #A6C2FF !important;
}

.liniajusti3 {
	border-right:3px solid #4A4AFF !important;
}

.liniajusti4 {
	border-right:3px solid #F00 !important;
}

.loading {
	background-image: url(/imatges/icones/loading_blau.gif);
	background-repeat: no-repeat;
}