@charset "UTF-8";
/* CSS Document */
@import url(/templates/default/fonts/open_sans.css);
@import url(/templates/default/fonts/roboto.css);
/********** font size ****************/
/**** BASE COLORS *****/
/*********** text colors *************/
/************ area colors ************/
/************ background colors *****/
/************* border colors *******/
/* bullets genericos */
/* bullets calendario */
.eventCalendar-list li .eventCalendar-eventTitle { color: #007dd1 !important; }

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* BASE */
/*@import "compass/utilities"; si pongo este no funciona */
html, input, textarea, select, button { box-sizing: border-box; font-family: "Open Sans", Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.4; background-color: #f0f0ee; color: #666666 !important; }

*, *:before, *:after { box-sizing: inherit; }

* { /*	 @include input-placeholder { color: $black_text; opacity:0.5; }*/ }

a, a:link a:visited, a:active { color: #007dd1; text-decoration: none; }

a.no_link_color, a.no_link_color:link a.no_link_color:visited, a.no_link_color:active { color: inherit; }

b, strong { font-weight: 700; }

.colorArea1 { color: #E75D5D !important; }

.colorArea2 { color: #F5A623 !important; }

.colorArea3 { color: #5fb0b3 !important; }

.colorArea4 { color: #205CAC !important; }

.colorArea5 { color: #73c25b !important; }

.colorArea6 { color: #8FBE48 !important; }

.colorArea7 { color: #c65ce6 !important; }

.colorArea8 { color: #d1c35a !important; }

.colorArea99 { color: #007CCC !important; }

.bgBase { background-color: #007dd1; }

.bgGrey { background-color: #4e5357; }

.bgArea1 { background-color: #E75D5D !important; }

.bgArea2 { background-color: #F5A623 !important; }

.bgArea3 { background-color: #5fb0b3 !important; }

.bgArea4 { background-color: #205CAC !important; }

.bgArea5 { background-color: #73c25b !important; }

.bgArea6 { background-color: #8FBE48 !important; }

.bgArea7 { background-color: #c65ce6 !important; }

.bgArea8 { background-color: #d1c35a !important; }

.bgArea99 { background-color: #007CCC !important; }

.noActive .bgArea1 { background: rgba(231, 93, 93, 0.5) !important; }

.noActive .bgArea2 { background: rgba(245, 166, 35, 0.5) !important; }

.noActive .bgArea3 { background: rgba(95, 176, 179, 0.5) !important; }

.noActive .bgArea4 { background: rgba(32, 92, 172, 0.5) !important; }

.noActive .bgArea5 { background: rgba(115, 194, 91, 0.5) !important; }

.noActive .bgArea6 { background: rgba(143, 190, 72, 0.5) !important; }

.noActive .bgArea7 { background: rgba(198, 92, 230, 0.5) !important; }

.noActive .bgArea8 { background: rgba(209, 195, 90, 0.5) !important; }

.noActive .bgArea99 { background: rgba(0, 124, 204, 0.5) !important; }

.bgGradientArea1 { background: #E75D5D !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea2 { background: #F5A623 !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea3 { background: #5fb0b3 !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea4 { background: #205CAC !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea5 { background: #73c25b !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea6 { background: #8FBE48 !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea7 { background: #c65ce6 !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea8 { background: #d1c35a !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

.bgGradientArea99 { background: #007CCC !important; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%) !important; }

/* COMMON ELEMENTS  */
* { -webkit-font-smoothing: antialiased; }

/* para que chrome en mac vea bien las negritas */
.hidden { display: none; }

.noVisibleOcupantEspai { visibility: hidden; }

.amagaNoFPC { visibility: visible; }

.buttons { width: 100%; height: 25px; clear: both; }

.clear { clear: both; }

*:focus { outline: none; }

.pointer { cursor: pointer; }

.help { cursor: help; }

a.no_decoration { text-decoration: none; color: inherit; }

.nowrap { white-space: nowrap; overflow: hidden; }

div.destacat { background-color: #f7f7f7; padding: 10px; }

div.destacatRed { background-color: #ffc1c1; padding: 10px; font-size: 110%; border-radius: 10px; }

.mini { font-size: 80%; }

.center { text-align: center; }

.left { float: left !important; }

.right { float: right !important; }

.rightAbsolute { float: right !important; position: absolute; z-index: 2; white-space: nowrap; /* AÑADIDO PARA LISTADDO NOTAS PORQUE SINO A VECES HACE SALTO LINEA DE LOS ICONOS */ }

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

.textLeft { text-align: left !important; }

.white, .blanc { color: #FFFFFF; }

.mobile { display: none; }

.tablet { display: none; }

.desktop { display: revert; }

.noMobile { display: revert; }

.black { color: #666666; }

.red { color: #ff7f7f !important; }

.red_dark { color: #B75C5E !important; }

.bgRed { background-color: #ff7f7f !important; }

.bgLightRed { background-color: #ffc1c1 !important; }

.green { color: #00bbab !important; }

.green_dark { color: #269A29 !important; }

.orange { color: #F5A623; }

.grey_light { color: #aaaaaa; }

.vist { /*color:$green; YA NO MARCO LOS ICONOS CON DIFERENTE COLOR EN MATERIALES AL ESTAR VIST O NO VISTO */ }

.noVist { /* color:$orange;  YA NO MARCO LOS ICONOS CON DIFERENTE COLOR EN MATERIALES AL ESTAR VIST O NO VISTO */ }

.revisat { color: #00bbab; }

.noRevisat { color: #4e5357; }

.disabledBackground { opacity: 0.5; }

.disabled { color: #DFE0E4; }

.grey { color: #4e5357; }

.bold { font-weight: 700; }

.indexed { margin-left: 20px; }

button .fa-calendar-alt { font-size: 20px; margin-right: 5px; margin-left: -5px; cursor: pointer; }

.containerclipboard { cursor: pointer; }

.ui-datepicker-trigger { border: none; background: none; outline: none; }

.ui-datepicker { z-index: 2 !important; }

.bullet_vermell, .bullet_verd, .bullet_taronja, .bullet_gris { font-size: 14px; }

.bullet_vermell { color: #ff7f7f; }

.bullet_verd { color: #00bbab; }

.bullet_taronja { color: #F5A623; }

.bullet_gris { color: #DFE0E4; }

.iconLink { color: inherit; }

.icon_without_li { width: 28px; min-width: 28px; border-radius: 14px; background-color: #DFE0E4; line-height: 28px; text-align: center; margin-right: 8px; display: inline-block; position: relative; margin-left: -2px; }

.inline { display: inline-block !important; }

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.guioUnio { margin-right: -5px; margin-left: 0px; color: #DFE0E4; }

.blocksInlineDesktop { display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 80px; }

.blocksInlineDesktop ~ .blocksInlineDesktop ~ .blocksInlineDesktop { /* para que el margin no lo aplique al ultimo (first of type no funciona porque es por tipo no por clase */ margin-right: 0px; }

.inlineCheckbox { display: inline-block; margin-right: 30px; margin-bottom: 20px; }

.section { margin-top: 20px; }

/************ TOOLTIP **********************/
.tooltip-styling { background: #383D40 !important; /*box-shadow: 0 0 5px $barraInferior !important; border:1px solid $barraInferior !important; */ box-shadow: 0 0 0  !important; border: 0  !important; font-size: 12px; line-height: 14px; width: auto !important; max-width: 500px !important; /*min-width: 260px;  lo quito, si hace cosas raras ponerlo*/ /* si no al haber scroll a la derecha salen muy estrechos */ }

.tooltip-styling .ui-tooltip-content, .tooltip-styling .ui-tooltip-content p, .tooltip-styling .ui-tooltip-content span { color: #FFFFFF !important; font-size: 12px !important; font-family: arial,sans-serif !important; }

.tooltip-styling .ui-tooltip-content table td, .tooltip-styling .ui-tooltip-content table th { color: #FFFFFF !important; padding: 5px; }

.tooltip-styling .ui-tooltip-content table th { text-align: left; border-bottom: 1px solid #FFFFFF; }

.tooltip-styling .ui-tooltip-content input[type=button] { background: #E8AC28 !important; color: #FFFFFF !important; font-family: arial,sans-serif !important; }

.tooltip-styling a { color: #FFFFFF !important; font-weight: 700; }

.tooltip-styling b, .tooltip-styling strong { color: #FFFFFF !important; }

div.tooltip.fit_content { width: fit-content; display: inline; }

.tippy-box[data-theme~="tooltip_fix"] .tippy-content { max-height: 400px; /* Altura máxima del tooltip --> LA NECESITO PARA PODER HACER QUE SI ES MAS GRANDE HAGA SCROLL*/ overflow-y: auto; /* Muestra barra de desplazamiento vertical si el contenido es muy grande */ overflow-x: hidden; /* Evita barra de desplazamiento horizontal */ z-index: 999; }

/***************************FIN TOOLTIP */
/**** LISTA ***************/
.number { width: 18px; height: 18px; border-radius: 8px; color: #FFFFFF; background-color: #ff7f7f !important; text-align: center; font-size: 11px; line-height: 18px; position: absolute; font-weight: normal; cursor: pointer; }

.number.black { background-color: #666666 !important; }

.number.red { background-color: #ff7f7f !important; }

.list { clear: both; margin-bottom: 10px; }

.list .iconsCapceleraLeft { display: inline-block; margin-bottom: 10px; margin-left: 10px; font-size: 16px; }

.list .iconsCapceleraLeft label { margin-bottom: 0; }

.list .iconsCapceleraLeft svg { margin-right: 7px; }

.list li { position: relative; background-color: #f7f7f7; min-height: 40px; line-height: 40px; padding: 0; margin-bottom: 2px; }

.list li a { display: block; padding: 0px 12px; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list li a.withBorder { border: 1px solid #DFE0E4; }

.list li .rightIcons { position: absolute; right: 0px; padding-left: 10px; padding-right: 10px; top: 0; height: 100%; max-height: 40px; z-index: 10; }

.list li .rightIcons svg { margin-left: 5px; }

.list li .rightIcons a { margin-left: 5px; display: inline-block; padding: 0 !important; white-space: inherit; overflow: inherit; }

.list li .rightIcons a svg { margin-left: 0; }

.list li .rightIcons .iconWithNumber { position: relative; }

.list li .rightIcons .iconWithNumber .number { width: 15px; height: 15px; font-size: 11px; line-height: 15px; top: 2px; right: -7px; }

.list li .numberList { top: 5px; right: 5px; }

.list li .icon { width: 28px; border-radius: 14px; background-color: #DFE0E4; line-height: 28px; text-align: center; margin-right: 8px; display: inline-block; position: relative; margin-left: -2px; }

.list li .icon .number { top: -2px; right: -9px; }

.list li .icon.gris { background-color: #DFE0E4; }

.list li .icon.cv { background-color: #FED868; }

.list li .icon.taronja { background-color: #F5A623; }

.list li .icon.vermell { background-color: #ff7f7f; }

.list li .icon.verd { background-color: #00bbab; }

.list li .iconMini { margin-right: 5px; }

.list li .tag { float: right; border-radius: 10px; height: 20px; color: #FFFFFF; padding: 0 10px; line-height: 20px; margin-top: 10px; }

.list li .tag.new { background-color: #ff7f7f; }

.list li ul.list { margin-bottom: 0; background-color: #FFFFFF; padding-top: 2px; padding-left: 45px; }

.list li ul.list.noPadding { padding-left: 0; margin-left: 10px; }

.list li input[type="checkbox"] + label:first-of-type { position: absolute; height: 40px; width: 35px; left: 0; margin-bottom: 0; }

.list li input[type="checkbox"] + label:not(:first-of-type) { margin-left: 20px; }

.list li input[type="checkbox"] + label:first-of-type:before, .list li input[type="radio"] + label:first-of-type:before { top: 12px; left: 10px; }

.list li.invisible { opacity: 0.6; }

.list li.invisible li.invisible { opacity: 1; }

.list li.invisible li .invisibilitzar { display: none; }

.list li.pendent { background-color: #FAEBD7; }

.list li.passed { background-color: #d6ffd6; }

.list li.two_lines { line-height: 25px; padding: 5px 0; }

.list li.two_lines a { white-space: inherit; }

.listRadio li input[type="checkbox"] + label, .listRadio li input[type="radio"] + label { margin-bottom: 0; }

.listRadio li input[type="checkbox"] + label:first-of-type:before, .listRadio li input[type="radio"] + label:first-of-type:before { left: -3px; }

.list.llista_questionaris label.no_bold { font-weight: 400; }

.list.llista_questionaris .titol_aula { padding-left: 5px; font-weight: 700; }

.list.llista_questionaris .titol_questionari { padding-left: 20px; }

.list.highlightHovered li:hover { background-color: #DFE0E4; }

.list.paddingRightIcons li > a { padding-right: 90px; }

.list.nolinks li { padding: 0px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list.nolinks li a { cursor: pointer; display: initial; padding: initial; white-space: initial; overflow: initial; text-overflow: initial; }

.list.nolinks li svg { margin-left: 7px; }

.list.nolinks li.overflow { white-space: initial; overflow: initial; text-overflow: initial; height: auto; line-height: initial; padding-top: 10px; padding-bottom: 5px; }

.list.nolinks li.overflow li { height: auto; line-height: initial; }

.list.withCheckbox li { padding-left: 35px; }

.list.with_foto li { line-height: initial; height: 60px; }

.list.with_foto li img { width: 40px; position: absolute; top: 10px; border-radius: 5px; }

.list.with_foto li .dades_entrada { padding-left: 50px; padding-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list li.pregunta div.titol { width: 90%; display: inline-block; /*p{ overflow: hidden; text-overflow: ellipsis; }*/ }

ul#llistat_categories li { display: inline; margin-right: 10px; }

ul#llistat_categories li div.titol { display: inline; }

.nomes_si_unic { display: none !important; }

.nomes_si_unic:only-child { display: unset !important; }

.resalted { color: #007dd1; }

/****** TOOLTIP QUE SE ABRE CON PÁGINA DENTRO COMO NOTIFICACIONSS *************/
.tooltip_page { display: none; position: absolute; background-color: #FFFFFF; border: 1px solid #DFE0E4; box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.23); z-index: 100; }

.tooltip_page ul li { border: 1px solid #EEEEEE; border-top: 0; color: #666666; line-height: normal; padding: 5px 10px; cursor: pointer; white-space: nowrap; /*max-width: 200px; overflow: hidden; text-overflow: ellipsis;*/ }

.tooltip_page a { display: initial !important; }

.tooltip_page ul li:hover { background-color: #f7f7f7; }

.tooltip_page.mini { font-size: 13px !important; }

.tooltip_page.mini div { height: 30px; line-height: 30px; padding-left: 35px; }

.tooltip_page.mini div img { position: absolute; left: 8px; }

.tooltip_page:not(.no_arrow):before { /* http://www.cssarrowplease.com/ */ bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF; border-width: 11px; margin-left: -11px; }

/************* DATATABLES *******************/
.dataTables_wrapper .dataTables_processing { background: none !important; top: 65px; }

#loader { /*border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin-left:200px; margin-top:30px;*/ }

.dataTables_wrapper .dataTables_length { width: 100%; background-color: #4e5357; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; color: #FFFFFF; }

table.dataTable.no-footer { border-bottom: 1px solid #DFE0E4; }

table.commonTable thead tr.header { background-color: #4e5357; color: #FFFFFF; }

table.commonTable thead tr, table.commonTable tfoot tr { background-color: #FFFFFF; /*th.vertical{			 white-space:nowrap; transform-origin:50% 50%; transform: rotate(270deg); } th.vertical:before { content:''; padding-top:110%; // takes width as reference, + 10% for faking some extra padding  display:inline-block; vertical-align:middle; }*/ }

table.commonTable thead tr th, table.commonTable tfoot tr th { border-bottom: 1px solid #DFE0E4 !important; padding: 10px 18px  !important; font-weight: 700 !important; font-size: 14px; }

table.commonTable thead tr th.vertical, table.commonTable tfoot tr th.vertical { vertical-align: initial; }

table.commonTable thead tr th.vertical span, table.commonTable tfoot tr th.vertical span { writing-mode: tb-rl; white-space: nowrap; transform: rotate(180deg); }

table.commonTable thead tr:not(:last-child) th { border: none !important; }

table.commonTable thead tr:not(:last-child) th.border { border-bottom: 1px solid #DFE0E4 !important; }

table.commonTable thead tr:not(:last-child) th.separator { width: 10px; }

table.commonTable thead tr.fake_width_tr th { padding: 0 !important; }

table.commonTable thead tr.fake_width_tr .mobile_hide { display: table-cell; }

table.commonTable thead tr.fake_width_tr .mobile_show { display: none; }

table.commonTable thead tr.size_file th { padding: 0 !important; }

table.commonTable tbody td { border-top: 1px solid #DFE0E4; }

table.commonTable tbody td .iconaInlineNom { font-size: 18px; margin-left: 10px; color: #666666; }

table.commonTable tr th, table.commonTable tr td { padding-left: 10px !important; }

table.commonTable tr td { height: 40px; vertical-align: middle; }

table.commonTable tr td .foto_perfil { margin-top: 5px; margin-bottom: 5px; }

table.commonTable td.nowrap, table.commonTable th.nowrap { white-space: nowrap; }

table.commonTable td.center, table.commonTable th.center { text-align: center; }

table.commonTable tr.destacat { background-color: #f7f7f7; }

table.commonTable tr.destacat td { font-weight: 700; }

table.commonTable .eines div.actionContainer { display: inline-block; position: relative; }

table.commonTable .eines div.actionContainer svg.actionIcon { font-size: 20px; margin-left: 10px; cursor: pointer; }

table.commonTable.withSublist tbody tr td { vertical-align: top; padding-top: 15px; height: 25px; }

table.commonTable.noborder tbody td { border: none !important; }

table.top_fixed { border-collapse: separate; border-spacing: 0; table-layout: fixed; }

table.top_fixed thead th { position: sticky; z-index: 1; background-color: #FFFFFF; }

table.left_fixed { border-collapse: separate; border-spacing: 0; table-layout: fixed; }

table.left_fixed tbody th { position: relative; }

table.left_fixed thead th:first-child { position: sticky; left: 0; z-index: 4; background-color: #FFFFFF; }

table.left_fixed tbody td:first-child { position: sticky; left: 0; z-index: 4; background-color: #FFFFFF; }

table.trLinkable tbody tr { cursor: pointer; }

table.tdEllipsis td { max-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

table.tdEllipsis td div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

table.tdEllipsis td div.data_missatge { float: right; }

table.dataTable tbody tr { background-color: #FFFFFF !important; }

table.dataTable tbody tr td { background-color: inherit !important; box-shadow: inherit !important; }

table.dataTable thead tr.colsTamanys th { padding: 0 !important; }

table.dataTable tbody tr:hover td { box-shadow: inset 0px 8px 8px -10px #666666, inset 0px -7px 8px -10px #666666; }

table.dataTable tbody tr td .icon { width: 28px; border-radius: 14px; background-color: #DFE0E4; line-height: 28px; text-align: center; margin-right: 8px; display: inline-block; position: relative; margin-left: -2px; }

table.dataTable tbody tr td .icon .number { top: -2px; right: -9px; }

table.dataTable tbody tr td .icon.gris { background-color: #DFE0E4; }

table.dataTable tbody tr td .icon.cv { background-color: #FED868; }

table.dataTable tbody tr td .icon.taronja { background-color: #F5A623; }

table.dataTable tbody tr td .icon.vermell { background-color: #ff7f7f; }

table.dataTable tbody tr td .icon.verd { background-color: #00bbab; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-position: center left; }

table tr td.indexed { padding-left: 45px !important; }

div.contentBox { width: fit-content; min-width: 100%; }

div.contentBox .header { background-color: #4e5357; color: #FFFFFF; border-bottom: 1px solid #DFE0E4 !important; padding: 10px 18px  !important; font-weight: 700 !important; font-size: 16px; }

div.contentBox .body, div.contentBox .subheader { background-color: #FFFFFF; padding: 10px 18px !important; }

div.contentBox .body label, div.contentBox .subheader label { font-weight: 700; }

div.contentBox .subheader { border-bottom: 1px solid #DFE0E4; }

div.contentBox .body { min-height: 200px; }

.iconHeader { font-size: 18px; margin-left: 10px; float: right; position: relative; }

div.contentBox.noFitContent { width: initial; }

ul.listContent li { margin-bottom: 10px; }

ul.listContent li.destacat { font-size: 1.2em; font-weight: 700; }

ul.listContent li.destacat_separat { margin-top: 30px; }

ul.listContent li.maxHeightScroll { max-height: 55px; overflow: scroll; padding-right: 20px; overflow-x: hidden; overflow-y: auto; }

ul.classicList li { padding: 5px 0; margin-left: 18px; list-style: circle; }

ul.separatedList li { padding: 5px 0; margin-left: 18px; list-style: none; }

/******** JQUERY UI AUTOCOMPLETE **********************/
.ui-autocomplete { z-index: 30 !important; }

/*****************************************************/
.iconList { margin-bottom: 15px; margin-right: 15px; cursor: pointer; display: inline-block; font-size: 10px; }

.tags { background-color: #4e5357; padding: 3px 10px; margin-top: 5px; margin-right: 5px; display: inline-block; color: #FFFFFF; border-radius: 14px; }

.superSectionTitle { background-color: #aaaaaa; padding: 5px 18px; color: #FFFFFF; font-size: 16px; margin-top: 15px; font-weight: bold; margin-left: -18px; margin-right: -18px; }

.sectionTitle { font-size: 16px; font-weight: 700; margin-bottom: 10px; }

.sectionTitle:not(:first-child) { margin-top: 20px; }

.blockText, .tippy-box { /*AÑADO tippy.-box para que los tooltips de tippy se vean igual que cuando introduzco algo en tinymce */ }

.blockText p, .tippy-box p { margin-bottom: 10px; }

.blockText iframe, .tippy-box iframe { width: 100%; margin: 10px 0; }

.blockFromTiny, .tippy-box { /*AÑADO tippy.-box para que los tooltips de tippy se vean igual que cuando introduzco algo en tinymce */ }

.blockFromTiny strong, .tippy-box strong { font-weight: 700; }

.blockFromTiny em, .tippy-box em { font-style: italic; }

.blockFromTiny ul, .tippy-box ul { margin-top: 10px; margin-left: 15px; margin-bottom: 20px; list-style-type: disc; }

.blockFromTiny ol, .tippy-box ol { margin-top: 10px; margin-left: 15px; margin-bottom: 20px; list-style-type: decimal; }

ul.separat li { margin-bottom: 8px; }

ul.separat li.indexat { padding-left: 15px; }

.ol { list-style-type: decimal; }

form .little + .tox-tinymce.tinyHideToolbar, .tinyHideToolbar { height: 50px !important; }

form .little + .tox-tinymce.tinyHideToolbar .tox-editor-header, .tinyHideToolbar .tox-editor-header { display: none; }

form .little + .tox-tinymce.tinyShowToolbar, .tinyShowToolbar { height: inherit; }

form .little + .tox-tinymce.tinyShowToolbar .tox-editor-header, .tinyShowToolbar .tox-editor-header { display: block; }

.invisiblesNoEditor { color: #4e5357; opacity: 0.3; }

.delete_element, .delete_element_examen { color: #ff7f7f; cursor: pointer; }

/*.tipsy {
	font-family: $base-font-family;
	background-color: $grey !important;
	opacity:1;
	color:$white;
	border: 1px solid $white;
} 
.tipsy:before {
	border-top: 5px solid $grey;
    border-bottom: 0 solid $grey;
}
.tipsy.arrow-side-left:before {
	border-right-color: $grey;
}
.tipsy.arrow-side-right:before {
	border-left-color: $grey;
}*/
.tippy-box { font-size: 12px; background-color: #666666 !important; }

.tippy-box .tippy-arrow:before { border-top-color: #666666 !important; }

.progressbar { box-sizing: content-box; height: 12px; /* Can be anything */ position: relative; margin: 0; background: #4e5357; border-radius: 15px; padding: 5px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }

.progressbar div.textBar { position: absolute; left: -90px; font-weight: 700; }

.progressbar span.bar { display: block; height: 100%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #00bbab; box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); position: relative; overflow: hidden; }

.fa-stack svg { margin-right: auto !important; }

.capaMesInfo { display: none; margin-top: 10px; padding: 15px; border: 1px solid #4e5357; }

.block_resalted { padding: 5px 10px; background-color: #4e5357; color: #FFFFFF; border-radius: 10px; font-weight: 700; width: fit-content; margin-bottom: 10px; }

.tippy-content ul li, .tippy-content ul li:hover { position: inherit; background-color: inherit !important; min-height: inherit; line-height: inherit; }

.form-container { position: relative; }

.loading-overlay { display: none; /* Oculto por defecto */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Capa gris semitransparente */ z-index: 1000; justify-content: center; align-items: center; }

.loading-content { text-align: center; color: #fff; }

.loading-content img { width: 100px; height: 100px; }

.loading-content .loading-text { margin-top: 10px; font-size: 16px; font-weight: bold; font-family: Arial, sans-serif; }

/* HEADER  */
.menu_button { /*content: '>\0000a0'; background-image:  url("/templates/default/img/ico_menu.png"); 	 background-repeat: no-repeat;*/ color: #FFFFFF; font-size: 26px; position: absolute; left: 25px; top: 18px; cursor: pointer; }

.header_content_center { max-width: 1450px; height: 70px; margin: 0 auto; }

.header_content_center .logo { background-image: url("/templates/default/img/logo_campus_mytech.png"); width: 320px; height: 40px; background-repeat: no-repeat; float: left; margin: 15px 10px; }

.header_content_center .logoTest { color: indianred; font-size: 18px; padding-top: 20px; float: left; }

.header_content_center .logo_mytech { background-image: url("/templates/default/img/mail_logo_mytechspace.png") !important; margin: 0 !important; height: 60px !important; }

.header_content_center .logo_upc { background-image: url("/templates/default/img/mail_logo_upc.png") !important; margin: 0 !important; height: 65px !important; }

.header_content_center .second_line { height: 100%; }

.header_content_center .search { overflow: hidden; /* para que me ocupe el espacio central*/ position: relative; top: 15px; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; height: 40px; padding: 5px 10px 5px 40px; /*background-image:  url("/templates/default/img/ico_search.png"); background-position: 11px 12px; background-repeat: no-repeat;*/ }

.header_content_center .search svg { position: absolute; left: 11px; top: 12px; color: #FFFFFF; font-size: 18px; }

.header_content_center .search input { background-color: transparent; border: 0; height: 100%; width: 100%; color: #FFFFFF; /*@include input-placeholder { color: $white_text;   	 }*/ }

.header_content_center .search input::placeholder { color: #FFFFFF; opacity: 0.5; }

.header_content_center .notifications .ico, .header_content_center .userinfo .ico, .header_content_center .qr_header .ico { margin-top: 20px; float: left; position: relative; /* esto hace que vibre al pasar por encima, lo quito .white_icon:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); //backface-visibility: hidden; perspective: 20px; }*/ }

.header_content_center .notifications .ico .white_icon, .header_content_center .userinfo .ico .white_icon, .header_content_center .qr_header .ico .white_icon { color: #FFFFFF; font-size: 22px; cursor: pointer; }

.header_content_center .notifications .ico .number, .header_content_center .userinfo .ico .number, .header_content_center .qr_header .ico .number { width: 22px; height: 22px; border-radius: 11px; color: #FFFFFF; background-color: #ff7f7f; text-align: center; font-size: 11px; line-height: 22px; position: absolute; top: -9px; right: -15px; cursor: pointer; }

.header_content_center .qr_header { position: relative; }

.header_content_center .qr_header .ico { margin-top: 12px; margin-left: 10px; }

.header_content_center .qr_header span { color: white; position: absolute; top: 13px; left: 31px; font-weight: bold; }

.header_content_center .notifications { height: 100%; float: right; margin-left: 35px; }

.header_content_center .notifications .messages { margin-left: 34px; margin-right: 15px; }

.header_content_center .notifications .warnings { margin-left: 15px; margin-right: 34px; }

@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); } }

.header_content_center .userinfo { height: 100%; float: right; margin-left: 10px; /*img{ height:36px; margin-top: ($header-height - 36)/2;			 }*/ }

.header_content_center .userinfo div, .header_content_center .userinfo img { float: left; }

.header_content_center .userinfo .name { line-height: 70px; margin-left: 12px; cursor: pointer; margin-right: 10px; position: relative; height: 70px; }

.header_content_center .userinfo .name span { display: inline-block; color: #FFFFFF; overflow: hidden; }

.header_content_center .userinfo .name span.short_name { max-width: 120px; margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.warnings .tooltip_page, .messages .tooltip_page, .userinfo .tooltip_page { width: 350px; left: -165px; top: 33px; }

.warnings .tooltip_page .scroll, .messages .tooltip_page .scroll, .userinfo .tooltip_page .scroll { position: absolute; background-color: #FFFFFF; width: 100%; }

.warnings .tooltip_page .head, .messages .tooltip_page .head, .userinfo .tooltip_page .head { height: 36px; padding: 10px; background-color: #FAFAFA; font-weight: 700; border-bottom: 1px solid #EEEEEE; }

.warnings .tooltip_page .head svg, .messages .tooltip_page .head svg, .userinfo .tooltip_page .head svg { font-size: 18px; cursor: pointer; }

.warnings .tooltip_page .head .button, .messages .tooltip_page .head .button, .userinfo .tooltip_page .head .button { margin-top: -5px; }

.warnings .tooltip_page .footer, .messages .tooltip_page .footer, .userinfo .tooltip_page .footer { height: 36px; padding: 10px; background-color: #FAFAFA; }

.warnings .tooltip_page ul li, .messages .tooltip_page ul li, .userinfo .tooltip_page ul li { height: 55px; line-height: inherit; position: relative; padding: 0px 12px; }

.warnings .tooltip_page ul li .icon, .messages .tooltip_page ul li .icon, .userinfo .tooltip_page ul li .icon { position: absolute; top: 8px; font-size: 18px; width: 38px; height: 38px; line-height: 38px; border-radius: 20px; background-color: #DFE0E4; text-align: center; }

.warnings .tooltip_page ul li .text, .messages .tooltip_page ul li .text, .userinfo .tooltip_page ul li .text { padding-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.warnings .tooltip_page ul li .text .name, .messages .tooltip_page ul li .text .name, .userinfo .tooltip_page ul li .text .name { display: inline-block; width: 175px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.warnings .tooltip_page #notificationsList .titol_curs, .messages .tooltip_page #notificationsList .titol_curs, .userinfo .tooltip_page #notificationsList .titol_curs { height: 40px; font-weight: bold; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.warnings .tooltip_page #notificationsList .titol_curs.senseEdicio, .messages .tooltip_page #notificationsList .titol_curs.senseEdicio, .userinfo .tooltip_page #notificationsList .titol_curs.senseEdicio { height: 20px; }

.warnings .tooltip_page #notificationsList a, .messages .tooltip_page #notificationsList a, .userinfo .tooltip_page #notificationsList a { color: #666666; /*.icon.materials{ background-color:$bg_notifications_materials; } .icon.job{ background-color:$bg_notifications_job; } .icon.marks{ background-color:$bg_notifications_marks; }*/ }

.warnings .tooltip_page #notificationsList a .number, .messages .tooltip_page #notificationsList a .number, .userinfo .tooltip_page #notificationsList a .number { width: 22px; height: 22px; border-radius: 11px; line-height: 22px; top: -6px; right: -9px; }

.warnings .tooltip_page #notificationsList a .text, .messages .tooltip_page #notificationsList a .text, .userinfo .tooltip_page #notificationsList a .text { padding-left: 50px; }

.warnings .tooltip_page, .warnings .tooltip_page .scroll { max-height: 600px; }

.userinfo .tooltip_page { right: -8px; left: inherit; top: 57px; background-color: #FFFFFF; width: 170px; }

.userinfo .tooltip_page ul li { height: 38px; background-color: #FFFFFF; font-weight: 700; line-height: 38px; }

.userinfo .tooltip_page ul li:hover { background-color: #f7f7f7; }

.warnings .tooltip_page:before, .messages .tooltip_page:before { border-bottom-color: #FAFAFA; }

.messages .tooltip_page li .fa { position: absolute; top: 23px; left: 1px; }

.tooltip_page.right_arrow:before { right: 0; left: auto; }

.path { height: 30px; background-color: #f7f7f7; line-height: 30px; }

.path .pathContent { max-width: 1450px; margin: 0 auto; height: 100%; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #007dd1; }

.path .pathContent a { color: #007dd1; font-weight: normal; }

.path .pathContent .separator { color: #666666; }

.path .pathContent .item:last-of-type { font-weight: bold; }

.path.bgArea1 .pathContent, .path.bgArea2 .pathContent, .path.bgArea3 .pathContent, .path.bgArea4 .pathContent, .path.bgArea5 .pathContent, .path.bgArea6 .pathContent, .path.bgArea7 .pathContent, .path.bgArea8 .pathContent, .path.bgArea9 .pathContent, .path.bgArea99 .pathContent { color: #FFFFFF; }

.path.bgArea1 .pathContent a, .path.bgArea2 .pathContent a, .path.bgArea3 .pathContent a, .path.bgArea4 .pathContent a, .path.bgArea5 .pathContent a, .path.bgArea6 .pathContent a, .path.bgArea7 .pathContent a, .path.bgArea8 .pathContent a, .path.bgArea9 .pathContent a, .path.bgArea99 .pathContent a { color: #FFFFFF; }

.path.bgArea1 .pathContent .separator, .path.bgArea2 .pathContent .separator, .path.bgArea3 .pathContent .separator, .path.bgArea4 .pathContent .separator, .path.bgArea5 .pathContent .separator, .path.bgArea6 .pathContent .separator, .path.bgArea7 .pathContent .separator, .path.bgArea8 .pathContent .separator, .path.bgArea9 .pathContent .separator, .path.bgArea99 .pathContent .separator { color: #FFFFFF; }

.headerCurs { height: 122px; background-color: #007dd1; }

.headerCurs .headerCursContent { height: 75px; line-height: 75px; max-width: 1450px; margin: 0 auto; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #FFFFFF; font-weight: 700; text-transform: uppercase; }

.headerCurs .headerCursContent .square { height: 45px; width: 45px; left: 0; top: 15px; border-radius: 10px; position: absolute; }

.headerCurs .headerCursContent.withIcon { padding-left: 60px; }

.headerCurs .containerMenu2 { height: 47px; padding-top: 0; }

.containerMenu2 { height: 49px; padding-top: 5px; }

.containerMenu2 .menu2 { max-width: 1450px; margin: 0 auto; position: relative; font-weight: 700; }

.containerMenu2 .menu2 ul { width: 100%; }

.containerMenu2 .menu2 ul li { font-family: "Lato", Arial; float: left; border-radius: 10px; margin-right: 3px; }

.containerMenu2 .menu2 ul li a { padding: 10px 20px; display: block; color: #FFFFFF; }

.containerMenu2 .menu2 ul .selected, .containerMenu2 .menu2 ul li:hover { background: rgba(255, 255, 255, 0.2); }

.containerMenu3, .containerMenu4 { height: 0px; background-color: #FFFFFF; }

.containerMenu3 .menu3, .containerMenu3 .menu4, .containerMenu4 .menu3, .containerMenu4 .menu4 { max-width: 1450px; margin: 0 auto; position: relative; font-weight: 700; }

.containerMenu3 .menu3 ul, .containerMenu3 .menu4 ul, .containerMenu4 .menu3 ul, .containerMenu4 .menu4 ul { width: 100%; }

.containerMenu3 .menu3 ul li, .containerMenu3 .menu4 ul li, .containerMenu4 .menu3 ul li, .containerMenu4 .menu4 ul li { font-family: "Lato", Arial; float: left; height: 100%; position: relative; }

.containerMenu3 .menu3 ul li a, .containerMenu3 .menu4 ul li a, .containerMenu4 .menu3 ul li a, .containerMenu4 .menu4 ul li a { padding: 14px 20px; display: block; color: #666666; }

.containerMenu3 .menu3 ul li .number, .containerMenu3 .menu4 ul li .number, .containerMenu4 .menu3 ul li .number, .containerMenu4 .menu4 ul li .number { top: 5px; right: 5px; }

.containerMenu3 .menu3 ul .selected, .containerMenu3 .menu3 ul li:hover, .containerMenu3 .menu4 ul .selected, .containerMenu3 .menu4 ul li:hover, .containerMenu4 .menu3 ul .selected, .containerMenu4 .menu3 ul li:hover, .containerMenu4 .menu4 ul .selected, .containerMenu4 .menu4 ul li:hover { box-shadow: #007dd1 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area1, .containerMenu3 .menu3 ul li:hover.area1, .containerMenu3 .menu4 ul .selected.area1, .containerMenu3 .menu4 ul li:hover.area1, .containerMenu4 .menu3 ul .selected.area1, .containerMenu4 .menu3 ul li:hover.area1, .containerMenu4 .menu4 ul .selected.area1, .containerMenu4 .menu4 ul li:hover.area1 { box-shadow: #E75D5D 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area1 a, .containerMenu3 .menu3 ul li:hover.area1 a, .containerMenu3 .menu4 ul .selected.area1 a, .containerMenu3 .menu4 ul li:hover.area1 a, .containerMenu4 .menu3 ul .selected.area1 a, .containerMenu4 .menu3 ul li:hover.area1 a, .containerMenu4 .menu4 ul .selected.area1 a, .containerMenu4 .menu4 ul li:hover.area1 a { color: #E75D5D; }

.containerMenu3 .menu3 ul .selected.area2, .containerMenu3 .menu3 ul li:hover.area2, .containerMenu3 .menu4 ul .selected.area2, .containerMenu3 .menu4 ul li:hover.area2, .containerMenu4 .menu3 ul .selected.area2, .containerMenu4 .menu3 ul li:hover.area2, .containerMenu4 .menu4 ul .selected.area2, .containerMenu4 .menu4 ul li:hover.area2 { box-shadow: #F5A623 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area2 a, .containerMenu3 .menu3 ul li:hover.area2 a, .containerMenu3 .menu4 ul .selected.area2 a, .containerMenu3 .menu4 ul li:hover.area2 a, .containerMenu4 .menu3 ul .selected.area2 a, .containerMenu4 .menu3 ul li:hover.area2 a, .containerMenu4 .menu4 ul .selected.area2 a, .containerMenu4 .menu4 ul li:hover.area2 a { color: #F5A623; }

.containerMenu3 .menu3 ul .selected.area3, .containerMenu3 .menu3 ul li:hover.area3, .containerMenu3 .menu4 ul .selected.area3, .containerMenu3 .menu4 ul li:hover.area3, .containerMenu4 .menu3 ul .selected.area3, .containerMenu4 .menu3 ul li:hover.area3, .containerMenu4 .menu4 ul .selected.area3, .containerMenu4 .menu4 ul li:hover.area3 { box-shadow: #5fb0b3 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area3 a, .containerMenu3 .menu3 ul li:hover.area3 a, .containerMenu3 .menu4 ul .selected.area3 a, .containerMenu3 .menu4 ul li:hover.area3 a, .containerMenu4 .menu3 ul .selected.area3 a, .containerMenu4 .menu3 ul li:hover.area3 a, .containerMenu4 .menu4 ul .selected.area3 a, .containerMenu4 .menu4 ul li:hover.area3 a { color: #5fb0b3; }

.containerMenu3 .menu3 ul .selected.area4, .containerMenu3 .menu3 ul li:hover.area4, .containerMenu3 .menu4 ul .selected.area4, .containerMenu3 .menu4 ul li:hover.area4, .containerMenu4 .menu3 ul .selected.area4, .containerMenu4 .menu3 ul li:hover.area4, .containerMenu4 .menu4 ul .selected.area4, .containerMenu4 .menu4 ul li:hover.area4 { box-shadow: #205CAC 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area4 a, .containerMenu3 .menu3 ul li:hover.area4 a, .containerMenu3 .menu4 ul .selected.area4 a, .containerMenu3 .menu4 ul li:hover.area4 a, .containerMenu4 .menu3 ul .selected.area4 a, .containerMenu4 .menu3 ul li:hover.area4 a, .containerMenu4 .menu4 ul .selected.area4 a, .containerMenu4 .menu4 ul li:hover.area4 a { color: #205CAC; }

.containerMenu3 .menu3 ul .selected.area5, .containerMenu3 .menu3 ul li:hover.area5, .containerMenu3 .menu4 ul .selected.area5, .containerMenu3 .menu4 ul li:hover.area5, .containerMenu4 .menu3 ul .selected.area5, .containerMenu4 .menu3 ul li:hover.area5, .containerMenu4 .menu4 ul .selected.area5, .containerMenu4 .menu4 ul li:hover.area5 { box-shadow: #73c25b 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area5 a, .containerMenu3 .menu3 ul li:hover.area5 a, .containerMenu3 .menu4 ul .selected.area5 a, .containerMenu3 .menu4 ul li:hover.area5 a, .containerMenu4 .menu3 ul .selected.area5 a, .containerMenu4 .menu3 ul li:hover.area5 a, .containerMenu4 .menu4 ul .selected.area5 a, .containerMenu4 .menu4 ul li:hover.area5 a { color: #73c25b; }

.containerMenu3 .menu3 ul .selected.area6, .containerMenu3 .menu3 ul li:hover.area6, .containerMenu3 .menu4 ul .selected.area6, .containerMenu3 .menu4 ul li:hover.area6, .containerMenu4 .menu3 ul .selected.area6, .containerMenu4 .menu3 ul li:hover.area6, .containerMenu4 .menu4 ul .selected.area6, .containerMenu4 .menu4 ul li:hover.area6 { box-shadow: #8FBE48 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area6 a, .containerMenu3 .menu3 ul li:hover.area6 a, .containerMenu3 .menu4 ul .selected.area6 a, .containerMenu3 .menu4 ul li:hover.area6 a, .containerMenu4 .menu3 ul .selected.area6 a, .containerMenu4 .menu3 ul li:hover.area6 a, .containerMenu4 .menu4 ul .selected.area6 a, .containerMenu4 .menu4 ul li:hover.area6 a { color: #8FBE48; }

.containerMenu3 .menu3 ul .selected.area7, .containerMenu3 .menu3 ul li:hover.area7, .containerMenu3 .menu4 ul .selected.area7, .containerMenu3 .menu4 ul li:hover.area7, .containerMenu4 .menu3 ul .selected.area7, .containerMenu4 .menu3 ul li:hover.area7, .containerMenu4 .menu4 ul .selected.area7, .containerMenu4 .menu4 ul li:hover.area7 { box-shadow: #c65ce6 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area7 a, .containerMenu3 .menu3 ul li:hover.area7 a, .containerMenu3 .menu4 ul .selected.area7 a, .containerMenu3 .menu4 ul li:hover.area7 a, .containerMenu4 .menu3 ul .selected.area7 a, .containerMenu4 .menu3 ul li:hover.area7 a, .containerMenu4 .menu4 ul .selected.area7 a, .containerMenu4 .menu4 ul li:hover.area7 a { color: #c65ce6; }

.containerMenu3 .menu3 ul .selected.area8, .containerMenu3 .menu3 ul li:hover.area8, .containerMenu3 .menu4 ul .selected.area8, .containerMenu3 .menu4 ul li:hover.area8, .containerMenu4 .menu3 ul .selected.area8, .containerMenu4 .menu3 ul li:hover.area8, .containerMenu4 .menu4 ul .selected.area8, .containerMenu4 .menu4 ul li:hover.area8 { box-shadow: #d1c35a 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area8 a, .containerMenu3 .menu3 ul li:hover.area8 a, .containerMenu3 .menu4 ul .selected.area8 a, .containerMenu3 .menu4 ul li:hover.area8 a, .containerMenu4 .menu3 ul .selected.area8 a, .containerMenu4 .menu3 ul li:hover.area8 a, .containerMenu4 .menu4 ul .selected.area8 a, .containerMenu4 .menu4 ul li:hover.area8 a { color: #d1c35a; }

.containerMenu3 .menu3 ul .selected.area99, .containerMenu3 .menu3 ul li:hover.area99, .containerMenu3 .menu4 ul .selected.area99, .containerMenu3 .menu4 ul li:hover.area99, .containerMenu4 .menu3 ul .selected.area99, .containerMenu4 .menu3 ul li:hover.area99, .containerMenu4 .menu4 ul .selected.area99, .containerMenu4 .menu4 ul li:hover.area99 { box-shadow: #007CCC 0px -4px 0px 0px inset; }

.containerMenu3 .menu3 ul .selected.area99 a, .containerMenu3 .menu3 ul li:hover.area99 a, .containerMenu3 .menu4 ul .selected.area99 a, .containerMenu3 .menu4 ul li:hover.area99 a, .containerMenu4 .menu3 ul .selected.area99 a, .containerMenu4 .menu3 ul li:hover.area99 a, .containerMenu4 .menu4 ul .selected.area99 a, .containerMenu4 .menu4 ul li:hover.area99 a { color: #007CCC; }

/* HEADER  */
.body_index { height: 100%; width: 100%; background-size: cover !important; }

.body_index .container_login { align-items: center; display: flex; justify-content: center; height: 100%; width: 100%; }

.body_index .container_login .login_layer { margin: auto auto; background-color: #666; width: fit-content; height: fit-content; border-radius: 25px; padding: 30px 40px; font-family: 'Open Sans',Arial,sans-serif; color: #FFFFFF; font-weight: bold; width: 400px; max-width: 90%; }

.body_index .container_login .login_layer .nom_campus { text-transform: uppercase; margin-bottom: 18px; text-align: center; font-size: 20px; }

.body_index .container_login .login_layer .logo_index { margin-bottom: 15px; }

.body_index .container_login .login_layer .logo_index img { filter: brightness(0) invert(1); }

.body_index .container_login .login_layer input { width: 100%; }

.body_index .container_login .login_layer .button { height: 35px; line-height: 35px; margin-top: 10px; margin-bottom: 15px; }

.body_index .container_login .login_layer .error { width: 100%; color: orangered; text-align: center; margin-bottom: 15px; display: inline-block; }

.body_index .container_login .login_layer .forgot { text-align: right; clear: both; }

.body_index .container_login .login_layer .forgot a { font-size: 90%; color: #FFFFFF; margin-bottom: 5px; display: block; }

/* HOME */
/* AYUDA CSS3 COMPASS  --> http://compass-style.org/reference/compass/css3/box_sizing/ */
.important_announcements { margin-bottom: 10px; width: 100%; height: 40px; }

.important_announcements .title { float: left; color: #FFFFFF; background-color: #007dd1; width: 170px; height: 100%; line-height: 40px; padding-left: 11px; position: relative; font-weight: 700; }

.important_announcements .title .rectangle { height: 19.8px; width: 19.8px; transform: rotate(405deg); background-color: #007dd1; position: absolute; top: 11px; right: -7px; z-index: 10; }

.important_announcements .announcements { background-color: #FFFFFF; max-width: 1280px; height: 100%; position: relative; margin-left: 170px; }

.important_announcements .announcements .announcement { background-color: #FFFFFF; color: #FFFFFF; height: 100%; padding-top: 11px; position: relative; z-index: 5; cursor: help; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 12px 60px 12px 25px; }

.important_announcements .announcements .announcement .button { float: unset; width: fit-content; right: 12px; position: absolute; }

.important_announcements .announcements .announcement::first-line { color: #666666; }

.important_announcements .announcements .arrow { top: 10px; height: 20px; width: 20px; line-height: 20px; background-color: #666666; position: absolute; border-radius: 5px; color: #FFFFFF; z-index: 10; cursor: pointer; }

.important_announcements .announcements .right-arrow { right: 8px; padding-left: 7px; }

.important_announcements .announcements .left-arrow { right: 32px; padding-left: 4px; }

.important_announcements .announcement.hover { line-height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: auto; overflow: initial; white-space: normal; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); color: #666666; }

#noCourses { margin-top: -11px; }

.box_container { width: 100%; display: flex; flex-direction: row; align-items: flex-start; /*.noActive{ .box_home_header, .button{ opacity: 0.5; }		 }*/ /* #services2{ .box_home_content{ padding-right: 0px; a{ height: $list_li_height; width: $list_li_height; display: block; float: left; line-height:  $list_li_height - 3; text-align: center; font-size: 22px; color: rgba(255,255,255,0.5); margin: 0px 30px 15px 0; //@include border-radius($list_li_height / 2);  border-radius: $list_li_height / 2; background-color: $background_base; 			 }	 a.redService{ background-color:$red_dark; } } }*/ }

.box_container .left_home, .box_container .right_home { display: flex; flex-direction: column; }

.box_container .left_home { order: 1; flex: 1 0 auto; width: calc( 100% - 345px); }

.box_container .right_home { order: 2; flex: 1 0 auto; padding-left: 15px; width: 345px; }

.box_container .box_home { flex: 0 0 auto; border-radius: 0; margin-bottom: 10px; background-color: #FFFFFF; border: 1px solid #DFE0E4; }

.box_container .box_home .list { margin-left: -12px; margin-right: -12px; }

.box_container .box_home .box_home_header { min-height: 40px; line-height: 20px; padding: 8px 12px; font-weight: 700; width: 100%; cursor: move; position: relative; background-color: #FAFAFA; box-shadow: inset 0 -1px 0 0 #EEEEEE; display: table; }

.box_container .box_home .box_home_header a { color: inherit; display: table-cell; vertical-align: middle; }

.box_container .box_home .box_home_header.amb_missatge_TF { padding: 8px 45px 8px 12px; }

.box_container .box_home .box_home_content { padding: 12px; }

.box_container .box_home .box_home_content .subtitle-left { font-weight: 700; float: left; margin-bottom: 12px; }

.box_container .box_home .box_home_content .subtitle-right { float: right; margin-bottom: 12px; }

.box_container .box_home .box_home_content.miniPaddingTop { padding-top: 4px; }

.box_container .box_home .box_home_content.miniPaddingBottom { padding-bottom: 4px; }

.box_container .box_home .box_home_content.miniPaddingBottom .list { margin-bottom: 0px; }

.box_container .box_home .box_home_toggle { position: absolute; top: 50%; right: 12px; margin-top: -8px; cursor: pointer; }

.box_container .box_home.ui-sortable-helper .box_home_header { background-color: #E0F3F9; }

.box_container .box_home.fixed .box_home_header { cursor: auto; }

.box_container .box_home.course { border: none; }

.box_container .box_home.course .box_home_header { box-shadow: none; color: #FFFFFF; }

.box_container .box_home.course .box_home_header .moreTooltip { float: right; }

.box_container .box_home.course .box_home_header .moreTooltip svg { color: #FFFFFF; cursor: pointer; font-size: 12px; }

.box_container .box_home.course .box_home_header .senMessageTecnica { /* float:right; */ }

.box_container .box_home.course .box_home_header .senMessageTecnica svg { color: #FFFFFF; cursor: pointer; font-size: 12px; }

.box_container .box_home.course .box_home_content li { height: 48px; line-height: 48px; }

.box_container .box_home.course .box_home_content li a .resalted { font-weight: 700; }

.box_container #social { padding-bottom: 2px; }

.box_container #social li { text-align: center; height: 40px; line-height: 50px; }

.box_container #social li a { margin: 0 4px; }

.box_container #social li a svg { color: #666666; font-size: 26px; }

.box_container .box_home.courseFilter { background-color: #FAFAFA; font-weight: 700; }

.box_container .box_home.courseFilter .filters, .box_container .box_home.courseFilter .views { float: right; }

.box_container .box_home.courseFilter .filters svg, .box_container .box_home.courseFilter .views svg { cursor: pointer; }

.box_container .box_home.courseFilter .filters svg { margin-left: 10px; margin-right: 5px; }

.box_container .box_home.courseFilter .filters span { font-weight: 400; }

.box_container .box_home.courseFilter .views { margin-left: 30px; }

.box_container .box_home.courseFilter .views svg { margin-left: 7px; }

.box_container .box_home.courseFilter .views svg.noSelected { color: #DFE0E4; }

.box_container .box_home.separadorAnyAcademic { background-color: transparent; border: none; font-size: 1.2em; font-weight: 700; border-bottom: 2px solid; }

.box_container .box_home.separadorAnyAcademicNotFirsLine { margin-top: 20px; }

.box_home .list li { /*margin-left: -12px; margin-right: -12px;*/ }

.initial_content { display: none; }

.sortableplaceholder { background-color: #E5EDEE; border: 1px dashed #007dd1; margin-bottom: 10px; }

.sortableplaceholder-disabled { display: none; }

.listHighlight { border: 1px dotted #007dd1; opacity: 0.5; }

.selectFolder { opacity: .75; width: 100%; height: 100%; position: relative; border: 1px dashed #007dd1; background: #FFF url("/templates/default/img/plus_folder.png") no-repeat center 5px; }

.iCal-list { margin-top: 10px !important; display: none; }

.moreTooltip { position: relative; }

.moreTooltip .tooltip_page { width: auto; }

.moreTooltip .tooltip_page li { font-weight: normal; text-transform: none; }

.senMessageTecnica { right: 15px; padding-right: 30px; padding-top: 15px; position: absolute; }

/* MENU */
.menu_principal > li { text-transform: uppercase; font-weight: 700; cursor: pointer; }

.menu_principal > li svg { margin-right: 5px; color: inherit; }

/********** menu horizontal *************/
.menu_horizontal { height: 50px; background-color: #FFFFFF; }

.menu_horizontal .menu_content_center { max-width: 1450px; margin: 0 auto; }

.menu_horizontal .menu_content_center .menu_principal { width: 100%; border-bottom: 1px solid #e5e5e3; }

.menu_horizontal .menu_content_center .menu_principal .tooltip_page { right: 0; }

.menu_horizontal .menu_content_center .menu_principal > li { font-family: "Lato", Arial; float: left; margin-right: 40px; height: 100%; line-height: 50px; padding-right: 3px; }

.menu_horizontal .menu_content_center .menu_principal > li a { display: block; color: #666666; }

.menu_horizontal .menu_content_center .menu_principal > li:last-of-type { margin-right: 0; }

.menu_horizontal .menu_content_center .menu_principal .selected, .menu_horizontal .menu_content_center .menu_principal > li:hover { box-shadow: #4e5357 0px -4px 0px 0px inset; }

.msj_status { width: 100%; display: none; }

.msj_status .content_center { max-width: 1450px; margin: 0 auto; padding: 10px 18px !important; font-weight: 700 !important; color: #FFFFFF; width: fit-content; }

.msj_status.error .content_center { background-color: #ff7f7f; }

.msj_status.success .content_center { background-color: #00bbab; }

/********** menu vertical *************/
.menu_vertical { display: none; width: 200px; height: calc(100% - 70px); background-color: #FFFFFF; position: fixed; left: 0; top: 70px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); z-index: 200; overflow: hidden; }

.menu_vertical .noVertical { display: none; }

.menu_vertical .box { padding: 30px 15px 0 15px; }

.menu_vertical .box .title { font-family: "Lato", Arial; text-transform: uppercase; font-weight: 700; white-space: nowrap; }

.menu_vertical .box .menu_principal { margin-top: 23px; }

.menu_vertical .box .menu_principal li { background-position-y: 3px; padding-bottom: 20px; }

.menu_vertical .box .menu_principal .selected, .menu_vertical .box .menu_principal li:hover { color: #007dd1; }

.menu_vertical .box .activity .activity_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; margin-bottom: 10px; margin-top: 23px; font-weight: 700; }

.menu_vertical .box .activity .activity_title svg { margin-right: 5px; }

.menu_vertical .box .activity .activity_title i.caret { cursor: pointer; position: absolute; right: 0; color: #666666; }

.menu_vertical .box .activity .menu_aules { font-weight: 700; text-align: right; cursor: pointer; }

.menu_vertical .box .activity ul { display: none; background-color: #f7f7f7; margin: 0 -15px; padding: 0 15px; }

.menu_vertical .box .activity ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(102, 102, 102, 0.5); padding-bottom: 18px; cursor: pointer; }

.menu_vertical .box .activity ul li svg { font-size: 11px; margin-right: 13px; color: #DFE0E4; }

.menu_vertical .box .activity ul li:hover { font-weight: 700; }

.menu_vertical .box .activity ul li:first-child { padding-top: 18px; }

.menu_vertical .box .activity ul li.inProgress { color: inherit; }

.menu_vertical .box .activity ul li.inProgress svg { color: #00bbab; }

.menu_vertical .box:after { content: ""; position: absolute; left: 15px; width: 170px; border-bottom: 1px solid #e5e5e3; }

/* STRUCTURE*/
header { height: 70px; background: linear-gradient(180deg, #5E6262 0%, #303333 100%); position: fixed; width: 100%; z-index: 100; }

.content { max-width: 1450px; margin: 0 auto; padding: 131px 0 30px 0; }

.content table.top_fixed thead th { top: 120px; }

.content.page404 { position: relative; padding: 81px 0 30px 0; }

.content.page404 .title { font-size: 95px; font-weight: bold; text-transform: uppercase; margin-top: 35px; max-width: 45%; }

.content.page404 .text { font-size: 20px; max-width: 60%; height: 300px; }

.content.page404 .text h2 { padding-bottom: 20px; }

.content.page404 .cat { position: absolute; right: 0; top: 65px; max-width: 50%; }

.content.withPath { padding: 161px 0 30px 0; }

.content.withPath table.top_fixed thead th { top: 150px; }

.content.withHeaderCurs { padding: 283px 0 30px 0; }

.content.withHeaderCurs table.top_fixed thead th { top: 272px; }

.content.withMenu3 { padding: 283px 0 30px 0; }

.content.withMenu3 table.top_fixed thead th { border-top: 1px solid #DFE0E4 !important; top: 272px; }

.content.withMenu3 table.top_fixed thead tr.size_file th, .content.withMenu3 table.top_fixed thead tr.no_border th { border: none !important; }

.content.withMenu2-3 { padding: 208px 0 30px 0; }

.content.withMenu2-3 thead th { top: 197px; }

.content.content_popup { padding: 20px !important; }

.einesTaula { font-size: 20px; }

/* PAGINA MISSATGES */
#missatgesTaula thead tr.header th { font-size: 16px; }

#missatgesTaula tbody tr td { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently  supported by Chrome and Opera */ }

#missatgesTaula tbody tr.selected { background-color: #ffc973 !important; }

#cercarDatatable { width: 200px; }

table.tdEllipsis td div.remitent_missatge { max-width: 230px; float: left; }

table.tdEllipsis td div.titol_missatge { margin-left: 20px; margin-right: 20px; }

table.dataTable svg.prioritat_mobile_missatge { position: absolute; left: 10px; margin-top: 22px; }

table.dataTable svg.adjunt_mobile_missatge { position: absolute; right: 10px; margin-top: 22px; }

table.dataTable tbody tr.no_llegit { background-color: #f7f7f7 !important; }

table.dataTable tbody tr.no_llegit td { font-weight: 700; }

.einesMissatges br.saltoMobile { display: none; }

.einesMissatges th { padding-top: 0; }

.einesMissatges div.actionDelete { display: none; }

.einesMissatges div.search .tooltip_page { background-color: transparent; border: none; box-shadow: none; top: -8px; left: 42px; }

.einesMissatges .moveFolder .tooltip_page { max-height: 300px; overflow-y: scroll; }

.einesMissatges .pageChange { display: none; float: right; }

.einesMissatges .pageChange .anteriorPag, .einesMissatges .pageChange .siguientePag { cursor: pointer; }

.einesMissatges .fa-stack { margin-left: 10px; font-size: 10px; cursor: pointer; }

.einesMissatges .actionIconContainer { display: inline-block; }

/************* MISSATGES ********************/
form.new_message input { width: 100%; }

form .destinataris_selected { max-height: 90px; overflow: overlay; }

form .destinataris_selected svg { cursor: pointer; color: #ff7f7f; font-size: 19px; margin-right: 4px; margin-left: 10px; vertical-align: middle; }

form .destinataris_selected li { padding: 5px 0; display: inline-block; white-space: nowrap; }

.foto_perfil { object-fit: cover; width: 50px; height: 50px; border-radius: 50px; }

.foto_perfil.mini { width: 40px; height: 40px; border-radius: 40px; }

.foto_perfil.micro { width: 30px; height: 30px; border-radius: 30px; }

/***************** DIRECTORI *******************/
.directori_level1 input[type="checkbox"] + label { padding-left: 35px; padding-top: 35px; margin-bottom: 0; }

.directori_level1 input[type="checkbox"] + label:before { left: 9px; top: 9px; }

.directori_level1 input[type="checkbox"]:checked + label:before { left: 11px; top: 7px; }

.directori_level1 li { position: relative; height: auto; }

.directori_level1 span { padding-left: 0px; display: inline-block; width: calc(100% - 35px); vertical-align: middle; }

.directori_level1 span.spangroup { width: auto; }

.directori_level1 div.element { cursor: pointer; padding: 0 30px 0 5px; }

.directori_level1 div.element label { line-height: 100%; vertical-align: middle; }

.directori_level1 .directori_level2 { display: none; }

.directori_level1 .directori_level2 li { padding-left: 40px; }

.directori_level1 .directori_level2 li .directori_level3 { display: none; }

.directori_level1 .directori_level2 li .directori_level3 li { padding-left: 40px; }

.directori_level1 .caret { position: absolute; right: 10px; top: 12px; font-size: 20px; }

ul.listLogos li { display: inline-block; margin-right: 35px; height: 80px; }

ul.listLogos li img { max-width: 100%; max-height: 100%; }

ul.listTooltip { columns: 5; }

.tooltipDestinataris { padding-left: 15px; }

/***************** FORUMS *******************/
.containerNumMessages { float: right; vertical-align: middle; position: relative; margin-top: -5px; }

.containerNumMessages .iconMessage { margin-top: 8px; font-size: 30px; }

.containerNumMessages .numMessages { position: absolute; z-index: 5; top: 5px; color: white; font-size: 11px; left: -2px; width: 30px; text-align: center; }

.containerNumMessages .newMessages { position: absolute; z-index: 5; top: 37px; font-size: 10px; left: -12px; white-space: nowrap; width: 70px; font-weight: 700; text-align: center; }

/***************** XXX *******************/
.forumList { margin-top: 10px; }

.forumList ul { padding-left: 30px; }

.forumList ul .container { padding-top: 20px; padding-left: 10px; }

.forumList ul .container.new { background-color: #f7f7f7; }

.forumList img.foto_perfil { float: left; }

.forumList .info { float: left; margin-left: 10px; }

.forumList .info .nom { font-weight: 700; font-size: 14px; }

.forumList .info .perfil { border-radius: 10px; color: #FFFFFF; padding: 2px 5px; margin-top: 3px; background-color: #007dd1; font-weight: 700; width: max-content; }

.forumList .info .nou { float: none; display: inline-block; border-radius: 10px; color: #FFFFFF; padding: 2px 5px; margin-top: 3px; background-color: #4e5357; font-weight: 700; width: fit-content; }

.forumList .footer { height: 30px; border-bottom: 1px solid #DFE0E4; }

table.qualificacions { width: 100%; }

table.qualificacions thead tr th { width: 80px; font-size: 12px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px !important; text-align: center; }

table.qualificacions thead tr th.relleno { width: unset; }

table.qualificacions thead tr th.nota_examen { width: 110px; }

table.qualificacions thead tr th.nota_examen input { pointer-events: none; }

table.qualificacions thead tr th:first-child { width: 250px; text-align: left; }

table.qualificacions tbody tr td { padding: 5px !important; text-align: center; }

table.qualificacions tbody tr td input { width: 50px; padding: 3px; margin: inherit; border-radius: 5px; font-size: inherit; margin-right: 3px; }

table.qualificacions tbody tr td .valorNota { width: 46px; display: inline-block; text-align: right; padding-right: 10px; }

table.qualificacions tbody tr td input:read-only { border: none; background: none; opacity: 1; text-align: center; margin-right: 0px; }

table.qualificacions tbody tr td input.examen_comencat { color: transparent !important; }

table.qualificacions tbody tr td svg { margin-left: 2px; }

table.qualificacions tbody tr td div.inputContainer { display: inline-block; position: relative; }

table.qualificacions tbody tr td .overInput { position: absolute; right: 20px; top: 0px; }

table.qualificacions tbody tr td:first-child { text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

table.qualificacions tbody tr.hovered td { background-color: #f7f7f7; }

.omplert { color: #00bbab; }

.posarNP { font-size: 10px; font-weight: bold; cursor: pointer; background-color: #007dd1; color: white; padding: 0px 3px; border-radius: 3px; }

table.qualificacions.ambNotaFinal tr th:last-child, table.qualificacions.ambNotaFinal tr td:last-child { background-color: #DFE0E4; }

form.formRedirect { max-width: 800px; }

form.formRedirect div.redirect_icon { width: 49%; display: inline-block; margin-bottom: 20px; padding: 20px; }

form.formRedirect div.redirect_icon svg { float: left; width: 100%; height: auto; }

form.formRedirect div.redirect_text { width: 49%; font-size: 18px; display: inline-block; vertical-align: top; margin-top: 30px; margin-bottom: 20px; }

.tooltip_menu { position: relative; }

.tooltip_menu ul li { font-size: 14px; font-weight: normal; }

#newMaterial .tooltip_page { top: 32px; right: -3px; }

#newQuestionari .tooltip_page, #newPregunta .tooltip_page { top: 32px; right: -2px !important; }

#newQuestionari .tooltip_page li, #newPregunta .tooltip_page li { text-transform: capitalize; }

.iconNoVist, .iconNoVistCarpeta { color: #DFE0E4; }

.list.materials, .list.questionaris, .listAmbFotos, .listMaterialsEntregats { /*li.materialTag:after { content: " "; display: block; border-bottom: 0.5px solid #9E9E9E; }*/ }

.list.materials .number, .list.questionaris .number, .listAmbFotos .number, .listMaterialsEntregats .number { background-color: #666666; }

.list.materials .dataMaterial, .list.questionaris .dataMaterial, .listAmbFotos .dataMaterial, .listMaterialsEntregats .dataMaterial { position: absolute; bottom: 26px; right: 9px; font-size: 11px; white-space: nowrap; text-align: right; height: 0; }

.list.materials .previewMaterial, .list.questionaris .previewMaterial, .listAmbFotos .previewMaterial, .listMaterialsEntregats .previewMaterial { position: absolute; left: 68px; padding-left: 5px !important; padding-right: 5px !important; }

.list.materials .previewQuestionari, .list.questionaris .previewQuestionari, .listAmbFotos .previewQuestionari, .listMaterialsEntregats .previewQuestionari { position: absolute; left: 5px; padding-left: 5px !important; padding-right: 5px !important; }

.list.materials .previewMaterialHueco, .list.questionaris .previewMaterialHueco, .listAmbFotos .previewMaterialHueco, .listMaterialsEntregats .previewMaterialHueco { width: 20px; display: inline-block; }

.list.materials .nom_questionari, .list.questionaris .nom_questionari, .listAmbFotos .nom_questionari, .listMaterialsEntregats .nom_questionari { padding-left: 30px; }

.list.materials li.file.noVist .nom_material, .list.materials li.file.noVist .nom_questionari, .list.questionaris li.file.noVist .nom_material, .list.questionaris li.file.noVist .nom_questionari, .listAmbFotos li.file.noVist .nom_material, .listAmbFotos li.file.noVist .nom_questionari, .listMaterialsEntregats li.file.noVist .nom_material, .listMaterialsEntregats li.file.noVist .nom_questionari { font-weight: bold; }

.list.materials li.file.noVist .iconNoVist, .list.questionaris li.file.noVist .iconNoVist, .listAmbFotos li.file.noVist .iconNoVist, .listMaterialsEntregats li.file.noVist .iconNoVist { display: inline block !important; }

.list.materials li.file.noVist .iconVist, .list.questionaris li.file.noVist .iconVist, .listAmbFotos li.file.noVist .iconVist, .listMaterialsEntregats li.file.noVist .iconVist { display: none !important; }

.list.materials li.file:not(.noVist) .iconNoVist, .list.questionaris li.file:not(.noVist) .iconNoVist, .listAmbFotos li.file:not(.noVist) .iconNoVist, .listMaterialsEntregats li.file:not(.noVist) .iconNoVist { display: none; }

.list.materials li.file:not(.noVist) .iconVist, .list.questionaris li.file:not(.noVist) .iconVist, .listAmbFotos li.file:not(.noVist) .iconVist, .listMaterialsEntregats li.file:not(.noVist) .iconVist { display: inline block; }

.list.materials li:hover .iconNoVist, .list.materials li:hover .iconNoVistCarpeta, .list.questionaris li:hover .iconNoVist, .list.questionaris li:hover .iconNoVistCarpeta, .listAmbFotos li:hover .iconNoVist, .listAmbFotos li:hover .iconNoVistCarpeta, .listMaterialsEntregats li:hover .iconNoVist, .listMaterialsEntregats li:hover .iconNoVistCarpeta { color: #f7f7f7; }

.list.materials li:hover li .iconNoVist, .list.questionaris li:hover li .iconNoVist, .listAmbFotos li:hover li .iconNoVist, .listMaterialsEntregats li:hover li .iconNoVist { color: #DFE0E4; }

.list.materials li:hover li:hover .iconNoVist, .list.questionaris li:hover li:hover .iconNoVist, .listAmbFotos li:hover li:hover .iconNoVist, .listMaterialsEntregats li:hover li:hover .iconNoVist { color: #f7f7f7; }

.list.materials li.folder .iconNoVistCarpeta, .list.materials li.folder .iconVistCarpeta, .list.questionaris li.folder .iconNoVistCarpeta, .list.questionaris li.folder .iconVistCarpeta, .listAmbFotos li.folder .iconNoVistCarpeta, .listAmbFotos li.folder .iconVistCarpeta, .listMaterialsEntregats li.folder .iconNoVistCarpeta, .listMaterialsEntregats li.folder .iconVistCarpeta { margin-left: 3px; }

.list.materials li.materialTag, .list.questionaris li.materialTag, .listAmbFotos li.materialTag, .listMaterialsEntregats li.materialTag { background-color: transparent !important; min-height: fit-content !important; line-height: initial !important; padding-top: 10px; }

.list.materials li.materialTag .iconMini, .list.materials li.materialTag .infoFile, .list.materials li.materialTag .iconMaterial, .list.questionaris li.materialTag .iconMini, .list.questionaris li.materialTag .infoFile, .list.questionaris li.materialTag .iconMaterial, .listAmbFotos li.materialTag .iconMini, .listAmbFotos li.materialTag .infoFile, .listAmbFotos li.materialTag .iconMaterial, .listMaterialsEntregats li.materialTag .iconMini, .listMaterialsEntregats li.materialTag .infoFile, .listMaterialsEntregats li.materialTag .iconMaterial { display: none !important; }

.list.materials li.materialTag a.linkMaterial, .list.questionaris li.materialTag a.linkMaterial, .listAmbFotos li.materialTag a.linkMaterial, .listMaterialsEntregats li.materialTag a.linkMaterial { pointer-events: none; cursor: pointer; padding: 0px 0px 2px 35px; margin-bottom: 10px; border-bottom: 1px solid #007CCC; }

.list.materials li.materialTag .noVisibleOcupantEspai + a.linkMaterial, .list.questionaris li.materialTag .noVisibleOcupantEspai + a.linkMaterial, .listAmbFotos li.materialTag .noVisibleOcupantEspai + a.linkMaterial, .listMaterialsEntregats li.materialTag .noVisibleOcupantEspai + a.linkMaterial { padding-left: 5px; }

.list.materials li.materialTag .nom_material, .list.questionaris li.materialTag .nom_material, .listAmbFotos li.materialTag .nom_material, .listMaterialsEntregats li.materialTag .nom_material { font-weight: bold !important; }

.list.materials li.materialTag .rightIcons, .list.questionaris li.materialTag .rightIcons, .listAmbFotos li.materialTag .rightIcons, .listMaterialsEntregats li.materialTag .rightIcons { top: 10px; }

.list.materials li.materialTag .checkbox_material, .list.questionaris li.materialTag .checkbox_material, .listAmbFotos li.materialTag .checkbox_material, .listMaterialsEntregats li.materialTag .checkbox_material { top: 0; }

.list.materials li.materialTag.area1 a.linkMaterial, .list.questionaris li.materialTag.area1 a.linkMaterial, .listAmbFotos li.materialTag.area1 a.linkMaterial, .listMaterialsEntregats li.materialTag.area1 a.linkMaterial { border-bottom: 1px solid #E75D5D; }

.list.materials li.materialTag.area2 a.linkMaterial, .list.questionaris li.materialTag.area2 a.linkMaterial, .listAmbFotos li.materialTag.area2 a.linkMaterial, .listMaterialsEntregats li.materialTag.area2 a.linkMaterial { border-bottom: 1px solid #F5A623; }

.list.materials li.materialTag.area3 a.linkMaterial, .list.questionaris li.materialTag.area3 a.linkMaterial, .listAmbFotos li.materialTag.area3 a.linkMaterial, .listMaterialsEntregats li.materialTag.area3 a.linkMaterial { border-bottom: 1px solid #5fb0b3; }

.list.materials li.materialTag.area4 a.linkMaterial, .list.questionaris li.materialTag.area4 a.linkMaterial, .listAmbFotos li.materialTag.area4 a.linkMaterial, .listMaterialsEntregats li.materialTag.area4 a.linkMaterial { border-bottom: 1px solid #205CAC; }

.list.materials li.materialTag.area5 a.linkMaterial, .list.questionaris li.materialTag.area5 a.linkMaterial, .listAmbFotos li.materialTag.area5 a.linkMaterial, .listMaterialsEntregats li.materialTag.area5 a.linkMaterial { border-bottom: 1px solid #73c25b; }

.list.materials li.materialTag.area6 a.linkMaterial, .list.questionaris li.materialTag.area6 a.linkMaterial, .listAmbFotos li.materialTag.area6 a.linkMaterial, .listMaterialsEntregats li.materialTag.area6 a.linkMaterial { border-bottom: 1px solid #8FBE48; }

.list.materials li.materialTag.area7 a.linkMaterial, .list.questionaris li.materialTag.area7 a.linkMaterial, .listAmbFotos li.materialTag.area7 a.linkMaterial, .listMaterialsEntregats li.materialTag.area7 a.linkMaterial { border-bottom: 1px solid #c65ce6; }

.list.materials li.materialTag.area8 a.linkMaterial, .list.questionaris li.materialTag.area8 a.linkMaterial, .listAmbFotos li.materialTag.area8 a.linkMaterial, .listMaterialsEntregats li.materialTag.area8 a.linkMaterial { border-bottom: 1px solid #d1c35a; }

.feedback, .statistics { padding: 10px; margin-bottom: 10px; background: #FFFFFF; width: fit-content; position: initial; min-height: initial; line-height: initial; }

.statistics { margin-top: 10px; color: #B75C5E; background: #DFE0E4; }

.statistics.resposta { margin-top: 20px; }

.fotoQuestOld { margin: 10px 0; position: initial; min-height: initial; line-height: initial; }

.list.materials.withCheckbox li { padding-left: 0; }

.list.materials.withCheckbox li a { padding-left: 35px; }

.list.materials.withCheckbox li .entrega .previewMaterial { left: 47px !important; }

.listAmbFotos .previewMaterial { left: 90px; }

.listMaterialsEntregats .previewMaterial { left: 45px; }

.listAmbFotos > li { padding-left: 60px; min-height: 55px; line-height: 55px; }

.listAmbFotos > li .foto { display: inline-block; height: 40px; position: absolute; left: 8px; top: 8px; }

.listAmbFotos > li .notaContainer { float: right; margin-right: 10px; padding-right: 15px; }

.listAmbFotos > li .notaContainer input { width: 50px; padding: 3px; margin: inherit; margin-right: inherit; border-radius: 5px; font-size: inherit; margin-right: 3px; }

.listAmbFotos > li .rightAbsolute a { padding: 0; }

.listAmbFotos > li ul.list { padding-left: 0; margin-left: -60px; }

.listAmbFotos > li ul.list li { padding-left: 45px; }

.list.listQuestionaris li { display: flex; flex-direction: column; padding: 1px 12px; margin-bottom: 10px; }

.list.listQuestionaris li .blockFromTiny p { line-height: 1.8; display: block; padding: 10px 0; }

.list.listQuestionaris pre { font-family: monospace; line-height: 1; background-color: #DFE0E4; padding: 10px; display: inline-block; /* clave */ white-space: pre; /* respeta el contenido tal cual */ max-width: 100%; /* por seguridad en responsive */ overflow-x: auto; }

.list.listQuestionaris pre > code { display: block; }

.list.listQuestionaris .numPregunta { position: absolute; }

.list.listQuestionaris p:first-of-type { display: inline; }

.list.listQuestionaris p:not(:first-of-type) { line-height: initial; min-height: initial; }

.list.listQuestionaris .blockFromTiny { padding-left: 30px; display: inline-block; }

.list.listQuestionaris .blockFromTiny li { line-height: initial; min-height: initial; margin: 0; }

.list.listQuestionaris ul.listQuestionarisRespostes { margin-left: 20px; }

.list.listQuestionaris ul.listQuestionarisRespostes li { margin-bottom: 0px; }

.list.listQuestionaris ul.listQuestionarisRespostes .blockFromTiny { padding-left: 20px; max-width: initial; }

.list.listQuestionaris li input[type="checkbox"]:not(:checked).radiofake + label:first-of-type { left: -5px; }

.list.listQuestionaris .respostaContainer, .list.listQuestionaris .preguntaContainer { /* para corrección */ padding-top: 15px; padding-bottom: 15px; line-height: initial; min-height: initial; margin: 0; }

.list.listQuestionarisCorreccio li { margin-bottom: 20px; }

.list.listQuestionarisCorreccio li ul { background-color: transparent; }

.list.listQuestionarisCorreccio li ul li { background-color: #DFE0E4 !important; margin-bottom: 10px; }

.progresAula { display: inline !important; background-color: #666666; padding: 2px 6px; border-radius: 8px; height: 10px; color: #FFFFFF; font-size: 80%; }

.progresAulaParticipants { margin-left: 5px; }

.participant_caducat { opacity: 0.5; }

.boles_progres { /* display: inline; */ }

.boles_progres div { float: right; clear: right; margin-bottom: 5px; }

.data_defensa { float: right; clear: right; margin-bottom: 5px; }

.aulaInvisibleItinerari, .carpetaInvisibleItinerari { opacity: 0.5; cursor: not-allowed; }

.aulaInvisibleItinerari .nouMaterial, .aulaInvisibleItinerari .progresAula, .aulaInvisibleItinerari .iconProgresAula, .aulaInvisibleItinerari .rightIcons, .aulaInvisibleItinerari .calendarDates, .aulaInvisibleItinerari .iconVisibilitat, .aulaInvisibleItinerari .iconItinerari, .aulaInvisibleItinerari label, .carpetaInvisibleItinerari .nouMaterial, .carpetaInvisibleItinerari .progresAula, .carpetaInvisibleItinerari .iconProgresAula, .carpetaInvisibleItinerari .rightIcons, .carpetaInvisibleItinerari .calendarDates, .carpetaInvisibleItinerari .iconVisibilitat, .carpetaInvisibleItinerari .iconItinerari, .carpetaInvisibleItinerari label { display: none !important; }

.aulaInvisibleItinerari a, .carpetaInvisibleItinerari a { pointer-events: none; }

.aulaInvisibleItinerari .nom_carpeta, .carpetaInvisibleItinerari .nom_carpeta { margin-left: 5px; }

/********* MENUS INTERIORS **************/
div.contentBox .body.withMenuInside { padding-top: 55px !important; position: relative; }

div.contentBox .body.withMenuInsideParticipants { position: relative; min-height: 45px; }

.menuInterior { z-index: 20; position: absolute; left: 0; top: 0; border-bottom: 1px solid #DFE0E4; width: 100%; height: 45px; }

.menuInterior .menu3, .menuInterior .menu4 { margin: 0; }

.menuInterior .menu3 ul, .menuInterior .menu4 ul { display: flex; }

.menuInterior .menu3 ul a, .menuInterior .menu4 ul a { white-space: nowrap; }

.menuInterior.menuSollicituds { height: auto; min-height: 45px; }

.menuInterior.menuInteriorFixed { position: fixed; }

.menuInterior.menuInteriorFixed .menu3, .menuInterior.menuInteriorFixed .menu4 { margin: 0 auto; }

table.withMenuInsideParticipants.fixedHeader-floating { padding-top: 38px; }

/* TAQUILLES CITM */
.container_taquilles { display: flex; flex-direction: column; width: fit-content; }

.container_taquilles .row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0px; }

.container_taquilles .cell { padding: 10px; background-color: #ccc; border: 1px solid #000; position: relative; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin: 1px; overflow: hidden; width: 75px; }

.container_taquilles .cell.tamany1 { height: 100px; }

.container_taquilles .cell.tamany2 { height: 150px; }

.container_taquilles .cell.tamany3 { height: 50px; }

.container_taquilles .cell.tamany4 { height: 250px; }

.container_taquilles .cell.lliure { /* background-color: #93c77fcb;*/ }

.container_taquilles .cell.ocupat { background-color: #e97878e7; }

.container_taquilles .cell.seleccionat { background-color: #ff880091; }

.container_taquilles .cell:after { content: ""; position: absolute; margin: -33px; width: 40px; height: 40px; transform: rotate(45deg); background-color: #00b3e9; /* to see where it is */ }

.container_taquilles .numberTaquilla { width: 22px; height: 22px; color: #FFFFFF; background-color: #000000; text-align: center; font-size: 11px; line-height: 22px; position: absolute; top: 0px; right: 0px; cursor: pointer; font-weight: bold; }

.container_taquilles .teclado { position: absolute; left: 5px; top: 45%; font-size: 18px; }

/***************** CARTERA DIGITAL *******************/
.titols_container { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; }

.titol_item { flex: 1 0 auto; background-color: #f7f7f7; padding: 10px; max-width: 470px; }

.titol_item a { color: inherit; display: flex; align-items: flex-start; margin-bottom: 5px; }

.titol_item a .icon_without_li { margin-right: 10px; }

.titol_item a span { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; flex-grow: 1; /* para que ocupe el espacio central completo */ }

.titol_item .titol_thumb { margin: 0 auto 10px auto; position: relative; padding: 5px; background-color: #FFF; border-radius: 10px; box-shadow: 10px 10px 19px -19px rgba(0, 0, 0, 0.75); height: fit-content; width: fit-content; position: relative; }

.titol_item .titol_thumb svg { position: absolute; bottom: 5px; right: 5px; }

.titol_item .tag_fitxer { text-align: right; width: 75px; min-width: 70px; border-radius: 15px; font-size: 12px; color: #FFFFFF; padding: 2px 7px; line-height: 18px; text-align: center; margin-left: 8px; display: inline-block; position: relative; }

.titol_item .tag_signat { background-color: #00cb00; }

.titol_item .tag_probatori { background-color: #4e5357; }

/***************** SSAA *******************/
.card-list { display: flex; flex-direction: column; gap: 1rem; max-width: 700px; margin-top: 30px; }

.card-list .card { border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #f7f7f7; }

.card-list .card .field { display: flex; align-items: flex-start; margin-bottom: 0.5rem; }

.card-list .card .field strong { flex: 0 0 140px; }

.card-list .card .field strong.short { flex: 0 0 70px; }

.card-list .card_buttons { text-align: right; }

.card-list .card.total { background: #DFE0E4; }

.card-list .card div { margin-bottom: 0.5em; }

.card-list .card strong { display: inline-block; width: 140px; vertical-align: top; }

.card-list a.link_card { text-decoration: none; color: inherit; }

.card-list a .card:hover { background: #DFE0E4; }

div.consulta_llistat_items { justify-content: space-between; }

div.consulta { border: 1px solid #CCCCCC; border-radius: 10px; margin-bottom: 20px; padding: 15px; box-sizing: border-box; width: 51%; /* Ocupa el 48% del ancho del contenedor */ }

div.consulta_P { background-color: #F7F8FB; border-color: #EAECF0; order: 1; /* Alinea a la izquierda */ }

div.consulta_R { background-color: #E5F0F5; border-color: #0283D3; order: 2; /* Alinea a la derecha */ margin-left: auto; /* Empuja el elemento a la derecha */ }

/*div.consulta_llistat_items {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div.consulta {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
	box-sizing: border-box;
    //position: relative;
	//display: block;
    width: 48%; // Ocupa el 48% del ancho del contenedor 
}
div.consulta_P {
    background-color: #F7F8FB;
    border-color: #EAECF0;
    //float: left;
	align-self: flex-start; // Alinea a la izquierda 
}
div.consulta_R {
    background-color: #E5F0F5;
    border-color: #0283D3;
    //float: right;
	align-self: flex-end; // Alinea a la derecha 
}
div.consulta .data {
    background-color: #F9F9F8;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-weight: bold;
    opacity: 0.9;
    padding: 3px 7px;
    position: absolute;
    right: 10px;
    top: -12px;
}
div.consulta ul {
    list-style: disc inside none;
	padding-left: 15px;
}
div.consulta .nom {
    border-bottom: 1px solid #CCCCCC;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.consulta .text {
    line-height: 1.3em;
    margin-top: 10px;
}
div.consulta a{
	color: #73273E;
    font-weight: bold;
    text-decoration: none;
}
*/
/***************** ENQUESTES *******************/
.bordeGreen { border: 1px solid #269A29; padding: 1px; }

.bordeRed { border: 1px solid #B75C5E; padding: 1px; }

input::placeholder { color: #666666; opacity: 0.5; }

input:read-only:not(.fakenoreadonly) { color: #666666; opacity: 0.5; }

.fakereadonly { pointer-events: none; }

input.fakenoreadonly:read-only { cursor: pointer; }

input.fakereadonly { border: 0; padding-left: 0; color: #aaaaaa !important; }

input.fakereadonly + label { left: 0 !important; }

.show_password, .hide_password { cursor: pointer; position: absolute; right: 17px; top: 4px; cursor: pointer; }

.container_button_right { text-align: right; }

.button { min-width: 102px; height: 25px; line-height: 25px; border-radius: 5px; background-color: #007dd1; padding: 0px 5px; color: #FFFFFF; text-align: center; display: inline-block; margin-left: 10px; font-weight: 700; cursor: pointer; }

.button_disabled { background-color: #aaaaaa; }

form input, form select, form textarea, form .selectize-input, form .selectize-dropdown, .fakeForm input, .fakeForm select, .fakeForm textarea, .fakeForm .selectize-input, .fakeForm .selectize-dropdown { box-shadow: none; border: 1px solid #DFE0E4; border-radius: 12px; margin: 12px 10px 12px 0; padding: 12px; font-size: 16px; box-sizing: border-box; background-color: #FFFFFF; }

form .selectize-dropdown, .fakeForm .selectize-dropdown { margin-top: -13px !important; padding: 0 !important; }

form .selectize-control.single .selectize-input:after, .fakeForm .selectize-control.single .selectize-input:after { display: none !important; }

form input:disabled, form select:disabled, form textarea:disabled, form .fakedisabled, form .selectize-input:disabled, .fakeForm input:disabled, .fakeForm select:disabled, .fakeForm textarea:disabled, .fakeForm .fakedisabled, .fakeForm .selectize-input:disabled { background: none !important; border: none; color: #666666 !important; padding: 0px 12px; pointer-events: none; }

form .tox-tinymce, .fakeForm .tox-tinymce { border: 1px solid #DFE0E4; border-radius: 12px; font-size: 16px; color: #666666; margin: 12px 0; }

form .tox-tinymce .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type), .fakeForm .tox-tinymce .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { border-right: 1px solid #DFE0E4; }

form .tox-tinymce .tox-edit-area, .fakeForm .tox-tinymce .tox-edit-area { border-top: 1px solid #DFE0E4; }

form .tox-tinymce svg, .fakeForm .tox-tinymce svg { color: #666666; fill: #666666 !important; }

form input:focus, form select:focus, form textarea:focus, .fakeForm input:focus, .fakeForm select:focus, .fakeForm textarea:focus { /* para que al estar seleccionado no se vea un cuadrado rojo*/ box-shadow: 0 0 3pt 2pt #DFE0E4; outline: none; }

form label, .fakeForm label { font-weight: 700; /*font-size: 20px;*/ }

form label + input[type=text], form label + input[type=search], form label + input[type=url], form label + input[type=tel], form label + input[type=number], form label + input[type=email], form label + input[type=file], form label + textarea, form label + select, form label + .selectize-input + input, form label + textarea + .tox-tinymce, .fakeForm label + input[type=text], .fakeForm label + input[type=search], .fakeForm label + input[type=url], .fakeForm label + input[type=tel], .fakeForm label + input[type=number], .fakeForm label + input[type=email], .fakeForm label + input[type=file], .fakeForm label + textarea, .fakeForm label + select, .fakeForm label + .selectize-input + input, .fakeForm label + textarea + .tox-tinymce { margin-top: 5px; }

form select, form .selectize-input, .fakeForm select, .fakeForm .selectize-input { cursor: pointer !important; -webkit-appearance: none !important; -moz-appearance: none !important; -o-appearance: none !important; appearance: none !important; padding-right: 35px !important; background: #FFF url("/templates/default/img/arrow_down.png") no-repeat center right 10px !important; }

form select.mini, form input.mini, form .selectize-input.mini, .fakeForm select.mini, .fakeForm input.mini, .fakeForm .selectize-input.mini { font-size: 14px; margin: 5px 0px 0px 0px; padding: 6px 30px 6px 6px; }

form input.mini, .fakeForm input.mini { padding: 6px; }

form input[type="file"], .fakeForm input[type="file"] { cursor: pointer; }

form input.with_icon_right, .fakeForm input.with_icon_right { width: calc(100% - 45px); }

form input.with_icon_right2, .fakeForm input.with_icon_right2 { width: calc(100% - 90px); }

form input.with_icon_right3, .fakeForm input.with_icon_right3 { width: calc(100% - 115px); }

form .icon_right, .fakeForm .icon_right { cursor: pointer; display: inline-block; padding-left: 5px; }

form .icon_text, .fakeForm .icon_text { font-size: 15px; }

form .icon_disabled, .fakeForm .icon_disabled { color: #DFE0E4; }

ul.checkbox_list { margin-top: 10px; display: table; width: 100%; }

ul.checkbox_list li { display: table-row; }

ul.checkbox_list li label { font-weight: 700; display: table-cell; width: 225px; font-size: 18px; padding-bottom: 10px; }

ul.checkbox_list li .definicio { display: table-cell; }

/*Checkboxes styles   https://codepen.io/anon/pen/xpQMPB     http://freefrontend.com/css-checkboxes/  */
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label, input[type="checkbox"] + label + label { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 20px; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align: middle; height: 16px; line-height: 16px; }

input[type="checkbox"] + label + label { padding-left: 0px; }

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid #666666; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; border-radius: 3px; }

label.checkbox_no_label { vertical-align: top; margin-top: 16px; }

input[type="checkbox"]:disabled + label:before, input[type="checkbox"].readonly + label:before { opacity: 0.5 !important; cursor: no-drop; }

.checkbox_container { margin-top: 5px; margin-bottom: 10px; }

input.white[type="checkbox"] + label:before { border: 1px solid #FFFFFF; }

input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0px; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

input[type="radio"] { display: none; }

input[type="radio"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

input[type="radio"] + label:last-child { margin-bottom: 0; }

input[type="radio"] + label:before, input.radiofake + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #666666; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }

input.white[type="radio"] + label:before { border: 1px solid #FFFFFF; }

input[type="radio"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

input[type="checkbox"].ok + label:before, input[type="radio"].ok + label:before { border-color: #00bbab; border-width: 2px; }

input[type="checkbox"]:checked.ok + label:before, input[type="radio"]:checked.ok + label:before { border-color: #00bbab; border-top-color: transparent; border-left-color: transparent; }

input[type="checkbox"].ko + label:before, input[type="radio"].ko + label:before { border-color: #ff7f7f; border-width: 2px; }

input[type="checkbox"]:checked.ko + label:before, input[type="radio"]:checked.ko + label:before { /*border-color: $red;	 border-top-color: transparent; border-left-color: transparent;*/ border: none; content: "\00D7"; /* simbolo de times que es uno de multiplicar */ transform: initial; font-size: 30px; color: red; font-family: sans-serif; left: 6px !important; }

/*Fi Check y Radio styles */
.errorbg { color: #ff7f7f !important; border: 1px solid #ff7f7f !important; }

.errorbg input::placeholder { color: #ff7f7f; opacity: 0.7; }

input.errorbg::placeholder { color: #ff7f7f; opacity: 0.7; }

a.link_white { color: #FFFFFF; font-weight: 700; cursor: help; }

/************ AUTOCOMPLETE *********************/
ul.ui-autocomplete { border: 1px solid #DFE0E4 !important; border-top: none !important; padding-top: 10px; z-index: 0; }

ul.ui-autocomplete li { font-size: 16px; color: #666666; padding: 5px 10px 5px 40px; }

ul.ui-autocomplete li .ui-state-active { border: none !important; background-color: transparent !important; color: inherit !important; }

ul.ui-autocomplete li:not(.ui-autocomplete-category):hover { background: #DFE0E4; }

ul.ui-autocomplete li.ui-autocomplete-category { font-weight: 700; padding-left: 10px; background-color: #f7f7f7; }

ul.ui-autocomplete li.ui-autocomplete-category.category2 { font-weight: 700; padding-left: 20px; background-color: transparent; }

/************* SUBIR FICHEROS VARIOS******************/
.uploadFile { width: 100%; margin: 10px 0; }

.uploadFile #drop { padding: 20px; margin-bottom: 10px; border: 2px dashed #DFE0E4; border-radius: 12px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #666666; }

.uploadFile #drop label { display: inline-block; }

.uploadFile #drop .button { text-transform: none; font-size: 13px; float: none; display: inline-block; }

.uploadFile #drop input { display: none; }

.uploadFile #drop .tipusValids { text-transform: initial; font-size: 14px; font-weight: normal; }

.uploadFile #drop.is-dragover { background-color: #f7f7f7; }

.uploadFile #fileList li, .uploadFile #fakeFileList li { margin-bottom: 10px; }

.uploadFile #fileList li p, .uploadFile #fakeFileList li p { color: #666666; margin-left: 15px; }

.uploadFile #fileList li p i, .uploadFile #fakeFileList li p i { margin-left: 10px; }

.uploadFile #fileList li span.stop svg, .uploadFile #fakeFileList li span.stop svg { cursor: pointer; color: #ff7f7f; font-size: 19px; margin-left: 8px; vertical-align: middle; }

.uploadFile #fileList li > *, .uploadFile #fakeFileList li > * { vertical-align: middle !important; display: inline-block  !important; }

.uploadFile.errorbgFile #drop { border-color: #ff7f7f; }

/************* SUBIR FICHERO SIMPLE******************/
label.dragdrop { display: block; position: relative; cursor: pointer; }

label.dragdrop div.dropArea { padding: 20px; margin-bottom: 10px; border: 2px dashed #DFE0E4; border-radius: 12px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #666666 !important; }

label.dragdrop div.dropArea.errorbg { border: 2px dashed #ff7f7f; }

label.dragdrop div.button { text-transform: none; }

label.dragdrop input { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; margin: 0; padding: 0; }

label.dragdrop.dragover div.dropArea { background-color: #f7f7f7; }

label.dragdrop + .filename { font-size: 13px; }

label.dragdrop + .filename span.deleteFile svg { cursor: pointer; color: #ff7f7f; font-size: 19px; margin-left: 8px; vertical-align: middle; }

.placeholder_persistent_container { position: relative; display: ruby; }

.placeholder_persistent_container input::placeholder { color: transparent; }

.placeholder_persistent_container input:focus ~ .placeholder_persistent, .placeholder_persistent_container input:not(:focus):valid ~ .placeholder_persistent, .placeholder_persistent_container select:not(.selectized):focus ~ .placeholder_persistent, .placeholder_persistent_container select:not(.selectized):not(:focus):valid ~ .placeholder_persistent { top: -16px; font-size: 11px; }

.placeholder_persistent_container .placeholder_selectized.focus { top: -15px !important; font-size: 11px !important; }

.placeholder_persistent_container input:focus ~ .placeholder_persistent.mini, .placeholder_persistent_container input:not(:focus):valid ~ .placeholder_persistent.mini, .placeholder_persistent_container select:focus ~ .placeholder_persistent.mini, .placeholder_persistent_container select:not(:focus):valid ~ .placeholder_persistent.mini, .placeholder_persistent_container input.mini:focus ~ .placeholder_persistent, .placeholder_persistent_container input.mini:not(:focus):valid ~ .placeholder_persistent, .placeholder_persistent_container select.mini:focus ~ .placeholder_persistent, .placeholder_persistent_container select.mini:not(:focus):valid ~ .placeholder_persistent { left: 6px; top: -9px; font-size: 11px; }

.placeholder_persistent_container .placeholder_persistent { position: absolute; pointer-events: none; left: 13px; top: -4px; transition: 0.2s ease all; color: #666666; font-size: 16px; opacity: 0.5; font-weight: normal !important; white-space: nowrap; z-index: 1; }

.placeholder_persistent_container .placeholder_persistent.mini { left: 8px; top: 0px; font-size: 14px; }

.selectTitle { width: auto; display: inline-block; background-color: #4e5357; color: #FFFFFF !important; font-weight: bold; font-size: 15px; }

@media only screen and (max-width: 1150px) { .desktop { display: none !important; }
  .tablet { display: revert; }
  .noMobile { display: revert; }
  .list.highlightHovered li:hover { background-color: unset; } }

/*
quito esto porque antes lo tenía y gente, que creo que tenía ratón le entraba por aquí, además no tenia el mobile display revert y no le mostraba el menú
// PARA PROBARLO SE PUEDE PONER EN CHROME QUE ES UN IPAD Y SE VE
// PERO EN TICKET 107264  UN PROFE NO LO VEÍA Y DECÍA QUE PASABA EL RATÓN POR ENCIMA

@media (any-pointer: coarse) { // si no tiene ratón es smartphone o tablet  , si es coarse es que van con el dedo teóricamente
	.noMobile{
		display:none;
	}
	.tablet {
		display:none;
	}
	.desktop{
		display: none !important;
	}
	.mobile{
		display:revert;
	}	
}*/
@media only screen and (max-width: 720px) { .desktop { display: none !important; }
  .tablet { display: none; }
  .mobile { display: revert; }
  .noMobile { display: none !important; }
  .list .iconsCapceleraLeft { font-size: 20px; }
  .list li .rightIcons { font-size: 20px; }
  .list ul.list { padding-left: 15px; }
  .newLineMobile { display: block; }
  div.contentBox .header { font-size: 16px; padding: 7px 7px  !important; }
  div.contentBox .body, div.contentBox .subheader { padding: 8px 8px !important; }
  div.contentBox .subheader { border-bottom: 1px solid #DFE0E4; }
  .iconHeader { font-size: 22px; margin-top: -4px; margin-left: 5px; }
  .iconTitol { font-size: 22px; }
  .fake_width_tr .mobile_hide { display: none; }
  .fake_width_tr .mobile_show { display: table-cell; }
  #colorbox { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }
  #colorbox #cboxWrapper { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }
  #colorbox #cboxWrapper #cboxContent { width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; }
  #colorbox #cboxWrapper #cboxContent #cboxLoadedContent { margin-bottom: 0; width: 100% !important; height: 100% !important; }
  #colorbox #cboxWrapper #cboxContent #cboxClose { display: none; }
  table.commonTable thead tr th { padding: 10px 15px  !important; font-weight: 700 !important; }
  table.commonTable .eines div.actionContainer svg.actionIcon { font-size: 23px; margin-left: 0px; padding: 0 8px; }
  .list.nolinks li { padding: 0px 5px; }
  .superSectionTitle { font-size: 15px; }
  .sectionTitle { font-size: 15px; }
  .progressbar div.textBar { display: none; }
  .iconList { margin-right: 20px; font-size: 12px; } }

/* HEADER MOBILE */
@media only screen and (max-width: 1450px) { .pathContent { padding-left: 10px; }
  .headerCurs .headerCursContent { padding-left: 10px; }
  .headerCurs .headerCursContent .square { left: 10px; }
  .headerCurs .headerCursContent.withIcon { padding-left: 65px; }
  .containerMenu2 .menu2 { padding-left: 3px; }
  .containerMenu2 .menu2 ul li a { padding: 10px 17px; } }

@media only screen and (max-width: 1550px) { .header_content_center { margin-left: 50px; }
  .header_content_center .userinfo { margin-right: 10px; }
  .header_content_center .logoTest { float: initial; position: absolute; right: 10px; top: 1px; padding-top: 0px; font-size: 14px; } }

@media only screen and (max-width: 720px) { .menu_button { right: 25px; left: auto; }
  .menu_vertical { right: 0; left: auto; }
  .header_content_center { margin-left: auto; /*.notifications{								 background-color: initial; margin-left:20px; .ico{ margin-top:($header-second-line-height - 30 )/2; } }*/ }
  .header_content_center .logo { margin-left: 10px; float: left; background-image: url("/templates/default/img/logo_campusmobile_mytech.png"); width: 261px; height: 40px; }
  .header_content_center .second_line { height: 50px; background-color: rgba(0, 0, 0, 0.2); display: inline-block; width: 100%; }
  .header_content_center .search { top: 5px; left: 20px; }
  .header_content_center .notifications { margin-left: 20px; background-color: initial; }
  .header_content_center .notifications .ico { margin-top: 0; margin-left: 0; margin-right: 0; }
  .header_content_center .notifications .ico .button_container { padding: 10px; cursor: pointer; }
  .header_content_center .notifications .ico .number { top: 1px; right: -6px; }
  .header_content_center .notifications .messages .tooltip_page, .header_content_center .notifications .warnings .tooltip_page { width: 330px; left: -144px; top: 43px; }
  .header_content_center .userinfo { margin-right: 5px; }
  .header_content_center .userinfo .ico { margin-top: 10px; }
  .header_content_center .userinfo .name { line-height: 50px; height: 50px; }
  .header_content_center .userinfo .arrow_down_white { margin-top: 22.5px; }
  .header_content_center .userinfo .tooltip_page { top: 50px; }
  .headerCurs { margin-top: 50px; height: 108px; height: 90px; }
  .headerCurs .headerCursContent, .headerCurs .headerCursContent.withIcon { height: 50px; line-height: 50px; padding-left: 10px; font-size: 14px; }
  .headerCurs .headerCursContent .square, .headerCurs .headerCursContent.withIcon .square { display: none; }
  .headerCurs .containerMenu2 { margin-top: 0; }
  .containerMenu2 { margin-top: 50px; height: 49px; }
  .containerMenu2 .menu2 { height: 40px; }
  .containerMenu2 .menu2 ul li a { padding: 3px 7px; font-size: 22px; }
  .containerMenu3, .containerMenu4 { height: 0px; }
  .containerMenu3 .menu3 ul, .containerMenu3 .menu4 ul, .containerMenu4 .menu3 ul, .containerMenu4 .menu4 ul { clear: both; }
  .containerMenu3 .menu3 ul li a, .containerMenu3 .menu4 ul li a, .containerMenu4 .menu3 ul li a, .containerMenu4 .menu4 ul li a { padding: 5px 10px; font-size: 22px; }
  .containerMenu3 .menu3 ul li .number, .containerMenu3 .menu4 ul li .number, .containerMenu4 .menu3 ul li .number, .containerMenu4 .menu4 ul li .number { top: 1px; left: 24px; } }

@media only screen and (max-width: 500px) { .header_content_center { min-width: 300px; }
  .header_content_center .search { display: none; } }

/* HOME MOBILE */
@media only screen and (max-width: 1150px) { .path { display: none; } }

@media only screen and (max-width: 720px) { .important_announcements { height: 80px; }
  .important_announcements .title { height: 40px; float: inherit; width: 100%; }
  .important_announcements .title .rectangle { display: none; }
  .important_announcements .announcements { height: 40px; width: 100%; margin: 0; }
  .important_announcements .announcements .announcement { padding-left: 11px; }
  .box_container { flex-direction: column; align-items: stretch; }
  .box_container .left_home, .box_container .right_home { flex: 1 0 auto; padding: 0; width: 100%; }
  .box_container .left_home .box_home.courseFilter .filters, .box_container .left_home .box_home.courseFilter .views, .box_container .right_home .box_home.courseFilter .filters, .box_container .right_home .box_home.courseFilter .views { display: none; }
  .box_container .left_home .box_home.course .timeline, .box_container .right_home .box_home.course .timeline { display: none; }
  .moreTooltip .tooltip_page { width: 110px; right: 3px; }
  .tooltip_page:before { /* http://www.cssarrowplease.com/ */ left: 90%; }
  .path { display: none; } }

/* MENU MOBILE */
@media only screen and (max-width: 1450px) { .menu_horizontal { padding-left: 10px; }
  .menu_horizontal .menu_content_center .menu_principal > li { margin-right: 15px; } }

@media only screen and (max-width: 1150px) { .menu_horizontal { display: none; } }

@media only screen and (max-width: 720px) { .menu_horizontal { display: none; }
  .msj_status { margin-top: 50px !important; } }

/* STRUCTURE MOBILE */
@media only screen and (max-width: 1450px) { .content.page404 .title { font-size: 70px; }
  .content.page404 .text { font-size: 18px; max-width: 50%; height: 300px; }
  /*	EN CONTENT WITDH MUESTRO TAMBIÉN EL MENÚ .content.withPath{		  padding-top: ($header-height  +$path_height + 10); table.top_fixed{		 thead  th {					 top: $header-height + $path_height;  } } }	 .content.withHeaderCurs{ // si hay header curs hay  menu2  padding-top: ($header-height +$path_height + $header_curs_height + $menu2_height +  10); table.top_fixed{		 thead  th {					 top: $header-height + $path_height + $header_curs_height + $menu2_height;  } } } .content.withMenu3{ padding-top: ($header-height +$path_height + $header_curs_height + $menu2_height + $menu3_height + 10); table.top_fixed{		 thead  th {					 top: $header-height + $path_height + $header_curs_height + $menu2_height + $menu3_height;  } } } .content.withMenu2-3{ padding-top: ($header-height +$path_height + $menu2_height + $menu3_height + 10); table.top_fixed{		 thead  th {					 top:  $header-height +$path_height + $menu2_height + $menu3_height;  } } }*/ }

@media only screen and (max-width: 1150px) { .content { padding-top: 80px; }
  .content.page404 .title { font-size: 60px; margin-top: 35px; max-width: 60%; }
  .content.page404 .text { font-size: 16px; max-width: 68%; height: 270px; }
  .content.page404 .cat { position: absolute; top: 45px; max-width: 30%; }
  .content.withPath { padding-top: 80px; }
  .content.withPath table.top_fixed thead th { top: 70px; }
  .content.withHeaderCurs { padding-top: 202px; }
  .content.withHeaderCurs table.top_fixed thead th { top: 192px; }
  .content.withMenu3 { padding-top: 202px; }
  .content.withMenu3 table.top_fixed thead th { top: 192px; }
  .content.withMenu2-3 { padding-top: 127px; }
  .content.withMenu2-3 table.top_fixed thead th { top: 117px; } }

@media only screen and (max-width: 720px) { header { height: 120px; }
  header.page404 { height: 70px; }
  .content.page404 .title { font-size: 40px; margin-top: 0px; max-width: 100%; }
  .content.page404 .text { font-size: 16px; max-width: 100%; height: auto; }
  .content.page404 .cat { position: relative; max-width: 70%; top: 0; left: 0; margin-left: 15%; }
  .content.content_popup { padding: 10px !important; }
  .content.withPath { padding-top: 125px; }
  .content.withPath table.top_fixed thead th { top: 120px; }
  .content.withHeaderCurs { padding-top: 215px; }
  .content.withHeaderCurs table.top_fixed thead th { top: 210px; }
  .content.withMenu3 { padding-top: 215px; }
  .content.withMenu3 table.top_fixed thead th { top: 210px; }
  .content.withMenu2-3 { padding-top: 165px; }
  .content.withMenu2-3 table.top_fixed thead th { top: 160px; } }

/* pag misatges*/
@media only screen and (max-width: 1150px) { #missatgesTaula tbody tr.selected { background-color: #ffc973 !important; }
  .previewMaterial { display: none !important; }
  .previewMaterialHueco { display: none !important; }
  /***************** CARTERA DIGITAL *******************/
  .titol_item { max-width: 100%; } }

@media only screen and (max-width: 720px) { .einesMissatges br.saltoMobile { display: block; }
  .einesMissatges .actionIconContainer { margin-top: 10px; }
  .einesMissatges div.carpetes { margin-left: 20px; }
  .einesMissatges .pageChange { font-size: 17px; }
  .einesMissatges .pageChange svg { font-size: 25px; vertical-align: bottom; padding: 0 8px; }
  .einesMissatges .search .tooltip_page input:nth-child(2) { display: none !important; visibility: hidden !important; }
  /***************** DIRECTORI *******************/
  .directori_level1 .directori_level2 li { padding-left: 25px; }
  .directori_level1 .directori_level2 li .directori_level3 li { padding-left: 25px; }
  form.formRedirect { text-align: center; }
  form.formRedirect div.redirect_icon { width: 60%; }
  form.formRedirect div.redirect_text { text-align: left; width: 100%; font-size: 16px; margin-top: 0px; }
  .menuInterior { height: 40px; }
  .list.materials li.materialTag .rightIcons { top: 0px; }
  /***************** CARTERA DIGITAL *******************/
  .titol_item { max-width: 100%; } }

/* HEADER MOBILE */
@media only screen and (max-width: 720px) { form input, form select, form textarea, form .selectize-input, form .selectize-dropdown { margin: 5px 5px 5px 0; padding: 8px; font-size: 14px; box-sizing: border-box; background-color: #FFFFFF; }
  form select { padding-right: 35px; }
  form .tox-tinymce { font-size: 14px; margin: 5px 0; }
  form .big + .tox-tinymce { height: 300px !important; }
  form .medium + .tox-tinymce { height: 250px !important; }
  form .little + .tox-tinymce { height: 200px !important; }
  .uploadFile #drop { border: none; }
  .uploadFile #drop label { display: none; }
  #container_prestec_citm { padding: 0 10px; }
  .placeholder_persistent_container input:focus ~ .placeholder_persistent, .placeholder_persistent_container input:not(:focus):valid ~ .placeholder_persistent, .placeholder_persistent_container select:not(.selectized):focus ~ .placeholder_persistent, .placeholder_persistent_container select:not(.selectized):not(:focus):valid ~ .placeholder_persistent { top: -12px; font-size: 10px; }
  .placeholder_persistent_container input:focus ~ .placeholder_persistent.mini, .placeholder_persistent_container input:not(:focus):valid ~ .placeholder_persistent.mini, .placeholder_persistent_container select:focus ~ .placeholder_persistent.mini, .placeholder_persistent_container select:not(:focus):valid ~ .placeholder_persistent.mini, .placeholder_persistent_container input.mini:focus ~ .placeholder_persistent, .placeholder_persistent_container input.mini:not(:focus):valid ~ .placeholder_persistent, .placeholder_persistent_container select.mini:not(.selectized):focus ~ .placeholder_persistent, .placeholder_persistent_container select.mini:not(.selectized):not(:focus):valid ~ .placeholder_persistent { left: 6px; top: -9px; font-size: 11px; }
  .placeholder_persistent_container .placeholder_persistent { left: 9px; top: -1px; font-size: 14px; }
  .placeholder_persistent_container .placeholder_selectized.focus { top: -10px !important; } }

/*@import "variables/base";
@import "variables/campus";
@import "partials/all"; 

*/