@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?x7qitq");
  src: url("fonts/icomoon.eot?x7qitq#iefix") format("embedded-opentype"),
    url("fonts/icomoon.ttf?x7qitq") format("truetype"),
    url("fonts/icomoon.woff?x7qitq") format("woff"),
    url("fonts/icomoon.svg?x7qitq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*Per que el llibre digital i eCasals tinguin el mateix format*/

* {
  margin: 0px;
  padding: 0px;
  outline: 0;
}

#frmAutoSolucionable {
  padding: 10px;
  margin: 10px 0 30px 0;
  background-color: #aaa;
}

#txtTitleAutoSolucionable {
  float: left;
  margin-left: 37px;
  font-weight: bold;
  color: #231f20;
}

#btnEnviaFullAuto,
#btnNetejaFullAuto,
#btnTransparent {
  float: left;
  /* margin-top: 10px;
    margin-left: 16px; */
  /* width: 104px;
    height: 23px; */
  cursor: pointer;
}

#btnEnviaFullAuto,
#btnNetejaFullAuto,
#btnAutoavaluacio,
#divResultatSolFullAuto a {
  margin-left: 28px;
  margin-top: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

#btnEnviaFullAuto:before {
  content: "\e909";
  font-family: "icomoon";
  font-size: 10px;
  margin-right: 5px;
}

#btnNetejaFullAuto:before {
  content: "\e984";
  font-family: "icomoon";
  font-size: 14px;
  margin-right: 5px;
}

#btnAutoavaluacio:before {
  content: "\e90e";
  font-family: "icomoon";
  font-size: 14px;
  margin-right: 5px;
}

#contenidor-resultat-activitats {
  display: flex;
}

div#contenidor-resultat-activitats
  > a#btnNetejaFullAuto
  + div#divResultatSolFullAuto {
  border-left: 1px solid grey;
}

#divActivitats #divResultatSolFullAuto .centrat-vertical,
#divContenidorResultats #divResultatSolFullAuto .centrat-vertical {
  display: flex;
  align-items: center;
  height: 100%;
}

#divActivitats #divResultatSolFullAuto .btn.btn-secondary,
#divContenidorResultats #divResultatSolFullAuto .btn.btn-secondary {
  margin-left: 20px;
  margin-bottom: 0px;
}

#divResultatSolFullAuto {
  margin-left: 20px;
  padding-left: 20px;
  font-size: 12px;
  display: flex;
  align-items: flex-end;
}

#btnNetejaFullAuto div {
  margin-left: 22px;
  color: #231f20;
}

#btnNetejaFullAuto,
#btnTransparent {
  display: none;
}

.separadorSolFullAuto {
}

#contenidor-resultats-activitats {
  display: flex;
  align-items: center;
}

#divResultatSolFullAuto {
  display: none;
}

#divActivitats #btnEnviaFullAuto.btn.btn-secondary,
#divActivitats #btnNetejaFullAuto.btn.btn-secondary,
#divActivitats #btnAutoavaluacio.btn.btn-secondary,
#divContenidorResultats #btnEnviaFullAuto.btn.btn-secondary,
#divContenidorResultats #btnNetejaFullAuto.btn.btn-secondary,
#divContenidorResultats #btnAutoavaluacio.btn.btn-secondary {
  background-color: var(--color1);
  border: 1px solid var(--color1);
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

#divContenidorResultats #frmAutoSolucionable {
  display: none;
  /*estem a la pantalla partida on ja ens estem autoavaluant*/
}

#divMsgFullAuto {
  float: left;
  width: 485px;
  background-color: #fff;
  border-top: 1px solid #656465;
  border-right: 1px solid #656465;
  border-bottom: 1px solid #656465;
  border-left: 1px solid #656465;
  margin-left: 15px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 5px;
}

#divMsgFullAuto:before {
  content: url("img/backgroundMsgNoAutoavaluable.png");
  margin-left: -15px;
  margin-top: -6px;
  float: left;
}

#divMsgFullAuto span {
  color: #414042;
  width: 485px;
  display: table-cell;
  vertical-align: middle;
}

#divTxtIntentsRestants {
  float: left;
  width: 70px;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  color: #231f20;
}

#divContentQuedenNintents {
  float: left;
  margin-top: 14px;
  width: 32px;
  height: 23px;
  background: url("img/numIntents.png") no-repeat;
}

#divQuedenNintents {
  float: left;
  font-weight: bold;
  margin-left: 14px;
  color: #2bb673;
  font-size: 16pt;
}

.fullActivitatsCasals {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  width: 733px;
  font-size: 11pt;
  padding-left: 5px;
  box-sizing: content-box;
}

.fullActivitatsCasals .contenidorActivitat {
  background-color: transparent;
  border-bottom: 1px dotted #000;
  margin-top: 20px;
  overflow: visible;
  padding-bottom: 20px;
}

#divActivitats .fullActivitatsCasals.ui-sortable > .contenidorActivitat {
  background-color: #f5f5f8;
  display: flex; 
  flex-wrap: wrap;
  max-width: 735px;
}

.fullActivitatsCasals .contenidorActivitat.sorting {
  opacity: 0.9;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  width: 754px;
}

.fullActivitatsCasals .ordreHandle {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  float: right;
}

.fullActivitatsCasals .ordreHandle:hover .handle {
  background-image: url('/templates/bold/img/bold/moure_bold.svg');
}

.fullActivitatsCasals .handle {
  background-image: url('/templates/bold/img/bold/moure.svg');
  width: 18px;
  height: 18px;
  cursor: grab;
  margin-top: 2px
}

.activitat-sort-placeholder {
  border: 2px dashed #a0a0a0;
  height: 300px;
  margin: 20px;
}

#divVistaPreviaContent .fullActivitatsCasals .contenidorActivitat {
  overflow: auto;
}

.fullActivitatsCasals .opcionsActivitat {     
  float: left;
  margin-right: 10px;
}

#divActivitats .fullActivitatsCasals .opcionsActivitat {  
  width: 69px;
}
 
#divActivitats .fullActivitatsCasals .opcionsActivitat div[id^='info_competencial_'] div[id^='eti_'] {     
  width: 175%;
} 

#divActivitats .fullActivitatsCasals .opcionsActivitat div[id^='info_competencial_'] div[id^='eti_'] button {     
  position: relative;
  z-index:1;
} 

#divActivitats .fullActivitatsCasals .opcionsActivitat div[id^='info_competencial_'] div[id^='eti_'] .dropdown-menu {     
  position: relative;
  z-index:3;
} 

#divActivitats .fullActivitatsCasals.ui-sortable .opcionsActivitat {
  position: relative;   
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 69px;  
  background-color: #f5f5f8;
  flex-grow: 1;
}

.fullActivitatsCasals .opcionsActivitatSup {
  width: 69px;
  border-bottom: 1px dotted #000;
  margin-bottom: 1px;
  padding-bottom: 8px;
}

.fullActivitatsCasals .opcionsActivitatSupContainer {
  background-color: var(--color1);
  padding: 3px;
  min-height: 30px;
}

.fullActivitatsCasals .activitat {
  background: #fff;
  width: 654px;
  padding-top: 5px;
  float: left;
}

.fullActivitatsCasals .enunciat {
  /*min-height: 150px;*/
  padding-bottom: 20px;
  padding-top: 20px;
  width: 600px;
  margin: 0 auto;
  line-height: 1.3em;
  overflow: auto;
  position: relative;
}

/*.fullActivitatsCasals input {
	border: 2px ridge #7c7c7c;
	font-size:10pt;
	margin: 1px;
}

.fullActivitatsCasals select {
	border: 2px ridge #7c7c7c;
	font-size:10pt;
	margin: 1px;
}

.fullActivitatsCasals textarea {
	border: 2px ridge #7c7c7c;
	font-size:10pt;
	margin: 1px;
}*/

.fullActivitatsCasals input,
.fullActivitatsCasals select,
.fullActivitatsCasals textarea {
  font-size: 10pt;
  margin: 1px 0px;
  max-width: 600px;
}

.fullActivitatsCasals .botoAuto a,
.fullActivitatsCasals .botoAuto a:link,
.fullActivitatsCasals .botoAuto a:visited,
.fullActivitatsCasals .botoAuto a:hover {
  display: block;
  width: 23px;
  height: 30px;
  background: url("img/boto_auto_pla.png") no-repeat;
  float: left;
}

.fullActivitatsCasals .botoBlanc a,
.fullActivitatsCasals .botoBlanc a:link,
.fullActivitatsCasals .botoBlanc a:visited,
.fullActivitatsCasals .botoBlanc a:hover {
  display: block;
  width: 23px;
  height: 30px;
  background: url("img/boto_blanc_pla.png") no-repeat;
  float: left;
}

.fullActivitatsCasals .botoDeures a:link,
.fullActivitatsCasals .botoDeures a:visited,
.fullActivitatsCasals .botoDeures a:hover {
  display: block;
  width: 23px;
  height: 30px;
  background: url("img/boto_deures.png") no-repeat;
  float: left;
}

.fullActivitatsCasals .botoDeures a:hover {
  background-position: 0 -30px;
}

.fullActivitatsCasals .botoDificultat_,
.fullActivitatsCasals .botoDificultat_0,
.fullActivitatsCasals .botoDificultat_10,
.fullActivitatsCasals .botoDificultat_20,
.fullActivitatsCasals .botoDificultat_21,
.fullActivitatsCasals .botoDificultat_30,
.fullActivitatsCasals .botoDificultat_40,
.fullActivitatsCasals .botoDificultat_41,
.fullActivitatsCasals .botoDificultat_50,
.fullActivitatsCasals .botoDificultat_60,
.fullActivitatsCasals .botoDificultat_70 {
  display: block;
  width: 46px;
  height: 30px;
  float: left;
}

.fullActivitatsCasals .botoDificultat_ a,
.fullActivitatsCasals .botoDificultat_0 a,
.fullActivitatsCasals .botoDificultat_10 a,
.fullActivitatsCasals .botoDificultat_20 a,
.fullActivitatsCasals .botoDificultat_21 a,
.fullActivitatsCasals .botoDificultat_30 a,
.fullActivitatsCasals .botoDificultat_40 a,
.fullActivitatsCasals .botoDificultat_41 a,
.fullActivitatsCasals .botoDificultat_50 a {
  display: block;
  width: 46px;
  height: 30px;
}

.fullActivitatsCasals .botoDificultat_,
.fullActivitatsCasals .botoDificultat_0 {
  background-image: url("img/boto_dif_0_pla.png");
}

.fullActivitatsCasals .botoDificultat_10 {
  background-image: url("img/boto_dif_1_3_pla.png");
}

.fullActivitatsCasals .botoDificultat_20 {
  background-image: url("img/boto_dif_1_2_pla.png");
}

.fullActivitatsCasals .botoDificultat_21 {
  background-image: url("img/boto_dif_1_2_pla.png");
}

.fullActivitatsCasals .botoDificultat_30 {
  background-image: url("img/boto_dif_2_3_pla.png");
}

.fullActivitatsCasals .botoDificultat_40 {
  background-image: url("img/boto_dif_2_2_pla.png");
}

.fullActivitatsCasals .botoDificultat_41 {
  background-image: url("img/boto_dif_2_2_pla.png");
}

.fullActivitatsCasals .botoDificultat_50 {
  background-image: url("img/boto_dif_3_3_pla.png");
}

#filaModificarOrdre,
#filaAutoDificultat {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted black;
}

.fullActivitatsCasals .botoModificar a:link,
.fullActivitatsCasals .botoModificar a:visited,
.fullActivitatsCasals .botoModificar a:hover {
  display: block;
  width: 23px;
  height: 30px;
  background: url("img/boto_modificar_pla.png") no-repeat;
  float: left;
}

.noModificar {
  display: block;
  width: 23px;
  height: 30px;
  float: left;
  background: url("img/boto_blanc_pla.png") no-repeat;
}

.fullActivitatsCasals .botoModificar a:hover {
  background-position: 0 -30px;
}

.fullActivitatsCasals .botoReiniciar {
  display: block;
  width: 23px;
  height: 30px;
  background: url("img/boto_reiniciar.svg") no-repeat;
  cursor: pointer;
}

/* Hack para IE 6 */
* html .fullActivitatsCasals .enunciat {
  _height: 100%;
}

.fullActivitatsCasals .solucio {
  /*background-color: #F0F3DF;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-left:5px;*/
  line-height: 1.3em;
  margin: 0 auto;
  width: 598px;
  border: 1px solid #3bac72;
  padding: 5px;
}

/*.fullActivitatsCasals table {
	border: 1px solid #bbb;
	border-collapse: collapse;
}

.fullActivitatsCasals td {
	border: 1px solid #bbb;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
}*/

.fullActivitatsCasals .titolLlistaAgrupar {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffe895;
  color: #000;
  text-align: center;
  font-size: 11pt;
  padding-top: 5px;
  min-height: 23px;
  font-weight: bold;
  border: solid #999 1px;
  border-bottom: 0px;
  border-top-right-radius: 8px;
  /*Estandar*/
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  /*Firefox*/
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  /*WebKit y Safari*/
  -webkit-border-top-left-radius: 8px;
  -ms-border-radius-topleft: 8px;
  /*IE 8 Modo IE8*/
  -ms-border-radius-topright: 8px;
  -khtml-border-radius-topleft: 8px;
  /*Konqueror*/
  -khtml-border-radius-topright: 8px;
  overflow: hidden;
}

.opcio_relacionar {
  width: 20px;
  height: 20px;
  background-color: #fc0;
  float: right;
  cursor: pointer;
  margin: 1px;
}

.resposta_relacionar {
  width: 20px;
  height: 20px;
  background-color: #09f;
  float: left;
  cursor: pointer;
  margin: 1px;
}

.agrupar *,
.ordenar * {
  margin: 0px;
}

.agrupar,
.activitats_ordenar {
  margin-top: 10px;
  overflow: auto;
  width: 600px;
  clear: both;
}

.agruparUl,
.agruparUlHoritzontal,
.ordenarUl {
  padding-top: 10px;
  padding-left: 10px !important;
  list-style: none !important;
  margin: 0px;
  _margin-left: 0px;
  /*Hack IE6*/
  text-align: center;
}

.agruparUl {
  padding: 5px !important;
  padding-bottom: 0px;
}

.ordenarUl {
  max-width: 580px;
  padding-bottom: 5px;
}

.agruparUlHoritzontal {
  padding-top: 5px !important;
  padding-left: 2px !important;
}

.agruparLi {
  cursor: pointer;
  border: solid 1px #b8b8b8;
  background-color: #fff8df;
  color: #000;
  clear: both;
  padding: 2px;
}

.agruparLiHoritzontal,
.arrossegarLi {
  cursor: pointer;
  border: solid 1px #b8b8b8;
  background-color: #fff8df;
  color: #000;
  float: left;
  padding: 2px;
  overflow: hidden;
  max-width: 560px;
}

.arrossegarLi {
  margin: 2px !important;
  /* height: 18px; */
}

.agruparLlistaDesti .agruparLiHoritzontal,
.agruparLlistaDesti .agruparLi,
.agruparLlistaGeneral .agruparLi {
  margin-bottom: 5px;
}

.agruparLlistaDesti .agruparLiHoritzontal {
  margin-left: 0px !important;
}

.agruparLlistaGeneralHoritzontal .agruparLiHoritzontal,
.arrossegarLi {
  margin: 0 2px 5px;
}

.agruparHeightDesti .agruparLiHoritzontal {
  float: inherit;
  clear: both;
}

.agruparLi *,
.agruparLiHoritzontal *,
.ordenarLi *,
.ordenarLiHorizontal * {
  vertical-align: middle;
}

.divRespostaOberta {
  width: 100%;
  /*display: none;*/
}

.agruparLlistaGeneral,
.agruparLlistaGeneralHoritzontal,
.llistaArrossegar {
  overflow: auto;
  border: solid #999 1px;
  border-radius: 8px;
  /*Estandar*/
  -moz-border-radius: 8px;
  /*Firefox*/
  -webkit-border-radius: 8px;
  /*WebKit y Safari*/
  -ms-border-radius: 8px;
  /*IE 8 Modo IE8*/
  -khtml-border-radius: 8px;
  /*Konqueror*/
}

.agruparLlistaGeneral {
  float: left;
  width: 129px;
  height: 298px;
}

.agruparLlistaGeneralHoritzontal,
.llistaArrossegar {
  clear: both;
  width: 598px;
  margin-bottom: 10px;
}

.agruparLlistaGeneral .agruparUl {
  min-height: 288px;
}

/*ELIMINAR ESTE ESTILO?*/

.agruparHeightGeneral {
  height: 288px;
}

.agruparLlistaDesti {
  border: solid #999 1px;
  border-bottom-right-radius: 8px;
  /*Estandar*/
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  /*Firefox*/
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-right-radius: 8px;
  /*WebKit y Safari*/
  -webkit-border-bottom-left-radius: 8px;
  -ms-border-radius-bottomleft: 8px;
  /*IE 8 Modo IE8*/
  -ms-border-radius-bottomright: 8px;
  -khtml-border-radius-bottomleft: 8px;
  /*Konqueror*/
  -khtml-border-radius-bottomright: 8px;
  /*overflow: hidden;*/
}

.agruparLlistaDestiContent {
  margin-left: 10px;
  float: left;
  width: 129px;
  height: 300px;
  overflow: auto;
}

.agruparHeightDesti {
  min-height: 259px;
  padding-bottom: 5px;
}

#divOpcionsFullsGrups,
#divLinkedFiles {
  width: 694px;
  margin: 5px auto 0 auto;
}

#divOpcionsTasques {
  width: 100%;
}

#divOpcionsTasques button:focus,
#divOpcionsTasques button:hover {
  outline: none;
}

#divOpcionsFullsGrupHeader,
#divOpcionsTasquesHeader {
  cursor: pointer;
  width: 694px;
  height: 31px;
  border-bottom: 1px solid #fff;
  border-top-right-radius: 10px;
  /*Estandar*/
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  /*Firefox*/
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  /*WebKit y Safari*/
  -webkit-border-top-left-radius: 10px;
  -ms-border-radius-topleft: 10px;
  /*IE 8 Modo IE8*/
  -ms-border-radius-topright: 10px;
  -khtml-border-radius-topleft: 10px;
  /*Konqueror*/
  -khtml-border-radius-topright: 10px;
  color: #271d1b;
  background-color: #ddd;
}

#divOpcionsFullTipus {
  display: none;
  width: 694px;
  /* = 694-paddingleft*/
  height: 20px;
  background-color: #ddd;
}

#divOpcioAquestFull,
#divOpcioGlobals {
  color: #414042;
  height: 20px;
  width: 345px;
  cursor: pointer;
  float: left;
}

.opcioPestanyaText {
  margin-top: 3px;
  text-align: center;
}

.opcioPestanyaActiva,
.opcioPestanyaInactiva {
  border-top-right-radius: 10px;
  /*Estandar*/
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  /*Firefox*/
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  /*WebKit y Safari*/
  -webkit-border-top-left-radius: 10px;
  -ms-border-radius-topleft: 10px;
  /*IE 8 Modo IE8*/
  -ms-border-radius-topright: 10px;
  -khtml-border-radius-topleft: 10px;
  /*Konqueror*/
  -khtml-border-radius-topright: 10px;
}

.opcioPestanyaActiva {
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  font-weight: bold;
}

.opcioPestanyaInactiva {
  border: solid 1px #fff;
}

#divOpcionsFullsGrupOptions {
  display: none;
  width: 650px;
  /* = 694-paddingleft*/
  height: 180px;
  background-color: #ddd;
  padding-left: 44px;
  padding-top: 23px;
  /*28-5 del #divOpcionsFullsGrupOptions div */
}

#divOpcionsTasquesBody {
  overflow: auto;
  background-color: var(--color3);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  /*28-5 del #divOpcionsFullsGrupOptions div */
  padding-bottom: 20px;
  /*28-5 del #divOpcionsFullsGrupOptions div */
}

#divInstrTasques {
  margin-bottom: 1em;
}

#divOpcionsFullsGrupFooter,
#divOpcionsTasquesFooter {
  height: 10px;
  width: 694px;
  background-color: #ddd;
  border-bottom-right-radius: 10px;
  /*Estandar*/
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  /*Firefox*/
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  /*WebKit y Safari*/
  -webkit-border-bottom-left-radius: 10px;
  -ms-border-radius-bottomleft: 10px;
  /*IE 8 Modo IE8*/
  -ms-border-radius-bottomright: 10px;
  -khtml-border-radius-bottomleft: 10px;
  /*Konqueror*/
  -khtml-border-radius-bottomright: 10px;
}

#divOpocionsFullIco,
#divAttachIco {
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 8px;
  margin-left: 14px;
  background-image: url("img/icoOpcionsFull.png");
}

#divAttachIco {
  background-image: url("img/AttachIco.png");
}

#divTextTitleOpcionsFullGrup {
  float: left;
  margin-top: 8px;
  margin-left: 12px;
  font-weight: bold;
  color: #414042;
}

#divOpcionsFullsGrupOptions .opcioFullGrup {
  padding: 5px 0 5px 0;
}

#cmbNCops {
  text-align: center;
}

#divFletxaOpcio {
  float: right;
  margin-top: 10px;
  margin-right: 20px;
}

.fletxaDesplegar {
  width: 17px;
  height: 9px;
  background-image: url("img/desplegarOpcions.gif");
  background-position: 0px 0px;
}

.fletxaPlegar {
  background-position: 0px -9px;
}

#divContentNIntents {
  float: left;
}

#divQuinaActivitat {
  display: flex;
  padding: 14px 20px;
  line-height: 32px;
  vertical-align: middle;
  white-space: normal;
  margin-top: 20px;
  background-color: var(--color1) !important;
  color: white;
  font-family: "Open Sans Bold";
  font-weight: 300;
}

#divQuinaActivitat table {
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#divQuinaActivitat table tbody tr td.resultat_info {
  font-family: "Open Sans";
  width: 134px;
  white-space: nowrap;
}

#divQuinaActivitat table tbody tr td.resultat_data {
  font-family: "Open Sans Light";
}

#divQuinaActivitat table tbody tr td .chk_label {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
  width: max-content;
  max-width: 190px;
}

#divQuinaActivitat table tbody tr td .chk_label input {
  height: 0;
  width: 0;
  display: none;
}

#divQuinaActivitat table tbody tr td .chk_label span.chkmark {
  height: 18px;
  width: 18px;
  background-color: #eee; 
}

#divQuinaActivitat table tbody tr td .chk_label:hover input ~ span.chkmark {
  background-color: #ccc;
}

#divQuinaActivitat table tbody tr td .chk_label input:checked ~ .chkmark {
  background-color: var(color1);
}

#divQuinaActivitat table tbody tr td .chk_label span.chkmark:after {
  content: '';
  position: absolute;
  display: none;
}

#divQuinaActivitat table tbody tr td .chk_label input:checked ~ .chkmark:after {
  display: block;
}

#divQuinaActivitat table tbody tr td .chk_label span.chkmark:after  {
  left: 5px;
  top: 7px;
  width: 8px;
  height: 14px;
  border: 2px solid var(--color1);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

#divQuinaActivitat table tbody tr td span.msg_qualifica {
  margin-left: 30px;
}

.ordenar {
  float: left;
  margin: 5px 0px;
  border: solid #999 1px;
  border-radius: 8px;
  /*Estandar*/
  -moz-border-radius: 8px;
  /*Firefox*/
  -webkit-border-radius: 8px;
  /*WebKit y Safari*/
  -ms-border-radius: 8px;
  /*IE 8 Modo IE8*/
  -khtml-border-radius: 8px;
  /*Konqueror*/
}

.opcioDificultat_,
.opcioDificultat_0,
.opcioDificultat_10,
.opcioDificultat_20,
.opcioDificultat_30,
.opcioDificultat_40,
.opcioDificultat_50,
.opcioDificultat_60,
.opcioDificultat_70 {
  display: block;
  width: 57px;
  height: 7px;
  background-image: url("img/dificultades.gif");
  background-repeat: no-repeat;
}

.opcioDificultat_0 {
  background-image: none;
}

.opcioDificultat_10 {
  background-position: 0px -14px;
}

.opcioDificultat_20 {
  /* 0px 0px*/
}

.opcioDificultat_30 {
  background-position: 0px -21px;
}

.opcioDificultat_40 {
  background-position: 0px -7px;
}

.opcioDificultat_50 {
  background-position: 0px -28px;
}

#opcionsDificultat li {
  padding-left: 5px;
  width: 100%;
  height: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
}

#opcioDificultat {
  width: 37px;
}

#opcionsDificultat {
  display: none;
  list-style: none;
  border: 1px solid #ccc;
  cursor: pointer;
  width: 68px;
  position: absolute;
  background-color: white;
}

#opcionsDificultat li:hover {
  background-color: #a9ddf3;
}

#dificultatActualContent {
  padding: 5px 0px 5px 5px;
  border: 2px solid #00aeef;
  width: 60px;
  height: 10px;
  background-color: #fff;
  cursor: pointer;
}

#dificultatActual {
  float: left;
}

#despDificultatIco {
  float: right;
  margin-right: 2px;
  width: 11px;
  height: 7px;
  background-image: url("img/despDificultat.gif");
  margin-top: -5px;
  position: static;
}

.test_ok,
.test_ko,
.test_ko_radio,
.mes_solucions {
  width: 16px;
  height: 16px;
}

.test_ok,
.test_ko,
.test_ko_radio {
  float: left;
  margin-right: 2px;
}

.test_ok {
  background-image: url("img/ok_verd.png");
}

.test_ko {
  background-image: url("img/check.png");
}

.test_ko_radio {
  background-image: url("img/radio.png");
}

.mes_solucions {
  /*float: right;
    padding-right: 14px;*/
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  background: url("img/mes_solucions.png") no-repeat;
}

.resposta_select,
.resposta_fill_text {
  padding: 0px 2px;
  border: 1px solid #3bac72;
  /*border: 1px dashed black;
    border: 1px dotted black;
    font-weight: bold;*/
}

.addDeures,
.addTasques,
.icoHistoricDeures {
  float: left;
  width: 15px;
  height: 15px;
  background: url("img/deures-15x15.png") no-repeat;
  margin-top: 5px;
  margin-left: 5px;
}

.addTasques {
  background: url("img/tasques-15x15.png") no-repeat;
}

.addDeures:hover,
.addTasques:hover {
  background-position: -15px;
}

.botoMostraSolucions {
  float: left;
  width: 15px;
  height: 15px;
  background: url("img/boto_solucions_15x15.png") no-repeat;
  margin-top: 5px;
  margin-left: 5px;
  border: 0;
  cursor: pointer;
}

.botoAmagaSolucions {
  float: left;
  width: 15px;
  height: 15px;
  background: url("img/boto_nosolucions_15x15.png") no-repeat;
  margin-top: 5px;
  margin-left: 5px;
  border: 0;
  cursor: pointer;
}

.cursor_pointer {
  cursor: pointer;
}

.display_none {
  display: none;
}

.contentAddDeures {
  width: 100%;
  overflow: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted black;
  min-height: 36px;
}

.afegit_a_deures {
  float: left;
}

.text_avui_deures {
  cursor: default;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 8px 4px 0px 4px;
  color: #303c42;
}

.text_hist_deures {
  cursor: default;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 8px 0px 0px 0px;
  color: #000;
  font-size: 8px;
}

.delete_act_deures {
  float: left;
  width: 14px;
  height: 14px;
  background: url("img/delete_14.png") no-repeat;
  margin-top: 5px;
  cursor: pointer;
}

.contentHistoricDeures,
.contentAfegirDeures {
  width: 100%;
  overflow: none;
  clear: both;
}

/*Contenidors de les TPL*/

.testTplContent,
.vfTplContent,
.arrossegar {
  width: 600px;
  overflow: auto;
  margin-top: 10px;
}

.testTplContent.p-1 {
  padding: 0 !important;
}

.relacionarTplContent {
  width: 578px;
  overflow: auto;
  margin-top: 10px;
  border: 1px solid #999999;
  padding: 10px 10px 0px 10px;
  border-radius: 8px;
  /*Estandar*/
  -moz-border-radius: 8px;
  /*Firefox*/
  -webkit-border-radius: 8px;
  /*WebKit y Safari*/
  -ms-border-radius: 8px;
  /*IE 8 Modo IE8*/
  -khtml-border-radius: 8px;
  /*Konqueror*/
}

.arrossegar {
  overflow: visible;
}

/*Part igual als elements generats per les TPL*/

.elementRelacionarTplLeft,
.elementRelacionarTplRight,
.elementTestTpl,
.elementTextVF,
.ordenarLi,
.ordenarLiHoritzontal {
  border: 1px solid #b8b8b8;
  /*background-color: #f6f4e7;*/
  background-color: #fff8df;
  cursor: pointer;
}

.elementTestTpl,
.elementTextVF {
  border-radius: 8px;
  /*Estandar*/
  -moz-border-radius: 8px;
  /*Firefox*/
  -webkit-border-radius: 8px;
  /*WebKit y Safari*/
  -ms-border-radius: 8px;
  /*IE 8 Modo IE8*/
  -khtml-border-radius: 8px;
  /*Konqueror*/
}

.elementRelacionarTplLeft,
.elementRelacionarTplRight,
.agruparLi,
.agruparLiHoritzontal,
.arrossegarLi,
.ordenarLi,
.ordenarLiHoritzontal,
.elementContentArrossegar {
  border-radius: 4px;
  /*Estandar*/
  -moz-border-radius: 4px;
  /*Firefox*/
  -webkit-border-radius: 4px;
  /*WebKit y Safari*/
  -ms-border-radius: 4px;
  /*IE 8 Modo IE8*/
  -khtml-border-radius: 4px;
  /*Konqueror*/
}

.elementRelacionarTplLeft,
.elementRelacionarTplRight,
.elementTestTpl,
.ordenarLi,
.ordenarLiHoritzontal,
.agruparLi,
.agruparLiHoritzontal,
.arrossegarLi {
  -moz-box-shadow: 1px 1px 1px #c0c0c0;
  -webkit-box-shadow: 1px 1px 1px #c0c0c0;
  box-shadow: 1px 1px 1px #c0c0c0;
  filter: progid: DXImageTransform.Microsoft.Shadow(strength=1, direction=135, color='#c0c0c0');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#c0c0c0')";
}

/*Poden creixer verticalment*/

.elementRelacionarTplLeft,
.elementRelacionarTplRight,
.elementTestTplRows1,
elementTextVF {
  min-height: 37px;
}

/*No poden creixer verticalment*/

.elementTestTplRows2,
.elementTestTplRows3,
.elementTestTplRows4,
.elementTplVertader,
.elementTplFals {
  height: 37px;
  overflow: hidden;
}

/*Per centrar el text verticalment*/

.divTPLvalign {
  height: 37px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}

/*Opcions TPL Relacionar*/

.relacionarTplLeft,
.relacionarTplRight {
  float: left;
  width: 205px;
  /*40% de 600 y luego adaptado al marco*/
}

.separacioRelacionar {
  float: left;
  width: 120px;
}

.elementRelacionarTplLeft,
.elementRelacionarTplRight {
  width: 227px;
  /*240 del padding -2 del border - adaptacion al cuadro*/
  margin-bottom: 10px;
  /*    font-size: 9pt;*/
}

.elementRelacionarTplRelacionat {
  border-color: #000;
}

/*Opcions TPL Test*/

.elementEspaiTestTplRows2,
.elementEspaiTestTplRows3,
.elementEspaiTestTplRows4 {
  height: 37px;
}

.elementTestTplRows1 {
  width: 596px;
  /*600-2(border)-2sombra*/
  margin-bottom: 10px;
}

.elementTestTplRows2,
.elementEspaiTestTplRows2,
.elementTestTplRows3,
.elementEspaiTestTplRows3,
.elementTestTplRows4,
.elementEspaiTestTplRows4 {
  float: left;
  margin-bottom: 10px;
}

.elementTestTplRows2 {
  width: 289px;
}

.elementEspaiTestTplRows2 {
  width: 16px;
}

.elementTestTplRows3 {
  width: 186.666px;
}

.elementEspaiTestTplRows3 {
  width: 16px;
}

.elementTestTplRows4 {
  width: 135.5px;
}

.elementEspaiTestTplRows4 {
  width: 16px;
}

.lastRowTestTPL {
  margin: 0 auto;
  overflow: auto;
}

/*Opcions TPL Vertader-Fals*/

.elementTextVF {
  cursor: default;
  float: left;
  width: 392px;
  margin-right: 10px;
  background-color: #fff;
  margin-bottom: 10px;
}

.elementTplVertader,
.elementTplFals {
  width: 90px;
  float: left;
}

.elementTplVertader {
  margin-right: 10px;
}

.elementTplVertader .divTPLvalign,
.elementTplFals .divTPLvalign {
  text-align: center;
  width: 80px;
}

.filaVF {
  overflow: auto;
}

.ordenarLi {
  padding: 10px;
  min-height: 17px;
  overflow: hidden;
  margin-bottom: 5px;
  margin-right: 10px;
}

.ordenarLiHoritzontal {
  float: left;
  padding: 10px;
  height: 41px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 10px;
  max-width: 560px;
}

.elementContentArrossegar,
.elementSolucioArrossegar {
  border: 1px solid #b8b8b8;
  min-height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  text-align: center;
}

.elementContentArrossegar {
  -moz-box-shadow: inset 1px 1px 1px #c0c0c0;
  -webkit-box-shadow: inset 1px 1px 1px #c0c0c0;
  box-shadow: inset 1px 1px 1px #c0c0c0;
  filter: progid: DXImageTransform.Microsoft.Shadow(strength=1, direction=135, color='#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
}

.elementContentArrossegar .arrossegarLi {
  list-style: none;
  border: 0px;
  margin: 0px !important;
}

.elementSolucioArrossegar {
  padding: 3px;
  padding-bottom: 0px;
  white-space: nowrap;
  /*Necessari x tot en una linia*/
  border: 1px solid #3bac72;
}

span.elementSolucioArrossegar {
  padding: 6px;
}

.arrosegarUl {
  padding: 5px 0 5px 9px;
  overflow: auto;
  margin: 0px;
  text-align: center;
}

/*Nota: Al final de tots els elements de plantilla*/

.elementTplSeleccionat {
  /*Element de plantilla seleccionat*/
  background-color: #ffe895;
  border-color: #808080;
  -moz-box-shadow: 1px 1px 1px #808080;
  -webkit-box-shadow: 1px 1px 1px #808080;
  box-shadow: 1px 1px 1px #808080;
  filter: progid: DXImageTransform.Microsoft.Shadow(strength=1, direction=135, color='#808080');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#808080')";
}

.fonsRespostaIncorrecta {
  color: #fff;
  background-color: #f33;
}

.fonsRespostaCorrecta {
  color: #fff;
  background-color: #0c6;
}

#divWarningVistaPrevia,
#divWarningVistaPreviaSolucio {
  border: 1px solid #990000;
  background-color: #fbb4b4;
  padding: 10px;
  margin: 10px;
}

.filaNotaIndividual {
  width: 100%;
  position: relative;
  border-bottom: 1px dotted #000;
  padding-top: 3px;
  padding-bottom: 3px;
}

.notaIndividual {
  float: left;
  height: 30px;
  width: 23px;
}

.img_nota_ind {
  margin-left: 7px;
  margin-top: 7px;
  width: 10px;
  height: 18px;
  background: url("img/nota_individual.png");
}

.img_notifica_error {
  margin-left: 5px;
  margin-top: 7px;
  width: 16px;
  height: 16px;
  background: url("img/avis_error.png");
  cursor: pointer;
}

.hideNotificarError {
  display: none;
}

.resultatNotaIndividual {
  float: left;
  padding-top: 8px;
  height: 22px;
  width: 46px;
  text-align: right;
  font-size: 8pt;
}

.nota_modificable {
  cursor: pointer;
  height: 22px;
}

.txt_nota {
  float: left;
  width: 16px;
}

.desplegar_punutar {
  float: right;
  width: 7px;
  height: 22px;
}

.img_desp {
  margin-top: 7px;
  float: left;
  width: 7px;
  height: 4px;
  background: url("./img/puntuar.png") no-repeat;
}

.select_puntuar {
  position: absolute;
  display: none;
  width: 80px;
  background-color: white;
  border: 1px solid #a0a0a0;
  z-index: 2;
}

.select_puntuar ul {
  text-align: center;
  float: right;
  font: 10px Verdana;
  width: 80px;
  list-style-type: none;
  margin-bottom: 0;
}

.select_puntuar ul li {
  cursor: pointer;
  padding: 0.3em 0;
}

.select_puntuar ul li:hover {
  background-color: #fef598;
}

.resultat_nota_individual {
  float: left;
  font-weight: bold;
  text-align: right;
  width: 23px;
}

.pesNotaIndividual {
  float: right;
  padding-right: 5px;
  height: 22px;
  width: 18px;
}

.maxWidth {
  width: 100% !important;
}

#txtDescripcio_tbl,
#txtDescripcioSolucio_tbl {
  width: 600px !important;
}

#headerEditAct {
  display: flex;
  background-color: white;
  padding: 20px;
  /* margin-bottom: 10px; */
  border: 2px solid #00aeef;
  font-family: "Open Sans Bold";
}

#headerEditAct #bold-header-main {
  width: 100%;
}

#headerEditAct #bold-header-edit-act {
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-size: 14px;
}

#headerEditAct #bold-header-logo {
  justify-self: end;
  margin-top: -6px;
  margin-right: -8px;
}

#headerEditAct #bold-header-logo img {
  width: 64px;
}

#headerBtn {
  display: flex;
  justify-content: space-between;
  margin: 28px 0 12px;
}

#frmActivitat #headerBtn button {
  width: max-content;
  padding: 0 10px;
}

#headerBtn > div {
  display: flex;
  gap: 18px;
  flex-grow: 0;
}

#frmActivitat #headerSub {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  font-family: 'Open Sans Bold';
  font-size: 0.85rem;
  color: var(--color1);
  margin-bottom: 18px;
}

#frmActivitat #headerSub #divEditActivitatOrigen img {
  width: 24px;
  margin-bottom: 4px;
} 

#frmActivitat #headerSub #divEditActivitatOrigen:not(.eliminada):hover {
  cursor: pointer;
} 

#frmActivitat button.btnWrapper.actiu {
  background-color: var(--colordarkgreyhover);
  color: white;
}

.contenidorDivBorderRadius > h3 {
  margin-left: 10px;
}

.contenidorDivBorderRadius .divBorderRadius.fonsCentral {
  background-color: #D9D9D9;
  padding-bottom: 10px;
}

.contenidorDivBorderRadius:not(#divContainerEnunciat):not(#divInfoActivitat) {
  clear: both;
}


#headerEditAct a {
  color: #00aeef;
}

#headerEditAct a:hover {
  text-decoration: none;
  color: #4d4d4d;
}

.txtTest {
  width: 582px;
}

.txtRelacionarLeft {
  display: flex;
  /* width: 336px;
    float: left; */
}

.enunciat ul,
.enunciat ol,
.solucio ul,
.solucio ol {
  padding-left: 40px;
}

.act_min_height {
  min-height: 200px;
}

#divWarningFull,
#divSelectorRubriques {
  /* margin-left: 5px; */
  width: 100%;
  background-color: #aaa;
  display: none;
  padding: 5px;
}

#closeDivWarning {
  position: relative;
  width: 19px;
  height: 18px;
  background: url("../img/tj/btnCloseDialog.gif");
  right: 5px;
  top: 5px;
  float: right;
  cursor: pointer;
}

#closeDivWarning:hover {
  background-position: 0 -18px;
}

#ico_info,
#ico_alerta {
  float: left;
  width: 36px;
  height: 36px;
  background: url("../img/tj/info.png");
  margin-left: 16px;
  margin-right: 17px;
}

#ico_alerta {
  width: 41px;
  background: url("../img/tj/alert.png");
}

#text_warning {
  float: left;
  top: 6px;
  width: 79%;
  margin: 0 0 0 5px;
  padding: 4px;
  background-color: white;
  border: 1px solid #656465;
  border-radius: 3px;
}

#toast-container.toast-bottom-full-cp-width > div,
#toast-container.toast-top-full-cp-width > div {
  width: 20% !important;
  opacity: 1 !important;
}

#toast-container > div {
  opacity: 0.9 !important;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90) !important;
  filter: alpha(opacity=90) !important;
}

#dvNoEditablePerActivitats {
  border: 2px solid #fcd096;
  background: white;
  padding: 15px;
}

#dvNoEditablePerActivitats img {
  vertical-align: middle;
  margin-right: 2em;
}

#dvNoEditablePerActivitats a {
  text-decoration: underline;
}

#notifyDraftUpdateArea {
  visibility: hidden;
  font-size: 0.75em;
}

.res_sorter {
  width: 2.5em;
  text-align: right;
}

/* Nou estil pels checkboxes de les activitats*/

.contenidorDivBorderRadius .standardCheck {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 30px;
  width: 30px;
  left: -32px;
}

/* Create a custom checkbox */

.contenidorDivBorderRadius .checkmark {
  cursor: pointer;
  position: absolute;
  left: -30px;
  height: 26px;
  width: 26px;
  background-color: white;
  border: 2px solid #00aeef;
  border-radius: 0px;
}

/* On mouse-over, add a grey background color */

.contenidorDivBorderRadius .standardCheck:hover input ~ .checkmark {
  background-color: white;
  border: 2px solid #00aeef;
}

/* When the checkbox is checked, add a blue background */

.contenidorDivBorderRadius .standardCheck:checked ~ .checkmark {
  background-color: white;
  border: 2px solid #00aeef;
  border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */

.contenidorDivBorderRadius .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.contenidorDivBorderRadius .standardCheck:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.contenidorDivBorderRadius .checkmark:after {
  left: 3px;
  top: 3px;
  border: 8px solid #00aeef;
  border-radius: 0px;
}

.contenidorDivBorderRadius .custom-control.custom-checkbox {
  display: flex;
  padding-left: 0px;
}

.contenidorDivBorderRadius .custom-control-label {
  cursor: pointer;
  width: 30px;
  height: 30px;
  left: 0px;
  vertical-align: middle;
}

.contenidorDivBorderRadius .custom-control.custom-checkbox > div {
  width: 40px;
  height: 26px;
  padding-right: 34px;
  align-self: center;
}

.contenidorDivBorderRadius .custom-control-label::before {
  border: 2px solid #00aeef;
  background-color: white;
}

.contenidorDivBorderRadius
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #00aeef;
}

.contenidorDivBorderRadius .custom-checkbox .custom-control-label::before {
  border-radius: unset;
}

#selectVF label {
  vertical-align: unset;
  width: 150px;
}

.contenidorDivBorderRadius
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #00aeef;
}

.contenidorDivBorderRadius
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::after,
.contenidorDivBorderRadius
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before,
.contenidorDivBorderRadius .custom-checkbox .custom-control-label::before {
  width: 26px;
  height: 26px;
  left: 0;
  top: 0;
}

.contenidorDivBorderRadius .divBorderRadius {
  padding: 0px;
}

.contenidorDivBorderRadius > h3 + div.divBorderRadius {
  border-top: 1px solid #00aeef;
  border-radius: 0px;
}

.contenidorDivBorderRadius textarea:not(.noformstyle) {
  border: 2px solid #00aeef;
  width: 100%;
}

.contenidorDivBorderRadius table tr td {
  margin: 0px;
  padding: 0px;
  height: 55px;
}

#divVistaPreviaContent table tr td {
  margin: 0px;
  padding: 0px;
  height: unset;
}

.contenidorDivBorderRadius table.noformstyle tr td {
  height: auto;
}

.contenidorDivBorderRadius table tr > td + td {
  padding-left: 10px;
}

#divVistaPreviaContent table tr > td + td {
  padding-left: unset;
}

form#frmActivitat .inputWrapper input[type="text"]:not(.noformstyle),
form#frmActivitat .contenidorDivBorderRadius input[type="text"]:not(.noformstyle) {
  border: 2px solid #00aeef;
  border-radius: 0;
  height: 2.75rem;
  padding-left: 12px;
}

.contenidorDivBorderRadius select:not(.noformstyle),
.divBorderRadius select:not(.noformstyle) {
  border: 2px solid #00aeef;
  height: 2.75rem;
  border-radius: 0px;
  background-color: white;
}

/* Redefinit */

.contenidorDivBorderRadius > h3 {
  margin: 0px;
  font-family: "Open Sans bold";
  font-size: 16px;
  color: #00aeef;
}

.amb_marc {
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
}

/* Per al subtipus aleatoris de les activitats polivalents */

.imgAleatoris,
.aleatorisOl,
.aleatorisOl li {
  margin: 10px 0px;
}

.aleatorisOl li textarea {
  padding: 5px;
}

.nomActivitat {
  color: white;
  font-size: 11px;
}

.numActivitat span {
  font-size: 12pt;
  white-space: pre;
}

#fullActivitatsCasals .numActivitat:has(.pt_reduida) {
  margin-left: auto !important;
  margin-right: auto !important;
}

.numActivitat span.pt_reduida {
  font-size: 9pt;
}

.tagAvCompetencies 
{
  position: relative;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: var(--color_text) !important;
  background-color: var(--color1) !important;
  padding: 7px 15px;
  cursor:pointer;
  border: 1px solid var(--color1);
  box-shadow: 0 1px 2px rgba(96, 96, 96, 0.5);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

/** Estils per al menú desplegable de alumnes a les respostes de tasques del LD **/

#heading-resultats {
  display: flex;
  align-items: center;
  min-width: 500px;
}

.heading-resultats-col:nth-of-type(1) {
  width: 75%;
}

.heading-resultats-col:nth-of-type(2) a {
  cursor: none;
}

.heading-resultats-col span {
  color: #eee; 
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 12px;
}

.heading-resultats-col:nth-of-type(2) span {  
  margin-left: 16px;
}

.select-resultats-alumne a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.select-resultats-alumne a svg path {
  fill: white;  
  stroke: white;
}

.select-resultats-alumne > a > img,
.select-resultats-alumne > a > svg {
  transform: rotate(90deg);
}

.select-resultats-alumne.show > a > img,
.select-resultats-alumne.show > a > svg {
  transform: rotate(-90deg);
}

.select-resultats-alumne .no-link {
  cursor: default;
  text-decoration: none;
  color: inherit;
}

.heading-resultats-col ul {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 0;
} 

.heading-resultats-col li {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  list-style: none;
  border: 1px solid #D8D8D8;
  border-bottom: none;
  padding: 8px 12px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.heading-resultats-col li.active
{
  font-family: "Open Sans Bold";
  cursor: none;
} 
#dropdown-menu-alumnes {
  width: 376px;
  padding: 0;
}

#dropdown-menu-alumnes li:not(.senseResposta):hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

#dropdown-menu-alumnes li.senseResposta {
  color: rgba(0, 0, 0, 0.2);
}

/** Estils per al menú desplegable de intents de l'alumne a les respostes de tasques del LD **/

#desplegable-intents {
  display: flex;
  align-items: center;
  min-width: 500px;
}

.desplegable-intents-col:nth-of-type(1) {
  width: 75%;
}

.desplegable-intents-col:nth-of-type(2) a {
  cursor: none;
}

.desplegable-intents-col span {
  display: flex;
  color: #eee;
  padding-right: 12px;
}

.desplegable-intents-col:nth-of-type(2) span {  
  margin-left: 16px;
}

.select-intents-alumne a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.select-intents-alumne a svg path {
  fill: white;  
  stroke: white;
}

.select-intents-alumne > a > img,
.select-intents-alumne > a > svg {
  transform: rotate(90deg);
}

.select-intents-alumne.show > a > img,
.select-intents-alumne.show > a > svg {
  transform: rotate(-90deg);
}

.desplegable-intents-col ul {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 0;
} 

.desplegable-intents-col li {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  list-style: none;
  border: 1px solid #D8D8D8;
  border-bottom: none;
  padding: 8px 12px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dropdown-menu-intents li:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

#dropdown-menu-intents {
  width: 376px;
  padding: 0;
}

.graellaTplContent .graella-grid {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1rem;
  row-gap: 0.5rem;
  align-items: center;
}

.graellaTplContent .caixaWrap{
  width: fit-content;
}

.graellaTplContent .graella-grid {
  display:flex;
  align-items:start;
  flex-wrap: wrap;
}
    
.graellaTplContent .graella-col {
  display:grid; 
  grid-template-columns: max-content 1fr; 
  column-gap:1rem;
  row-gap:0.5rem;
  align-items:center;
  flex:1;
}

#recursosAssociatsWrap{
  max-height: 250px;
  overflow-y: auto;
}

#recursosAssociatsSeleccionats svg,
#recursosAssociatsWrap svg{
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}

/* TinyMCE Container */
.tox.tox-tinymce {
  width: 100% !important;
  border-radius: var(--radius-sm);
}

.tox.tox-tinymce .tox-menubar,
.tox.tox-tinymce .tox-toolbar__group {
  padding: 0;
  padding-inline: 2px;
}

.tox.tox-tinymce .tox-toolbar__primary {
  padding-block: 2px;
}

.tox.tox-tinymce [data-mce-name="fontsize"] {
  width: 76px;
}

.tox.tox-tinymce .tox-promotion {
  padding: 0;
}