.sortable { }
.group-caption { display: block; clear:both; padding: 5px 0px; }
.group-items{ display: block; clear:both; }
.icona_moviment { cursor: move; }
.movable-placeholder { background: #F7F4E8; width: 90%; height: 40px; display: block; padding: 15px; margin: 15px 0 0 0; border: dotted 1px #000 !important; }
.icona_moviment, .nom_grup, .codi_grup, .modalitat_grup, .punts_grup, .tutor_grup, .membres_grup, .nousubgrup_grup, .noumembre_grup, .edita_grup, .elimina_grup, .vinculat_grup, .check_grup { display: block; float:left;  }
.icona_moviment, .edita_grup, .elimina_grup, .nousubgrup_grup, .noumembre_grup, .vinculat_grup, .check_grup {
    width: 22px !important; padding: 2px 5px 2px 2px; height: 20px !important; line-height: 20px !important; text-align: center; } /*155px reservats en total*/
.nom_grup.nivell0{  width: calc(58%  - 185px);  } /* 155 + 20 de paddings */
.nom_grup.nivell1{  width: calc(58%  - 225px);  }
.nom_grup.nivell2{  width: calc(58%  - 275px);  }
.nom_grup.nivell3{  width: calc(58%  - 315px);  }
.nom_grup.nivell4{  width: calc(58%  - 355px);  }
.nom_grup.nivell5{  width: calc(58%  - 395px);  }
.nom_grup.nivell6{  width: calc(58%  - 435px);  }
.nom_grup.nivell7{  width: calc(58%  - 475px);  }
.icon.vinculat_grup{ margin-right:0px !important; }
.codi_grup{  width: 10%; }
.modalitat_grup{  width: 7%; }
.check_grup { width: 22px !important; position: relative; }
.check_grup .report-grup { position: absolute; top: 50%; margin-top: -6.5px !important; left: 50%; margin-left: -6.5px !important; }
.punts_grup{  width: 7%; }
.tutor_grup, .membres_grup{  width: 7%; }
.group-caption.linia_clara > .icona_moviment, .group-caption.linia_clara > .nom_grup, .group-caption.linia_clara > .codi_grup, .group-caption.linia_clara > .modalitat_grup, .group-caption.linia_clara > .punts_grup,
.group-caption.linia_clara > .tutor_grup, .group-caption.linia_clara > .membres_grup, .group-caption.linia_clara > .nousubgrup_grup,
.group-caption.linia_clara > .noumembre_grup, .group-caption.linia_clara > .edita_grup, .group-caption.linia_clara > .elimina_grup,
.group-caption.linia_clara > .vinculat_grup, .group-caption.linia_clara > .check_grup {
    background-color: inherit;
}
.group-caption.linia_fosca > .icona_moviment, .group-caption.linia_fosca > .nom_grup, .group-caption.linia_fosca > .codi_grup, .group-caption.linia_fosca > .modalitat_grup, .group-caption.linia_fosca > .punts_grup,
.group-caption.linia_fosca > .tutor_grup, .group-caption.linia_fosca > .membres_grup, .group-caption.linia_fosca > .nousubgrup_grup,
.group-caption.linia_fosca > .noumembre_grup, .group-caption.linia_fosca > .edita_grup, .group-caption.linia_fosca > .elimina_grup,
.group-caption.linia_fosca > .vinculat_grup,  .group-caption.linia_fosca > .check_grup{
    background-color: #FFFFFF !important;
}
.group-caption.linia_clara div{ padding-top:4px; padding-bottom:2px; min-height: 22px; }
/* FI ORDENACIÓ */

/*.group-caption.linia_clara:hover ~ div, .group-caption.linia_fosca:hover ~ div {
    background-color: rgba(217,222,228, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)";
}*/

.submateria a:last-of-type { margin-right: 10px; }
.fletxes_ordre_taula{ float: left; font-size: 12px !important; width: 8px; margin-right: 8px; }
.icon-arrow-carrot-up.ordenacio, .icon-arrow-triangle-down.ordenacio{ position: relative; display: block; height:5px; }
.fletxes_ordre_taula.es_actiu_ASC .icon-arrow-carrot-up.ordenacio{ color: #efefef !important; }
.fletxes_ordre_taula.es_actiu_ASC .icon-arrow-triangle-down.ordenacio{ color: #4570B5 !important; }
.fletxes_ordre_taula.es_actiu_DESC .icon-arrow-triangle-down.ordenacio{ color: #efefef !important; }
.fletxes_ordre_taula.es_actiu_DESC .icon-arrow-carrot-up.ordenacio{ color: #4570B5 !important; }
.innactive{ color: #9B9B9B  ;}
.floatLeft, .floatleft{ float: left !important; }
.floatRight{ float: right !important; }
.img_moodle{ width: 80px; margin-top:-5px; margin-right: 15px;  }
.resum-vincular{ float:left;padding:6px 20px;color:black;width:calc(100% - 40px); }
.notificacions-vincular{ float:left;padding:6px 20px;color:red;display:none; }
.moodle-connectat-ok{font-weight:bold;background-color:green;color:white;padding:5px 10px;border-radius:4px;font-size:11px; display: inline-block; margin-bottom: 3px; }
.moodle-connectat-ko{ font-weight:bold;background-color:red;color:white;padding:5px;border-radius:4px;font-size:11px; display: inline-block; margin-bottom: 3px; }
.lastSyncAct{  margin-right: 5px; max-width: 200px !important; text-align: right !important;  margin-top: -20px; }
.lastSync{ margin-top: 6px;}
.breadcrumbs{  text-transform:capitalize !important; }
.component-filtre { padding-left: 10px; }
.component-filtre .camp-filtre { float: left; margin-right: 20px; }
.component-filtre .camp-filtre input, #filtre-importacio .camp-filtre select { margin-left: 5px; }
.component-filtre .component-filtre-fila { padding-bottom: 15px; }
.component-filtre .camp-filtre .label-block { display: inline-block; margin-right: 10px; }
.component-filtre .camp-filtre .text-opcio, .component-filtre .camp-filtre-block .text-opcio { padding: 0 10px 0 5px; }


.obligatori { color: #CC0000; font-weight: bold; }

.resum-importacio { margin-bottom: 20px; color: #333333; font-weight: bold; }
#resultats-importacio-table { width: 100%; }
#resultats-importacio-table td { color: #333333; }
#resultats-importacio-table .td-error { color: #A94442; }
#resultats-importacio-table .td-success { color: #3C763D; }
#resultats-importacio-table .td-info { color: #31708F; }

.accions-taula { font-size: 16px; margin-top: 10px; padding-left: 10px; }
.input-ajustat { width: 100%; box-sizing: border-box; }
.input-ajustat-mig { width: 49% !important; box-sizing: border-box; margin-right: 10px; }
.td-codi { width: 10%; padding-right: 10px; }
.td-frase { width: 90%; padding-right: 20px; }
.input-error { border: 1px solid #CC0000 !important; }

a { outline: none; }

.input-mini { width: 50px !important; }
.clear-span{ clear: both; display: block; }
#filtre-importacio { margin-bottom: 40px; }
#notificacions { margin-bottom: 20px; }
th.codi-observacio, td.codi-observacio { text-align: center !important; width: 90px !important; font-size: 10px; }
.input-codi-observacio { text-align: center; width: 29px; font-weight: bold; }
.historic-obs-alumne { margin-left: 5px; }
.tooltip-info-content { width: 300px; }
.tag-ieduca { padding: 5px 30px 5px 10px; border-radius: 15px; float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }
.tag-ieduca .tag-ieduca-text { font-weight: bold; }
.tag-ieduca .tag-ieduca-close { font-size: 14px; position: absolute; right: 10px; top: 50%; margin-top: -7px; }
.tag-ieduca .tag-ieduca-close:hover { color: red; }
.tag-ieduca-default { background-color: #E8ECD1; color: #000000; }
.ieduca-control-multiple {  }
.ieduca-control-multiple label { color: #B1B1B0; display: block; padding: 4px 4px 0px 4px; width: auto !important; margin-top: 10px; margin-bottom: 5px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-40 { margin-top: 40px !important; }
#elements-vinculants { margin-top: 40px; }
#elements-vinculants label { display: block; padding-bottom: 10px; }
#elements-vinculants p { padding: 5px; margin: 0; }
#elements-vinculants .taula { margin-left: 10px; }
#elements-vinculants .taula td { padding: 5px; }
#elements-vinculants .taula td:first-of-type { min-width: 200px; padding-left: 0; }
#elements-vinculants span.separador { font-size: 13px; margin: 0 5px; }

#dialeg-afegir-vinculant .component-filtre label { width: 100px; display: inline-block; }
#dialeg-afegir-vinculant .component-filtre select { margin-top: 5px; }

.ocult { display: none; }
#contenidor-accions-massives { margin-top: 10px; }
#contingut-lateral-esquerra { text-align: center; width: 240px; position: absolute; top: 0; left: 0; padding-top: 20px; }
#contingut-centre { margin-left: 240px; }
#contingut-centre #tabs {  }
#contingut-centre #tabs .trimestre-tab { background: none !important; display: flex; align-items: stretch; flex-wrap: wrap; }
#contingut-centre .ui-tabs-panel { padding: 0 !important; }

.breadcrumbs{  text-transform:capitalize !important; }

#form-filtre input[type="text"] { width: 200px;  padding: 2px 5px; }
#form-filtre select { width: 212px; padding: 2px 5px; }
#form-filtre ::-webkit-input-placeholder { color: #000000; }
#form-filtre :-moz-placeholder { color: #000000; opacity: 1;  }
#form-filtre ::-moz-placeholder { color: #000000;  opacity: 1; }
#form-filtre :-ms-input-placeholder { color: #000000; }

.brown { color:#A0522D; }
.yellow { color: #cbcf00; }
.orange { color:#F4A460; }
.green { color:#32CD32 !important; }
.innactive{ color: #9B9B9B  ;}
.centrat_vertical { vertical-align: middle; width: auto; float: left; text-align: center; }
.centrat_horitzontal { margin-left: auto; margin-right: auto; }
.numeros-resultat{ font-size: 25px; padding: 5px; width: auto;  }
.color-ok{ color:#576094; }
.color-error{ color:#E50B0F; }
.color-info{ color:#20BF55;}
.color-warning{ color:#909CA8; }
.numeros-text{ border-right: 1px solid gray; padding: 2px 6px;  }
.centrat_vertical:last-of-type .numeros-text{ border-right: none !important; }
.alertaDiv span.ui-icon-info{ float:left; margin-right:5px; margin-left:10px; margin-top: 2px; }
.alertaDiv span.ui-icon-alert { float: left; margin-right: 5px; margin-left: 10px; margin-top: 2px; width: 14px; }
.visibility-hidden { visibility: hidden; }
.frases-assignables-trimestre { min-height: 300px; float: left; width: 49%; margin-right: 2%; background-color: #FFFFFF; }
.frases-assignables-trimestre .wrapper { padding: 20px; }
.frases-assignades-trimestre { float: left; width: 49%; min-height: 300px; background-color: #FFFFFF; }
.frases-assignades-trimestre .wrapper { padding: 20px; }
.frases-assignades-trimestre h3 { padding: 0; margin: 0 20px 5px 0; }
.frases-assignades-trimestre small { display: block; color: #9B9B9B; margin: 0 320px 0 0; }
.frases-assignades-trimestre .buscador { float: right; }
.frases-assignables-convo { min-height: 300px; float: left; width: 49%; margin-right: 2%; background-color: #FFFFFF; }
.frases-assignables-convo .wrapper { padding: 20px; }
.frases-assignades-convo { float: left; width: 49%; min-height: 300px; background-color: #FFFFFF; }
.frases-assignades-convo .wrapper { padding: 20px; }
.frases-assignades-convo h3 { padding: 0; margin: 0 20px 5px 0; }
.frases-assignades-convo small { display: block; color: #9B9B9B; margin: 0 320px 0 0; }
.frases-assignades-convo .buscador { float: right; }

#info-and-pagination { display: table; width: 100%; margin-top: 10px; }
#info-and-pagination div { display: table-cell; vertical-align: middle; }
#info-and-pagination div a:hover { color: #4570B5; font-weight: bold; }
#info-and-pagination #anterior-alumne { width: 1px; font-size: 20px; padding: 0 0 0 10px; text-align: right; }
#info-and-pagination #nom-alumne { text-align: center; }
#info-and-pagination #seguent-alumne { width: 1px; font-size: 20px; padding: 0 10px 0 0; text-align: left; }
#info-and-pagination a.disabled { color: #9B9B9B; cursor: default; }
#info-and-pagination a.disabled:hover { color: #9B9B9B !important; cursor: default; }

#alumne-mes-info { padding: 10px; text-align: center; }

.llistat-frases-assignables, .llistat-frases-assignades { max-height: 500px; overflow-y: auto; }
.llistat-observacions { max-height: 200px; overflow-y: auto !important; }
.frase-element { /*font-weight: bold;*/ padding: 10px;  }
.frase-element .frase-element-check { width: 25px; vertical-align: top; }
.frase-element .frase-element-codi { width: 50px; vertical-align: top; }
.frase-element .frase-element-text { width: 98%; }
.frase-element .frase-element-accio { width: 2%; text-align: right; }
.frase-element .nom-unitat { color: #9B9B9B; font-size: 16px; padding-top: 10px; }
.frase-element .grup-frase-nom { color: #9B9B9B; font-size: 13px; padding-top: 5px; }
.frase-element .check-frase, .frase-element .check-fraseMyObs { margin-left: 0 !important; }

div.buscador button, .esborrarFullClasse { cursor: pointer; }
.btn-delete-assignada { display: inline-block; }
.no-hover, .no-hover:hover { background-color: transparent !important; }
.hover-white:hover { color: white !important; }
.llistat-cronologic-obs { padding: 10px; min-height: 300px; }
.llistat-cronologic-obs .buscador { float: right; }
.text-avaluacio { font-weight: bold; }
td.noms_alumnes { position: relative; }
td.noms_alumnes a:last-of-type { position: absolute !important; right: 10px; top: 50%; margin-top: -8px; }
#termini-assignables, #termini-assignades { width: 180px; padding: 4px; }
#text-frase { outline: none; }
.sense-brackground { background: transparent !important; border: none !important; }
.col-nota-final { text-align: center !important; }
.td-nom-alumne { padding: 10px 30px 10px 10px !important; }
.taula-header-trimestre td, .bloc-trimestre { border-bottom: none !important; }

@media (max-width: 1280px) {
    .frases-assignables-trimestre { width: 100%; margin-right: 0; min-height: 0; }
    .frases-assignades-trimestre { width: 100%; margin-top: 20px; }

}

.area-alertes-wrapper { padding-top: 10px; padding-bottom: 10px; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-40 { padding-top: 40px !important; }

.input-block {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.padding-0 { padding: 0 !important; }
.padding-10 { padding: 10px; }
.form-grup-notes { margin-bottom: 20px; }
.titol-tooltip { margin: 0 0 10px 0; padding: 0; }
.nom-grup-frase { margin-bottom: 5px; width: 100%; box-sizing: content-box; }
.label-block { width: auto !important; display: block !important; }
.nom-responsable { padding: 0 5px 5px 5px; margin-right: 20px; float: left; font-style: italic;  }

.info-pagador { margin-bottom: 10px; }
.info-pagador label { width: auto !important; margin-left: 5px; }
.info-pagador .ieduca-control { margin-left: 5px; }
.tipus-pagador label { display: inline-block !important; width: auto !important; margin: 10px 10px 10px 5px; }

#grups-frases-filtre { margin-bottom: 10px; }
#grups-frases-taula { height: 500px; overflow: auto; }
#dialeg-alumnes-content { height: 300px; overflow: auto; }

.kc-td { cursor: pointer; }
.contingut-wrapper { position: relative; min-height: 450px; background: none; }
.tit2-wrapper { padding-left: 10px; padding-right: 10px; }
img.persona-foto-perfil { width: 180px; }
.taula-materies-matricula input { width: 45px !important; }

#notificacions-guardies { margin-bottom: 20px; }
img.persona-foto-perfil { width: 180px; }
.ac_results {
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
    padding: 0;
    z-index: 99999;
}
.ac_results ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ac_results li {
    cursor: default;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;

}
.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#opcions-vinculants { min-width: 200px; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-65 { margin-left: 65px !important; }
.margin-right-65 { margin-right: 65px !important; }
.info-contact-kc { font-weight: bold; display: block; text-align: center; margin-top: 10px; }

#desti-copia-programacio { margin-top: 40px; }

#vista-previa-avaluables { margin-top: 10px; }
.fila-amb-errors td { background-color: #F8D7DA; text-align: center; color: #000000; }
.taula-avaluables-gen th, .taula-avaluables-gen td { padding: 0 5px; }
.tag_titol_lletra{ cursor: pointer; float:left;}
.input_tag_titol_lletra{ float:left; margin: 9px 0px; }
.close_tag_categ{ margin-top:2px; padding:0px 2px; float:right; border: none !important; background-color:none !important; padding: 3px 6px; cursor:pointer; }
.fila-nou-nivell td { border-top: 2px solid #777777; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-40 { margin-bottom: 40px; }
.nota-error { font-size: 14px; font-weight: bold; padding: 10px; }
.red-border{ border: 1px solid red; }

/* INTERRUPTOR - Formateamos el label que servirá de contenedor */
.switch { position: relative; display: inline-block !important; width: 33px !important; height: 16px; }
/* Ocultamos el checkbox html */
.switch input { display:none; }
/* Formateamos la caja del interruptor sobre la cual se deslizará la perilla de control o slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 1px; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
/* Pintamos la perilla de control o slider usando el selector before */
.slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 2px; bottom: 2px; background-color: white;-webkit-transition: .4s; transition: .4s; }
/* Cambiamos el color de fondo cuando el checkbox esta activado */
input:checked + .slider { background-color: /*#4570B5;*/#339900; }
/* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); }
/* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
.slider.round { border-radius: 20px; }
.slider.round:before { border-radius: 50%; }

/* INTERRUPTOR VERMELL - Formateamos el label que servirá de contenedor */
/* Formateamos la caja del interruptor sobre la cual se deslizará la perilla de control o slider */
.slider-vermell { position: absolute; cursor: pointer; top: 0; left: 1px; right: 0; bottom: 0; background-color: red; -webkit-transition: .4s; transition: .4s; }
/* Pintamos la perilla de control o slider usando el selector before */
.slider-vermell:before { position: absolute; content: ""; height: 12px; width: 12px; left: 2px; bottom: 2px; background-color: white;-webkit-transition: .4s; transition: .4s; }
/* Cambiamos el color de fondo cuando el checkbox esta activado */
input:checked + .slider-vermell { background-color: /*#4570B5;*/#339900; }
/* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
input:checked + .slider-vermell:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); }
/* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
.slider-vermell.round { border-radius: 20px; }
.slider-vermell.round:before { border-radius: 50%; }


.centrat{ text-align: center !important; }

.taula-notes-trimestres th, .taula-notes-trimestres #notes1 th { vertical-align: bottom; }
.taula-notes-trimestres input{ width: 30px !important; }.red-border{ border: 1px solid red; }
.nota-informativa { font-size: 12px; color: #333333; }
.nom-paginacio-individual { margin: 10px; font-size: 16px; font-weight: bold; padding-left: 5px; padding-right: 10px; }
.inline{ display:inline-block; vertical-align: middle; }

.foto_al { height: 25px;  margin: -3px 4px; }
.num_al{ width: 16px; text-align:right; margin-right: 8px; }
.hores_firmades{text-align:right;color:#576094; float:right; font-size:1.1em; font-weight: bold }
.falta_obs{ display:inline-block; margin: 0px 10px; padding: 2px 6px; border-radius: 10px;}
#overDiv{ background-color: red !important; }
.linia_dreta{ border-right: 1px solid #bccad2; }
#credits { font-size: 16px; }
.nom_al a{ display:block; width: 190px; }
.pendent_enviar{ color: #999999; font-style: italic; font-size:0.9em;}
.bloc-sms { width: 380px; }
.destinataris-sms { width: 100% !important; margin-bottom: 10px; }
.label-telefon-sms { font-weight: normal !important; width: 100% !important; }
.input-telefon-sms { width: 98%; margin: 0 auto; }
.textarea-sms { width: 98%; margin: 0 auto; }

.resum-vincular-container { padding:15px 10px 0 10px; }
#notificacions-vincular { padding:15px 10px 0 10px;display:none; }


.scrollh_assist_vista_diaria {
  position: relative;
  overflow: hidden;
  border-collapse: collapse;
}
.scrollh_assist_vista_diaria thead {
  position: relative;
  display: block; 
  overflow: visible;
}
.scrollh_assist_vista_diaria thead th:nth-child(1) {
  position: relative;
  display: block; 
  background-color: #ffffff;
  width: 279px;
  border-right: 1px solid #666666;
  
}
.scrollh_assist_vista_diaria tbody {
  position: relative;
  display: block;
  height: 400px;
  overflow: auto;
}
.scrollh_assist_vista_diaria tbody tr td:nth-child(1) { 
  position: relative;
  display: block;
  height: 36px;
  width: 280px;
  z-index: 9;
  border-right: 1px solid #666666;
}
#ui-datepicker-div {  z-index: 99999 !important; }
.scrollh_assist_vista_diaria.grups_horari tbody tr td:nth-child(1) {  width: 200px !important; }
.scrollh_assist_vista_diaria.grups_horari thead th:nth-child(1){ font-size: 2em; width: 200px !important;}
.scrollh_assist_vista_diaria.grups_horari thead th > div, .grups_horari tbody td div{ width: 100px !important; font-size: 13px; overflow: hidden; }
.taula_barradies th {  border-left: 1px solid #d9d9d9; } 
.nomsdies th {  border-left: 2px solid #d9d9d9 !important; } 
.taula_barradies th:nth-child(1){ border-left: none; }
.nomsdies th:nth-child(1){ background-color: white !important;  border-right: 1px solid #666666 !important;}
.bold16{ font-size: 15px; color: black; margin-right: 8px; font-weight: bold;  }
.separa16{ margin-top: 5px;}
.padTopBot10 { padding: 10px 0px !important; }
.foto_perfil_rodo50{ width: 50px; height: 50px; }
.table, .table100{ display: table; }
.table100{ width: 100%;  table-layout: fixed; }
.tablerow{ display: table-row; }
.tablecel{ display: table-cell; vertical-align:top; padding: 10px 2px; }
.info_disciplina .info_pers{ width: calc(100% - 195px); }
.th_revisada{ float: right; margin-right: 135px; } 
.dialog h1{ font-size: 14px !important; text-align: center; padding-top: 0px !important; width: 95%; font-weight: bold; margin-top:0px !important;}#notificacions-vincular { padding:15px 10px 0 10px;display:none; }

#cicle_alumne { margin: 0 10px 10px 0; }

.no-wrap-spaces { white-space: nowrap; }

.ieduca-col { float: left !important; }
.ieduca-col05 { width: 4.16666665%;}
.ieduca-col1 { width: 8.333333%;}
.ieduca-col2 { width: 16.666667%; }
.ieduca-col25 { width: 20.83333%; }
.ieduca-col3 { width: 25%; }
.ieduca-col4 { width: 31.2%; }
.ieduca-col5 { width: 41%; }
.ieduca-col6 { width: 50%; }
.ieduca-col7 { width: 58%; }
.ieduca-col8 { width: 66.666667%; }
.ieduca-col9 { width: 75%; }
.ieduca-col10 { width: 83.333333%}
.ieduca-col11 { width: 91.666667%; }
.ieduca-col12 { width: 100%; }

.ieduca-col-resize-25{ width: 100% }
@media only screen and (min-width: 600px) { .ieduca-col-resize-25{ width: 50% } }
@media only screen and (min-width: 992px) { .ieduca-col-resize-25{ width: 25% } }

.ieduca-col-resize-20{ width: 100% }
@media only screen and (min-width: 600px) { .ieduca-col-resize-20{ width: 30% } }
@media only screen and (min-width: 992px) { .ieduca-col-resize-20{ width: 20% } }

.floatleft { float:left; }
.floatright{ float:right; }

.nom_assist{ padding-top:10px !important; display:block; text-align:left !important; }
.nom_assist_right{ text-align:floatRight; padding-right: 20px; padding-bottom: 20px; }
#ufs.error { border: 1px solid #CC0000; }
#select-ufs-error.error { display: block; color: #CC0000; margin-top: 5px; }
.observacions-alumne { height: 70%; overflow-y: auto; }
.reservar_aula { vertical-align: middle; }
.reservar_aula > div { vertical-align: absmiddle; }
.amplealt100 { position: relative; width:100%; height: 100%; }
td.hores_reserves { position: relative; height: 80px; /* padding: 50px 10px 40px 20px; */ }
.wh100{ width: 100%; height: 100%; top:0px; }
.padding_taula_checkAll { padding-bottom: 1.5%; }
.v-align_super { vertical-align: super; }
.cercle {
    width: 31px;
    height: 31px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid red;
}
.cercle1 {
    width: 1.2rem;
    height: 1.2rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: gray;
}
.cercle2 {
    width: 1.5rem;
    height: 1.5rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: gray;
}
.nom_centrat_foto {
    position: relative;
    top: 7px;
}
.align_right { text-align:right !important; padding-right: 30px; }
.maxim-width-80 { max-width: 80%; }
.maxim-width-20 { max-width: 20%; }
.text_blanc { color: #FFFFFF !important; }
.no_salt_linia { white-space:nowrap; }
.float_none { float: none !important; }
.separacio_icones { padding-right: 5px; }

.finestra-amb-padding { padding: 10px; }
#boto-link-observacions { margin-top: 20px; }
th .tfaltag { margin-right: 0 !important; }
.alineat-dreta { text-align:right !important; }
.alineat-esquerra { text-align:left !important; }

.foto-tooltip { height: 152px; }

.relatiu { position: relative; }

#panel-contactes .contactes-bloc:first-of-type { margin-top: 5px; }
#panell-dades-personals span { display: block; width: 120px; float: left; }
 
.taula-amb-info { width: 480px; }
.taula-amb-info td { padding: 4px; }               
.taula-amb-info tr td:first-of-type { border-bottom: none !important; width: 120px; padding-left: 0 !important; }
 
p.tutor-info { margin: 0; padding: 5px 0 5px 20px; background-image: url("../imatges/pares_n.png"); background-size: 16px 16px; background-position: center left; background-repeat: no-repeat; }

#guardies-control { display: table; width: 100%; margin-bottom: 20px; }
#guardies-control #guardies-calendari { display: table-cell; width: 50%; text-align: right; vertical-align: top; padding-right: 10px; }
#guardies-control #guardies-calendari .titol-calendari2 { font-size: 14px; font-weight: bold; margin: 0 10px 10px 0; padding: 0; }
#guardies-control #guardies-professorat { display: table-cell; width: 50%; text-align: left; vertical-align: middle; padding-left: 10px; }

.negreta { font-weight: bold; }
.transparent { background-color: transparent !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.invisible { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden;	position: absolute; z-index: -1; }
.form-upload { text-align: center; }

#llistat-notificacions-print { border-collapse: collapse; }

.form-nou-espai { width: 410px; margin: 0 auto; }
.carrec_organigrama{ border-top: 1px solid #e9edf5; margin-top: 15px; }
.carrec_organigrama:first-of-type{ border: none !important; margin-top: 0px !important; }
.organigrama .prof{ margin: 5px 0px 0px 15px; }
.organigrama h1 small { font-size:14px; padding-left: 10px; color: #666666 !important; }
.clase_0{ padding-left: 10px !important; }
.clase_1{ padding-left: 20px !important; }
.clase_2{ padding-left: 30px !important; }
.clase_3{ padding-left: 40px !important; }
.clase_4{ padding-left: 50px !important; }
.clase_5{ padding-left: 60px !important; }
.clase_6{ padding-left: 70px !important; }
.clase_7{ padding-left: 80px !important; }
.clase_8{ padding-left: 90px !important; }
.clase_9{ padding-left: 100px !important; }
.clase_10{ padding-left: 110px !important; }
.clase_11{ padding-left: 115px !important; }
.clase_12{ padding-left: 120px !important; }
.clase_13{ padding-left: 125px !important; }
.clase_14{ padding-left: 130px !important; }
.clase_15{ padding-left: 135px !important; }
.box-amb-scroll { overflow-x: hidden; overflow-y: auto; height: 300px; padding: 5px; }
.fons_gris { background-color: #666666 !important; }
.fons_gris > a { background-color: #666666 !important; }
.quadrat_colorpicker { display:inline-block;width:20px;height:20px; }
.noUsuari{ color: red; }

#contingut #tabs{ /*padding: 5px 0px !important;*/ }
#contingut #cicle_alumne + #tabs{ padding: 5px 10px !important; }
#contingut #tabs .ui-tabs-panel{ padding: 1em 0em !important; }

.tdisciplina{background-color: #4670B5 !important;}
.posiciona-dreta{
    display:inline-block;
    position:absolute;
    right:0;
    margin-right: 30px;
}

.disciplina-destinatari label { padding-left: 0 !important; padding-right: 1 !important;margin-bottom: 100px !important;}
.disciplina-destinatari { margin-bottom: 6px;}
.checkParesDisc { margin-left:32px; }
.fullBar {height: 4px;opacity: 0.1;background-color: #232425; width:200px;}
.fullBar-control-faltes {width: 100px !important}
.loadedBar {height: 4px; background-color: #4670b5;}
.taula-estadistiques-asisstencia { width: 400px; border-radius: 3px;box-shadow: 0 2px 4px 0 rgba(35, 36, 37, 0.3);background-color: #ffffff; border: solid 1px #f3f4f6;}
.text-taula-estadistiques-asisstencia { font-family: Lato; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #232425;}
.title-taula-estadistiques-asisstencia { font-family: Lato; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #000000;}
.boto-basic-text{  height: 17px;  font-family: Lato;  font-size: 14px;  font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: normal;  text-align: left;  color: #ffffff;}
.form-label-title { height: 19px;  font-family: Lato;  font-size: 16px;  font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: normal;  text-align: left;  color: #333333; display: inline;}
.contingut_faltes {width: 100% !important;}
.taula-faltes-informe-global td {padding: 0px;}
.taula-faltes-informe-global th {padding: 0px;}
table.taula-faltes-informe-global space { border: 0; border-spacing: 0;} 
table.taula-formulari-informe-global {table-layout: fixed; padding-left: 25px !important; padding-right: 25px; width: 100%; align: center; bgcolor : #FFFFFF;}
.wrapper-taula-assistencia{margin-right: 25px;}
.header-taula-assistencia-informe-global{ height: 47px; left: 0px;}
.posicio-fitxa-alumne {position: absolute; right: 0; top: 5px;}
.botons-accions {margin-top: 15px; text-align: center; margin-bottom: 15px;}
.rodona-faltes-calendari .tfaltap{ margin-top: 2px; }
.punt-falta-calendari{ width: 7px !important; height: 7px !important; border-radius: 40px;}
.td-control-faltes-calendari {width: 41px; height: 41px; text-align:center;}
.break-line{display: block !important;}
.break-line::after{content:"\000A"; white-space: pre;}
.rodona-falta > .button_circle{background-color: #4670b5 !important;}
#calendari-informe-anual-alumne .td-control-faltes-calendari{width: 47px !important; height: 47px !important;}
.display-inline{display: inline !important;}
.center > .foto_perfil_rodo50 {float: 0 !important;}
.foto_perfil_rodo60 {
    height: 60px; width: 60px ; border:1px solid #b3b3b3; border-radius: 30px; color: #ccc;
}
.noUsuari{ color: red; }
.clase_15{ padding-left: 135px !important; }

#contingut-popup { padding: 10px; }

li.select2-results__option { text-align: left; }

#altres-classes { height: 90px; overflow-y: auto; }
#filtre-classes-existents { margin-bottom: 10px; }
#classes-existents { height: 435px; overflow-y: auto; }
#llistat-faltes-boto { margin-left: 10px; }

.percentatge-tag { display: inline-block; width: 43px; border-radius: 4px; padding: 2px 6px; text-align: center; position: relative; right: -30px; top: -2px; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.percentatge-tag span { font-size: 13px; font-weight: 700; }
.contingut-faltes{background-color: #fff;margin-bottom:10px;padding:10px 20px;} 
.mida-input-data {max-width: 170px !important;}  

.checkbox-disabled-alert {color: #ea3324; float: none !important;}
.checkbox-disabled-text {color: #9b9b9b;}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.taula-faltes-informe-global tbody tr {
    height: 36px !important; 
}

.taula-faltes-informe-global thead th:nth-child(1) {
    width: 280px !important;
}

.taula-faltes-informe-global tbody tr td:nth-child(1) {
    width: 280px !important; 
}

.width-rodona-falta{
    width: 35px;
}

.la-resta { cursor: pointer; }

.td-linia-incidencia{
    border-left: 5px red solid;
}
.titolIncidencia{
    font-size: 16px;
}


.taula-llistat-notes {
  position: relative;
  overflow: hidden;
  border-collapse: collapse;
}


.taula-llistat-notes thead {
  position: relative;
  display: block; 
  overflow: visible;
  width: 170vh;
}

.taula-llistat-notes tbody {
  position: relative;
  display: block;;
  overflow: auto;
  height: 77vh;
  width: 170vh;
}
.posicio-icones-alumne {position: absolute; right: 5px; top: 5px;}
.fontsize-24 { font-size: 24px !important; }

.taula-arbre-permisos-header {
    padding-right: 14px;
}

.taula-arbre-permisos {
    width: 100%;
}

.taula-arbre-permisos tr td:nth-child(1) {
    width: 50% !important;
}

.taula-arbre-permisos th:nth-child(1) {
    width: 50% !important;
}

.taula-arbre-permisos th {
    width: 10%;
}

.taula-arbre-permisos tr td {
    width: 10%;
}


.display-block{
    display: block;
}

.opcions-suport{
    width: 100%;
}

@media all and (min-width: 950px){
   .inputs-suport{ float: left !important; width: 41.666667% !important; }
   .preguntes-suport{ float: left !important; width: 50% !important; } 
}

.inputs-suport{width: 100%; }
.preguntes-suport{width: 100%; }

.align-right{text-align: right !important;}

.padding-right-55{padding-right: 55px !important;}

.eliminar-interlineat{line-height: 0 !important; }
.padding-right-55{padding-right: 55px !important;}
.input-hora{font-family: Lato;}
.estat-sortida{  box-sizing: border-box; text-align: center; border-radius: 2px; padding: 0.3rem; white-space: nowrap; font-size: 13px; }
.estat-guardia-sortida{  box-sizing: border-box;  text-align: center; border-radius: 2px; padding-left: 2px; padding-right: 2px; white-space: nowrap; font-size: 13px; max-width: 5rem; }
.estat-1{background-color: #dcdde2;}
.estat-1 > span, .estat-1 > div, .estat-1-option { color: #7e8798 !important; }
.estat-2{background-color: #f7e6d2;}
.estat-2 > span, .estat-2 > div, .estat-2-option { color: #f2a34a !important; }
.estat-3, .estat-4, .estat-5{background-color: #d6f5e0; }
.estat-3 > span, .estat-4 > span, .estat-5 > span, .estat-3 > div, .estat-4 > div, .estat-5 > div, .estat-3-option, .estat-4-option, .estat-5-option  { color: #1bc453 !important; }
.estat-6{background-color:#d6e2f5;}
.estat-6 > span, .estat-6 > div, .estat-6-option { color: #4670b5 !important; }
.estat-7{background-color: #f6d8d8; }
.estat-7 > span, .estat-7 > div, .estat-7-option { color: #e84a4a !important; }

.tr-linia-sortida-estat-1 > td:first-child{ border-left: #7e8798 4px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.tr-linia-sortida-estat-2 > td:first-child, .linia-retard-gestionant { border-left: #f2a34a 4px solid; margin-bottom: 5px !important; padding: 5px 15px; width: fit-content;}
.tr-linia-sortida-estat-3 > td:first-child, .tr-linia-sortida-estat-4 > td:first-child, .tr-linia-sortida-estat-5 > td:first-child, .linia-retard-justificat { border-left: #1bc453 4px solid; margin-bottom: 5px !important; padding: 5px 15px;width: fit-content;}
.tr-linia-sortida-estat-6 > td:first-child { border-left: #4670b5 4px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.tr-linia-sortida-estat-7 > td:first-child, .linia-retard-injustificat { border-left: #e84a4a 4px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.estat-ok{ color: #33cc66 !important; }
.estat-ko{ color: #ed5454 !important; }
.estat-processing{ color: #f19a38 !important; }
.estatACCEPTED{background-color: green;}
.estatPOSTPONED{background-color: #1E90FF;}
.estatDONE{background-color: #00FF00;}
.estatCANCELED{background-color: gray;}
.alert-days-left{background-color:red; width: 22px; color: white; text-align: center; display: inline-block;}

.iconDRAFT{color: #8897a2;}/*Esborrany - Gris*/
.iconPROPOSED{color: #f19a38;}/*Proposada - Taronja*/
.iconACCEPTED{color:#33cc66;}/*Aprovada - Verd*/
.iconTancada{color:#33cc66;}/*Tancada - Verd*/
.iconDONE{color:#4670b5;}/*Realitzada - Blau*/
.iconCANCELED{color:#ed5454;}/*Anulada - Vermell*/
.rati_no_cobert{color:#fea235 !important; font-weight: bold; }
.opacitat_disabled{ opacity: 0.5; cursor: not-allowed !important; }
.sense_click{pointer-events: none;}

.desplegable_estats_sortida { 
    -webkit-box-shadow: 2px 2px 2px 0px rgba(125,125,125,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(125,125,125,1);
    box-shadow: 2px 4px 3px 1px rgba(125,125,125,1);
    z-index: 3;
    background-color: white;
}
.desplegable_estats_sortida .estat-sortida{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; border-bottom: 1px solid #eee; } 
#opcions_estat :hover, .subtabs :hover { background-color: #e9edf5; }
.vertical_sub { vertical-align: sub; display: inline; }
.negre { color:#000000 !important; }
#prof_list { position: absolute; bottom: 1.6rem; left: 0.3rem; min-width: 155px; max-height: 380px; overflow-y: auto; overflow-x: hidden; line-height: 2.20;  border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(35, 36, 37, 0.3);background-color: #ffffff; border: solid 1px #f3f4f6; z-index: 100; }
#aula_list { position: absolute; bottom: 1.6rem; left: 0.3rem; min-width: 115px; max-height: 380px; overflow-y: auto; overflow-x: hidden; line-height: 2.20;  border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(35, 36, 37, 0.3);background-color: #ffffff; border: solid 1px #f3f4f6; z-index: 100; }
#prof_list > div > div { padding-top: 3px; padding-bottom: 3px; padding-right: 20px; padding-left: 5px; border-bottom: 1.5px solid #e9edf5; min-width: 155px; line-height: 1.75; }
#aula_list > div > div { padding-top: 3px; padding-bottom: 3px; padding-right: 20px; padding-left: 5px; border-bottom: 1.5px solid #e9edf5; min-width: 115px; line-height: 1.75; }
#prof_list > div > div:first-child, #aula_list > div > div:first-child { border-bottom: 3px solid #e9edf5; }
#prof_list > div :hover, #aula_list > div :hover { background-color: #e9edf5; cursor: pointer; }
#subtabs { padding: 10px; border: none; }
#subtabs > ul { border-bottom: 1px solid #dddddd !important; }
#subtabs > ul > li { 
    background: #fff;
    padding: 10px;
    border-left: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    font-weight: 500;
    display: inline-block;
    -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;
    border-bottom: 1px solid white; 
    margin-bottom: -1px; 
}
.inactiu-subtab { background-color: #f4f7fa !important; border-bottom: none !important; margin-bottom: 0px !important; }
#subtabs > ul :hover { background-color: #e9edf5 !important; }
.marge-esquerra-gris { border-left: 1px solid #d9d9d9; }
.nomAl_sortida{ width: 170px; float: left; }
.grupAl_sortida{ width: 75px; overflow: hidden; }
.comment_sortida{ width: 15px; }
.alerta_padding{ padding: 15px 0 15px 10px !important; }
.ajustarMiddle{ vertical-align: middle; }

/*#menu_prof, #menu_aula{ position: absolute;}*/

/*.ui-timepicker-standard{ overflow: auto !important; }
.ui-timepicker-standard ul.ui-timepicker-viewport{display: inline; }
.ui-timepicker-standard ul li.ui-menu-item{ display: inline; width: 40px; }
.ui-timepicker-standard a { display: inline-flex !important; }*/

.assitSortida .num_al{ margin-right: 4px; }
.assitSortida .nomAl_sortida { width: 145px; }
.assitSortida .grupAl_sortida { width: 75px; }
.assitSortida .nom_al a{ width: 10px; }
.sortidaHomeAgenda{ border-left: 5px solid #3c609b; }
.dialegUfs{
    padding: 1px;
    color: #10a332;
    border-left: 0.5px solid #2fc650 !important;
    border-top: 0.5px solid #2fc650 !important;
    border-right: 0.5px solid #10a332 !important;
    font-weight: 750;
    display: inline-block;
    -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;
    border-bottom: 1px solid #10a332 !important; 
    margin-bottom: 1px; 
}
.gris{
    color:gray;
    border-color:gray !important;
}
.negre{
    color: black;
    border-color:#d8d8d8 !important;
}
.optionTitle{ font-weight: bold; color: #B3B3B3; font-style: italic; }
.imgPersonaOrla{ width: 138px; height: 205px; overflow: hidden; float: left !important; margin-right: 0.7rem; margin-bottom: 5px; text-align: center; }
.imgPersonaOrla img{ height: 152px; }
.accioAlineaPaginador{ width: 50%; margin-top: -20px;  margin-bottom: 15px;}
.selectAmbIcons{ font-family: "fontAwesome", sans-serif; }
.loader {
    position: absolute;
  left: calc(50% - 60px);
  border: 12px solid #f3f3f3; /* Light grey */
  border-top: 12px solid #4670b5; /* Blue */
  border-radius: 50%;
  width: 75px;
  height: 75px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.txt_destacat{ background-color: yellow; font-weight: bold; }
.elementsSimilars{ max-height: 300px; }
#temps_trascorregut{ text-align: center; }
.prova_width50{ width: 50% !important; }
.llistat-detalls-error { max-height: 500px; overflow-y: auto !important; }
.card {
    width: 90%;
    height: 90%;
    border: 10px dashed aliceblue;
    padding: 60px 20px;
    margin: 10px;
    font-size: 30px;
    color: lightsteelblue;
    text-align: center;
}
.boto_verd {
    font-size:16px;
    color:green !important;
    display:inline-block !important;
    vertical-align: middle;
}
.estudi_no_visible {
    opacity: 0.55;
    filter: Alpha(Opacity=55);
    background-image: none;   
}
.llegendaFitxador{
    vertical-align: middle;
    padding-right: 50px;
    color: #6f6f6e;/*#B3B3B3;*/
    position: relative;
    bottom: 60px; /*30px*/
}
.llegendaFitxador > ul  {
    padding-inline-start: 2px !important;
}
.llegendaFitxador > ul > li {
    display: inline; /*ee*/
}
.ui-dialog{
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.colorGris{ background-color: #efefef !important; }
.colorRosa{ background-color: #FDEDEC !important; }
.colorLila{ background-color: #F4ECF7 !important; }
.colorBlau{ background-color: #EBF5FB !important; }
.colorVerd{ background-color: #E9F7EF !important; }
.colorGroc{ background-color: #FEF9E7 !important; }
.colorTaronja{ background-color: #FDF2E9 !important; }
.colorGrisOcre{ background-color: #F2F4F4 !important; }
.celaNotes:hover { 
  -webkit-box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
    -moz-box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
    box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
}
.celaNotesSelected { 
  -webkit-box-shadow:inset 0px 0px 0px 3px #4670B5 !important;
    -moz-box-shadow:inset 0px 0px 0px 3px #4670B5 !important;
    box-shadow:inset 0px 0px 0px 3px #4670B5 !important;
}.colorGrisOcre{ background-color: #F2F4F4 !important; }
.botoVermell{ background-color:red !important;color:white; }
.btn-icon-active::before{ color:white !important; }
.fitxarNoPermes{ font-size: 0.8rem; text-align: center; padding: 15px 5px 5px 5px; display: block; color: gray;}
.btn-icon{
    background-color: lightgray;
    padding: 3px 4px;
    margin-left: 3px;
    border-radius: 5px;
}
.btn-icon-active{ background-color: #4670b5 !important; }
.marge-esquerra-10 { margin-left: 10px; }
.font-size-50 { font-size: 50px }
.marge-top-minus30 { margin-top: -30px }
.etiqueta-div {
    background: #efefef; 
    padding: 4px 8px 4px 6px; 
    border-radius: 10px; 
    width: fit-content;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}
.botoFonsBlanc {
    background-color: white;
    border: 1px solid var(--ieducaColor);
    color: var(--ieducaColor) !important;
}
.botoFonsBlanc:hover { color: white; } 
.capcalera_notes{
    margin-top: 5px;
}
.desplegableTrimestre{
    padding: 4px 25px 4px 4px !important; 
    font-weight: 700;
    background-color: aliceblue;
    border-bottom: 1px solid grey;
}
.botoRodo-lletra{
    font-size: 12px;
    font-weight:bold;
    color: white;
    background-color: #4670b5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
}
.div-amb-scroll { overflow-x: hidden; overflow-y: auto; height: auto; max-height: 220px }
.capcalera_competencies_notes {
  color:black;
  font-size: 10px;
   /*border-right:1px solid #999999; comento pq desquadra la vista anual quan hi ha codi obs */
  width:62px;
  min-width:62px;
  max-width:62px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.capcalera_competencies_notes_comentari { color:black; font-size: 10px; width:40px; min-width:40px }
.celaNotesDef:hover { 
  -webkit-box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
    -moz-box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
    box-shadow:inset 0px 0px 0px 2px #4670B5 !important;
}
.colorProcessant { 
    color: #00a0fF;
}
.rodonaSatisfaction {
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    border-radius: 50%;
}

#taulaRubrica tr{
    border-bottom: 1px solid blue;
}
.exclamacio_peque{
    font-weight: bold;
    font-size: 17px;
}
.exclamacio_gran{
    font-weight: bold;
    font-size: 17px;
}
.padding5{padding: 5px;}
.shortBtn{
    min-width: 40px !important;
    line-height: 15px !important;
}
.rayas-diagonales {
  background: repeating-linear-gradient(
    45deg,
    #b7c9e6,
    #b7c9e6 10px,
    #8b9ebb 10px,
    #8b9ebb 20px
  );
}
.border-rayas-diagonales{
    border: solid 1.5px #8b9ebb !important;
}
.enllac-negre {
  color: black !important;
}

.enllac-negre:visited {
  color: black !important;
}
.width10Perc {
    width: 10%;
}
.estat-public{
    background-color: #d6f5e0; 
     color: #33CC66 !important; 
}
.estat-privat{
    background-color: #dcdde2;
    color: #4e535c !important; 
}
.estat-visible-amb-nota{
    background-color: #f7e6d2;
    color: #ce7816 !important;
}
.contenedor-frases {
    display: flex;
    flex-wrap: wrap;
}
.bloque-frases {
    width: 50%;
}
@media (max-width: 900px) {
    .contenedor-frases {
        flex-direction: column;
    }

    .bloque-frases {
        width: 100%;
    }
}