:root{
--warningColor: #ff8000 ;
}
html, body{ height:100%;margin:0;padding:0;border:none;}
#body-principal{overflow: hidden;}
body { font-family: 'ieducaTypo', sans-serif; font-size: 14px; margin: 0; padding: 0; background-color:#FFF; font-weight: 400; }
input[type=checkbox] {background-color:white;border:none;margin-left: 10px;height: 16px !important; width: 16px !important; }
input[type=radio] { background-color:transparent;border:none;margin-left: 10px; }
input[type=file] { border:none;margin-right: 15px; }
td {font-size: 14px; }
h1 {font-size:24px;color:#000;margin:0;padding:6px 3px 13px 20px;font-weight:normal;}
h1 a{ font-size: 15px; margin: 0px 8px; }
h5{font-size: 14px; padding: 0px; margin:0px; }
.tit1 small, #topbar h1 small { font-size: 14px; color: #585757; margin-left: 8px; }
.tit1 h1 { margin-top: 10px; }
.dit {cursor: pointer !important;cursor: hand !important;}
#menu_ppal_esquerra .dit{display: inline-block; vertical-align: middle; }
.dit2 {cursor: pointer;cursor: hand;}
.taula2 .dit2:hover{ border:solid 1px #000 !important;}
/*Links*/
a, a:link, a:active, a:visited {color: #6f6f6e; /* var(--ieducaColor) */text-decoration: none;}
a:hover, a .icon:hover, .data_actual .icon:hover{ color: #4670b5 !important;color: var(--ieducaColor) !important; }
a .icon.icon-close-alet2:hover:before{ color: red !important; }
a .icon:hover{ color: #4670b5;color: var(--ieducaColor); } /*7985b9 Links hover menú!*/
a.blanc:link, a.blanc:active, a.blanc:visited {color: #fff;}
a.menu_act:link, a.menu_act:active, a.menu_act:visited {background-color: #000;color: #fff;}
a.logoout:link, a.logoout:active, a.logoout:visited { color: #FFF !important; background-color: #4670b5 !important;background-color: var(--ieducaColor) !important; padding: 5px 15px !important; height:15px!important; display: inline-block; margin:5px;border-radius:15px; /*font-size:13px !important;*/ }
/* icones superiors esquerres de cada seccio */
.item_menu_icones, .item_menu_icones .logoout { display:inline-block; color: #6f6f6e; position:relative !important; margin-left: 10px; background-color: none !important; }
.item_menu_icones .alert_red{ margin-right: -10px !important; }
.item_menu_icones .submenu_dropdown .submenu_arrow { right: 0px !important; width: 100%; text-align: right !important; padding-right: 12px; }
.item_menu_icones .disabled { opacity:0.2;filter:alpha(opacity=20);cursor: not-allowed;}
/*.item_menu_icones a {} color: #666666; }
.item_menu_icones:hover .icon, .item_menu_icones:hover a:first-of-type, a.item_menu_icones:hover, .item_menu_icones .is_active{ color: var(--ieducaColor) !important; } */
.submenu_dropdown{ font-size: 12px !important; }
.item_menu_icones .icon:first-of-type{ display:block; margin:0 auto; width:30px; height:30px;font-size: 24px; display:block; }
.tit2 .item_menu_icones{ font-size: 12px; text-align: center; max-width:80px; vertical-align: text-top;}
.btn_dropdown:hover + .submenu_dropdown { display: block !important; }
.inactive:hover + .submenu_dropdown { color: blue; }
.submenu_dropdown, .submenu-dropdown-inactive {
background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 10px 0px;
list-style: outside none none; padding:0px; margin: 0px;
display: none;
position: absolute;
top:38px; right:0px; margin-top: 14px;
z-index: 10000;
}
#topbar .submenu_dropdown{ margin-top: -5px; margin-right: 2px; }
.submenu_dropdown li{ background-color: #ffffff; }
.btn_dropdown .icon-arrow-triangle-down{ margin-left: -2px; }
.btn_dropdown.hover{ color: #4670b5;color: var(--ieducaColor); }
.submenu_dropdown li a{ color: #666666 !important; width: 100%; display: block; cursor: pointer; }
.submenu_dropdown li{ line-height: 20px; border-bottom: 1px solid #dddddd; padding: 5px; min-width:180px; color: #999999 !important; }
#submenu_dropdown_titol { color: #455F9B !important; }
.submenu_arrow ~ #submenu_dropdown_titol { display:none; }
.submenu_dropdown li:hover, .submenu_dropdown li a:hover {background-color: #f1f1f1; color: #3c609b !important;color:var(--ieducaColorSecundari) !important; }
#submenu_dropdown_titol:hover {background-color: #ffffff;color: #3c609b !important; color:var(--ieducaColorSecundari) !important; width: 100%; display: block; cursor: pointer; }
.submenu_dropdown .submenu_arrow{ font-family: "ieduca"; color: white; font-size:16px; background-color: transparent; display: block; line-height: 20px !important; position: absolute; top:-14px; right: 20px; }
.item_menu_icones:hover .submenu_dropdown { display: block; }
.menu_icones:hover .printer, .printer:hover{ background-position:-44px; }
/* FI icones superiors esquerres de cada seccio */
input, textarea, select, button { letter-spacing: 0.05em; }
textarea{ width: 95%; min-height: 100px; }
input[type="submit"],input[type="button"]{
color:#FFF;background-color: #4670B5 !important;background-color: var(--ieducaColor); padding: 5px 15px; display: inline-block;
border-radius: 20px; font-weight: 500; vertical-align: middle; border: none; min-width: 100px;text-align: center; min-height: 20px;
}
input[type="submit"]:hover,input[type="button"]:hover, button:hover{
background-color: #3c609b !important;
background-color: var(--ieducaColorSecundari) !important;
}
.taula button{ /*background: none;*/ /*aquesta propietat feia que els botons NO es veiessin */}
input[type="image"] { border:none!important;margin:0!important;padding: 0 !important;}
td > input[type="submit"],td > input[type="button"]{ margin: 0; padding: 3px 15px 19px; height: 25px; }
#contingut input[type="submit"], button[type="submit"]{ float: right; }
.tit3 input[type="submit"], button[type="submit"]{ float: none; }
a.but_pag:link, a.but_pag:active, a.but_pag:visited {font-weight: 700;color: #FFF;background-color: #3343D2;border: 1px solid #18216b;padding: 2px 6px; height:15px;}
a.but_pag:hover {text-decoration: none;background-color: #3c609b;background-color: var(--ieducaColorSecundari);}
#contingut, #contingut_calendari {padding:10px 20px; background-color:#fff; overflow: auto;}
button, .a_button{
color: #FFF !important;background-color: #4670B5;background-color: var(--ieducaColor); padding: 5px 15px; display: inline-block; margin: 2px;
border-radius: 15px; border: none; cursor: pointer; cursor: hand; font-size: 14px;
}
button:hover, .a_button:hover{ background-color: #3c609b; background-color: var(--ieducaColorSecundari); color: white !important; }
.btn_senseFons {
color: #4670b5;color: var(--ieducaColor);background-color: white; padding: 5px 15px; display: inline-block; margin: 2px;
border-radius: 15px; border: 1px solid #4670b5;border-radius: 15px; border: 1px solid var(--ieducaColor); cursor: pointer; cursor: hand; font-size: 14px;
}
.btn_senseFons:hover{ background-color: white ; color: #4670b5 !important;color: var(--ieducaColor) !important; }
button img{ display:none; }
/*.taula .button_circle{
color: #000 !important;
width:30px;
height:30px;
background-color: #FFFFFF !important;
padding: 0 !important;
display: inline-block;
margin: 5px;
border-radius: 30px !important;
font-weight: 700;
cursor: pointer;
cursor: hand;
}*/
.fil_negre { padding-bottom: 30px; }
#t_base {margin:10px;}
#t_base th {background-color:#666;color:#FFF;height:25px;font-size:14px;}
#t_base tr:hover {background-color:#EFEFEF;}
#t_base td {border-bottom:1px solid #CCC;empty-cells:show;}
/*textos*/
.ies {font-size: 18px; font-weight: 700;}
.intranet {color: #18216b;font-size:16px;font-weight: 700;}
.petita {font-size: 10px;}
.marctextitol { margin: 10px; padding: 5px; font-size: 14px; font-weight: 700; }
.marctext { background-color: #fff; margin:10px; padding:5px; margin-left: -5px !important;}
.submateria .icon { padding: 0 3px; }
.marctext h1{font-weight:700; margin:0; font-size:18px; padding:15px 5px 10px 5px;/*color:var(--ieducaColor);*/text-align: center; text-align: left !important;}
.marctext h2{background:#E5E5E5;font-weight:700; margin-top:10px; font-size:16px; padding:15px 5px 30px 5px;}
.marctext label{font-weight:700; width:100px; display:block;}
.marctext span{width:125px;float:left;display:block;font-weight:700;}
.marctext input{ margin:2px;}
.marctext select{ margin:2px;}
.marctext li{ margin-top:10px; list-style:none;}
.marctext .submateria{ margin-left:10px;margin-top:10px;}
.marctext td{ empty-cells:show;}
.marctext3 {background:#FFF; margin:10px; padding:5px;}
.marctext3 h1{ margin:10px 0; font-size:16px; padding:5px;}
.marctext3 h2{font-weight:700; margin:10px 0; font-size:14px; padding:5px;color:#666;}
.marctext3 td {empty-cells:show;}
.marctext #second {margin-left: -1px;}
.submateria > b {
display: inline-block;
padding-bottom: 5px;
}
.organigrama h1 {color: #4670B5;color: var(--ieducaColor);font-size: 18px;font-weight: normal;padding:0;}
.organigrama > p {font-size: 14px;}
/*forms*/
form { margin:0px 0px 10px 0px; padding: 0;}
input, select {
background-color: #fff;
background-image: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 1px #ccc;
color: #555;
display: inline-block;
font-size: 14px;
/*vertical-align:bottom;*/
margin-top: 2px;
}
select, .select-style {
text-indent: 1px;
text-overflow: '';
appearance: none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
background: url('../imatges/template4/select_fletxa.png') no-repeat white right;
padding: 0px 15px 2px 4px !important;
box-sizing: border-box;
outline: none;
}
.tit3 select{
max-width: 325px;
}
select:hover{
background: url('../imatges/template4/select_fletxa_over.png') no-repeat white right;
border-bottom: 1px solid #3c609b;
border-bottom: 1px solid var(--ieducaColorSecundari);
}
select::-ms-expand {
display: none;
}
.tit3 input[type="text"], .tit3 select{ margin-right: 10px !important; }
.tit3 input[type="radio"]{ margin-left: 2px !important; }
.b100 {width:380px; font-weight: 700;color: #FFF;background-color: #18216b;height: 20px;}
.b100b {width: 100%;font-weight: 700;color: #FFF;background-color: #18216b;height: 20px;}
.login {color: #FFF;background-color: #000;font-weight: 700;}
.input_tro {background-color: #3343D2;border: 1px solid #d0d3f4;}
.input_grisb {font-weight:700;}
.cuadre_login{background-color:#000;padding:30px;width:340px;color:#FFF; font-weight:700;}
.cuadre_login input{ border: none; width:230px; margin:7px;}
.cuadre_login a{ color:#fff;}
.etiqueta{ width:90px;float:left;display:block;}
.submitN{background-color:#000;height:23px;color:#FFF;font-weight:700; margin:5px;}
input[type=submit] { cursor:pointer; }
input[type=button] { cursor:pointer; }
.form-row {
margin-bottom: 10px;
}
.form-row label {
display: table-cell; /*display: inline-block;*/
padding-right: 10px;
}
.form-row div {
float: left;
}
.form-buttons {
margin-top: 20px;
}
.faltes-content {
width: 100%;
min-height: 50px;
}
/*form login*/
#cuadre_login{background-color:#000;padding:30px;width:340px;color:#FFF; font-weight:700;margin:20px auto; clear:both;}
#cuadre_login h1{ margin:3px 25px;font-size:16px;}
#cuadre_login input{ border: none; width:230px; margin:7px;}
#cuadre_login select{ border: none; width:230px; margin:7px;}
#cuadre_login input:focus{ background-color:#FFC}
#cuadre_login a{color:#fff;}
#cuadre_login span{ width:68px;float:left;display:block;padding-left:25px;}
#cuadre_login hr {border-bottom:1px solid #fff;margin-bottom:5px;margin-top:10px;}
/*Menu*/
ul.zzul {list-style-type:none;display: block;margin: 0px;padding: 0px; margin-left: 10px;}
span.zzspace {left:10px;}
/*llistats*/
.fila_cap {background-color:#fff;color:#999999;/*height:25px;padding-left:5px;*/ text-align: left; font-weight:normal !important; }
.fila {background-color: #999999;border-bottom: 1px solid #000;}
.fila2 {background-color: #999999;border-bottom: 1px solid #000;font-weight: 700;height: 25px;}
.fila3 {background-color: #CCC;height: 25px;}
.lliure {background-color:#33CC33; }
.ocupat {background-color: #fed6d6 !important; color: #6f6f6e; }
/*.lliure button{ background-color:red;}
.ocupat button{ background-color:red;}*/
/*.ocupat tr:hover td{ background-color: red; }*/
.lliure tr:hover td{ background-color: green; }
.lliure td, .ocupat td{ border: none !important; }
.r_gris {}
.r_1 {border-bottom:1px solid #dddddd; padding-left: 10px; padding-top: 5px; }
.r_1>span:first-of-type{ display: block; min-height: 45px; width: 5px; float:left; margin-left: -5px; margin-right: 10px; }
.r_1>p { display: inline; }
.r_gris td {}
.ralla_blanca {border-bottom: 1px solid #F5F5F5;}
.fila_a {background-color: #9999FF;}
.fila_b {border: 1px solid #0066CC;}
.fila_c {border: 1px solid #FFF;}
/*butons no link*/
.but_troj {font-weight: 700;color: #FFF;background-color: #D0D3F4;border: 1px solid #18216b;padding: 3px;height: 25px;}
.but_troj_act {font-weight: 700;color: #FFF;background-color: #727CE0;border: 1px solid #000;padding: 3px;height: 25px;}
/*scrolls*/
.boxscroll_390 {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:390px;padding:3px;}
.boxscroll_permisos {overflow-y:scroll;overflow-x:hidden;z-index: 9;position:relative;top:0px;height:200px;padding:3px;}
.boxscroll_v_200 {overflow-y: scroll; overflow-x: hidden;z-index: 9;position:relative;top:0px;height:200px;padding:3px;}
.boxscroll_tasques {overflow-y:scroll;overflow-x:hidden;z-index: 9;position: relative;top: 0px;height: 300px;padding: 3px;}
.boxscroll_asis {overflow: auto;z-index: 9;position: relative;top: 0px;min-height: 50px;padding: 3px;text-align: justify;}
.boxscroll_asis2 {overflow: auto;z-index: 9;position: relative;top: 0px;height: 500px;padding: 3px;text-align: justify;}
.boxscroll_men {overflow-y:auto;overflow-x:hidden;z-index:1; position:relative; top:0px; height:200px; padding:3px; display:block; }
.boxscroll_full {overflow-x:auto;overflow-y:hidden;z-index: 9;position: relative;top: 0px;width: 530px;padding: 3px;}
.boxscroll_permissos {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;width:480px;padding:3px;height:400px;}
.boxscroll_jcell {overflow: auto;z-index: 9;position: relative;top: 0px;height: 300px;padding:3px;}
/*#finestra table button {width:100%;}*/
#finestra h2 {border-bottom:1px solid #666;background-color:#EFEFEF;font-size:16px;padding:5px;margin:0;}
#finestra th, #finestra h2 {border-bottom:1px solid #666;background-color:#EFEFEF;/*font-size:12px;*/}
#finestra form {display:inline;}
#finestra2 h2, #finestra h1{
text-align: center; font-weight:700; margin:0; font-size:16px; padding:15px 5px 30px 5px;
}
/*#finestra2 button {width:100%;}*/
#finestra2 { padding: 10px; }
#finestra3 select {width:100%;}
#finestra3 td {background-color:#FFF;}
#finestra3 h2 {border-bottom:1px solid #666;background-color:#EEE;font-size:16px;padding:5px;margin:0;}
#finestra3 h4 {border-bottom:1px solid #666;background-color:#E0E0E0;font-size:14px;padding:5px;margin:0;}
#finestra3 b {margin:5px;display:block;}
#finestra3 div {margin:5px;}
#finestra3 button {width:100%;}
#finestra3 select {width:100%;}
#boxscroll_1 {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:163px;}
#boxscroll_1 tr:hover, #boxscroll_1 th {background-color:#EFEFEF;}
#boxscroll_1 td {/*border-bottom:1px solid #666;*/ padding: 0.5rem;}
#boxscroll_1 input {border:none;background-color:transparent;}
#boxscroll_1 b{ font-weight: 400; }
#boxscroll_2 {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:250px;}
#boxscroll_2 tr:hover {background-color:#EFEFEF;}
#boxscroll_2 td {border-bottom:1px solid #666;background-color:#FFF;height:25px;}
#boxscroll_2 input {border:none;background-color:transparent;}
/*calendari*/
.cal_1 {border: 1px solid #727ce0;background-color: #FFF;cursor: pointer!important;cursor: hand;}
.cal_2 {border: 1px solid #666;}
.cal_3 {border: 1px solid #DF8600;background-color: #FF0000;}
.cal_4 {border: 1px solid #0000FF;background-color: #CCCCFF;cursor: pointer!important;cursor: hand;font-weight: 700;}
/*Navegacio*/
a.nav:link, a.nav:active, a.nav:visited {font-weight: 700;color: #FFF;background-color: #6d6f84;border: 1px solid #000;padding: 3px;height: 15px;display:block;}
a.nav:hover {text-decoration: none;background-color: #000;}
.navd{font-weight: 700;color: #CCC;border: 1px solid #666;padding: 3px;height: 15px; display:block;}
.navs{font-weight: 700;color: #fff;border: 1px solid #666;padding: 3px;height: 15px;background-color: #000;display:block;}
.navtext{font-weight: 700;color: #CCC;border: 1px solid #666;padding: 3px;height: 15px;background-color: #6d6f84;display:block;}
/*full classe*/
.fclase_alum{width:250px;overflow:hidden;white-space:nowrap;font-size:9px;}
/* VALIDAR*/
.invalidInput{border:1px dotted #F00 !important;background-color: #FFECE6;}
.validInput{border: 1px dotted #FF0000 !important; }
/* CALENDARI JQUERY*/
#datepicker_div, .datepicker_inline {font-size: 14px;padding: 0;margin: 0;
background: #ddd;width: 185px;}
#datepicker_div {display: none;border: 1px solid #777;z-index: 9999;}
.datepicker_inline {float: left;display: block;border: 0;}
.datepicker_rtl {direction: rtl;}
.datepicker_dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
button.datepicker_trigger {width: 25px;}
img.datepicker_trigger {margin: 2px;vertical-align: middle;}
.datepicker_prompt {float: left;padding: 2px;background: #ddd;color: #000;}
* html .datepicker_prompt {width: 185px;}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {clear: both;float: left;width: 100%;color: #fff;}
.datepicker_control {background: #400;padding: 2px 0px;}
.datepicker_links {background: #000;padding: 2px 0px;}
.datepicker_control, .datepicker_links {font-weight: 700;font-size: 80%;letter-spacing: 1px;}
.datepicker_links label { /* disabled links */padding: 2px 5px;color: #888;}
.datepicker_clear, .datepicker_prev {float: left;width: 34%;}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {float: right;text-align: right;}
.datepicker_current {float: left;width: 30%;text-align: center;}
.datepicker_close, .datepicker_next {float: right;width: 34%;text-align: right;}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {float: left;text-align: left;}
.datepicker_header {padding: 1px 0 3px;background: #333;text-align: center;font-weight: 700;height: 1.3em;}
.datepicker_header select {background: #333;color: #fff;border: 0px;font-weight: 700;}
.datepicker {background: #ccc;text-align: center;font-size: 100%;}
.datepicker a {display: block;width: 100%;}
.datepicker_titleRow {background: #777;}
.datepicker_daysRow {background: #eee;color: #666;}
.datepicker_weekCol {background: #777;color: #fff;}
.datepicker_daysCell {color: #000;border: 1px solid #ddd;}
.datepicker_daysCell a{display: block;}
.datepicker_weekEndCell {background: #ddd;}
.datepicker_titleRow .datepicker_weekEndCell {background: #777;}
.datepicker_daysCellOver {background: #fff;border: 1px solid #777;}
.datepicker_unselectable {color: #888;}
.datepicker_today {background: #fcc !important;}
.datepicker_currentDay {background: #999 !important;}
.datepicker_status {background: #ddd;width: 100%;font-size: 80%;text-align: center;}
/* ________ Datepicker Links _______*/
#datepicker_div a, .datepicker_inline a {cursor: pointer;margin: 0;padding: 0;background: none;color: #000;}
.datepicker_inline .datepicker_links a {padding: 0 5px !important;}
.datepicker_control a, .datepicker_links a {padding: 2px 5px !important;color: #eee !important;}
.datepicker_titleRow a {color: #eee !important;}
.datepicker_control a:hover {background: #fdd !important;color: #333 !important;}
.datepicker_links a:hover, .datepicker_titleRow a:hover {background: #ddd !important;color: #333 !important;}
/* ___________ MULTIPLE MONTHS _________*/
.datepicker_multi .datepicker {border: 1px solid #777;}
.datepicker_oneMonth {float: left;width: 185px;}
.datepicker_newRow {clear: left;}
/* ___________ IE6 IFRAME FIX ________ */
.datepicker_cover {display: none;display/**/: block;position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 200px;height: 200px;}
.ui-datepicker-calendar td{ padding:1px!important;}
/* HORA JQUERY */
#CP_hourcont {padding: 0px;position:absolute;border:1px dashed #666;background-color:#eeeeee;display:none;}
#CP_minutecont {background-color:#dddddd;padding: 1px;position:absolute;width:45px;display:none;}
.CP_hour{padding:1px;font-size:9px;white-space:nowrap;cursor:pointer;width:35px;}
.CP_minute{padding:1px;font-size:9px;white-space:nowrap;cursor:pointer;width:auto;}
.CP_over {background-color:#fff;}
/* full de classe */
#full {margin:15px;}
#full h1 {font-size:18px;}
#full input {font-size:9px;width:20px;height:19px;margin:1px;border:none;text-align:center;}
#full_prof { background:#FFF;/*border:#999 solid 1px; width:calc(100%-30px); margin:10px; padding:5px;-moz-border-radius:10px;*/ }
.h1_assist{ background:#ffffff;font-weight:700;margin:0;margin-bottom:3px; font-size:14px; padding:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; color:#000000;}
#full_prof .icon-info{ font-size: 18px; position: absolute; cursor:pointer;color: #4670B5; color: var(--ieducaColor); }
#full_prof input { border:none; background: none;}
.f_al, .f_al_ov, .f_al2, .f_al2_ov, .f_ho, .f_al3, .f_al4, .f_al5, .f_al6{ font-size:12px; /*overflow:hidden;*/ white-space:nowrap; padding:3px 4px 8px 4px; }
.f_al, .f_al_ov{height:15px; padding-top:8px !important;}
.f_al2, .f_al2_ov, .f_ho, .f_al3, .f_al4, .f_al5, .f_al6{ height:24px; }
.f_al{ width:270px;background-color:#fff;border-bottom:#f2f2f2 1px solid;}
.f_al_ov{ width:270px; border-bottom:#f2f2f2 1px solid;}
.f_al2 {width:38px;display:block;float:left;vertical-align:middle; background-color:#f2f2f2;}
.f_al2_ov {width:38px;display:block;float:left;vertical-align:middle; background-color:#d9d9d9;}
.f_ho {width:250px;display:block;float:left;}
.f_al3 {width:38px;display:block;float:left;vertical-align:middle; }
.f_al4 {width:405px;display:block;float:left; /*padding-top:4px; */ background-color:#f2f2f2;border-bottom: 1px dotted #d9d9d9;border-left: 1px solid #d9d9d9; }
.f_al5 {width:38px;display:block;float:left;vertical-align:middle; background-color:#f2f2f2;border-bottom: 1px dotted #d9d9d9;border-left: 1px solid #d9d9d9;}
.f_al6 {width:38px;display:block;float:left;vertical-align:middle; background-color:#ffffff;border-bottom: 1px dotted #d9d9d9;border-left: 1px solid #d9d9d9;}
.fal, .fal_ov { /*width:280px;*/ }
.fal, .fal2, .fal3, .fal4, .fal5, .fal6, .fal_ov, .fal2_ov{ font-size: 13px; height: 20px; padding: 8px; border-bottom:#fff 1px solid; overflow:hidden;white-space:nowrap;}
.fal2, .fal2_ov {width:25px;display:block;float:left;vertical-align:middle; text-align:center;/*margin:1px;*/}
.fho {width:250px;display:block;float:left;}
.fal3, .fal5, .fal6 {width:25px;overflow:hidden;white-space:nowrap;display:block;float:left;vertical-align:middle; text-align:center;/*margin:1px;*/padding:1px;}
.fal4 { width: 100%; /*width:467pxtext-align:center;text-align:center;*/display:block;float:left;}
.fal_ov, .fal_ov2, .fal:hover, .fal4:hover, .f_al_ov, .f_al2_ov, .f_al:hover {
background-color: rgba(217,222,228, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)";
}
.fal .icon,.fal_ov .icon, .fal4 .icon-afegir-comentari,.fal2 .icon-afegir-comentari,
.f_al .icon, .f_al_ov .icon, .f_al4 .icon-afegir-comentari,.f_al2 .icon-afegir-comentari
{ font-size: 16px; margin-right: 5px !important; margin-left:5px; }
.foto_al { border-radius: 30px; }
.resalta_obs{ background-color:#fff000 !important; /*color: white !important; padding: 4px 3px 1px 3px !important; border-radius: 10px;*/ color: #4670b5 !important;color:var(--ieducaColor) !important; }
.resalta_obs_btn{color: #4670B5 !important;color: var(--ieducaColor) !important; }
.button_circle:first-child{ margin-left: 10px !important; }
.button_circle_white:first-child{ margin-left: 10px !important; }
.button_circle {
margin: 0px 14px 0px 0px; padding: 2px !important;
display: inline-block; cursor: pointer;
width: 24px; height: 24px;
text-align: center; background-color: #d8d8d8 !important;
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
}
.button_circle_white {
margin: 0px 14px 0px 0px; padding: 2px !important;
display: inline-block; cursor: pointer;
width: 24px; height: 24px;
text-align: center; background-color: white !important;
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
color: black !important;border-color:#d8d8d8;border-style: solid;border-width: 1px;
}
.button_circle_nocolor {
margin: 0px 14px 0px 0px; /*padding: 2px !important;*/
display: inline-block;
width: 24px; height: 24px; line-height: 24px; color: #FFFFFF;
text-align: center;
-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
}
/*.f_al2 .button_circle, .f_al2_ov .button_circle, .f_ho .button_circle, .f_al3 .button_circle, .f_al4 .button_circle, .f_al5 .button_circle, .f_al6 .button_circle{ margin-left: 20px !important; } */
.fal, .fal2, .fal3, .fal4, .fal5, .fal6, .fal_ov, .fal2_ov .button_circle{ margin-left: 10px !important; }
.sense_classe{background-color: white; }
#full input#radio { border:none;background:none;height:12px;}
/* Altres - Seguiment */
table.contingutsSeguiment td {border-bottom: 1px solid #CCC;}
.marctext2 { margin: 10px; padding: 5px; }
.marctext2 h1{background:#E5E5E5;font-weight:700; margin:0; /*font-size:12px;*/ padding:5px; }
.marctext2 h2{background:#E5E5E5;font-weight:700; margin-top:10px; /*font-size:12px;*/ padding:5px; }
.marctext2 label{font-weight:700; width:100px; display:block; }
.marctext2 td{ empty-cells:show; }
.curs { padding-left: 20px; }
.materia { padding-left: 40px; }
.submateria { padding-left: 60px; }
.seguiment { padding-left: 60px; }
.seguiment2 { padding-left: 80px; }
.tra{opacity:0.2;filter:alpha(opacity=20);margin-right:5px;}
.tra2 td{opacity:0.2;filter:alpha(opacity=20);margin-right:5px;}
#SgEdita th {background-color:#666;text-transform:uppercase;color:#FFF;font-weight:700;height:25px;padding-left:5px;}
#SgEdita input {border:1px solid #D4D0C8;}
#SgEdita input[disabled] {background-color:#EFEFEF;}
/* Altres - Enquestes */
div.radioRangeDiv input { padding: 0 0 0 0; margin: 2px 10px 0 0; }
div.checkRangeDiv input { padding: 0 0 0 0; margin: 2px 10px 0 0; }
/* Llistat Nou */
.l1 {background-color:#FFF;}
.l1 th {background-color: #fff; color: #999999; /*font-weight:700;text-transform:uppercase;height:25px;padding-left:5px;*/}
/*.l1 tr:hover {background-color:#b4bfd7;}*/
.l1 tr:hover {
background-color: rgba(217,222,228, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)";
}
.l1a {background-color:#fbfcfc; }
.l1b {background-color:#ffffff; }
.l1c {background-color:#F4f7f9; }
.l1a td, .l1b td, .l1c td{ padding:4px;}
/* Llistat Nou 2 */
.taula2 {background-color:#B6B6B6; }
.taula2 td { font-size:10px; background-color:#FFF;}
.taula2 th {background-color:#E1E1E1;color:#45402d;font-weight:700;height:25px;padding-left:5px;}
.taula2 tr:hover td {background-color:#E4E4E9;empty-cells:show;}
.taula2 col:hover {background-color: #ffa; }
.taula2 tr table tr:hover {background-color:transparent;}
.taulaa2 {background-color:#AAABB9;empty-cells:show;}
.taulab2 {background-color:#898B9E;empty-cells:show;}
.taulac2 {background-color:#c46f6f;empty-cells:show;}
.taulad2 {background-color:#FF9;empty-cells:show;}
.taulae2 {background-color:#FEE78B;empty-cells:show;}
.taulaf2 {background-color:#F4AE84;empty-cells:show;}
/* Llistat Nou 3 */
.taula3 { }
.taula3 td { font-size:10px; background-color:#FFF;}
.taula3 th {background-color:#E1E1E1;color:#45402d;font-weight:700;height:25px;padding-left:5px;}
.taula3 td:hover {background-color:#E4E4E9;empty-cells:show;}
.taula3 col:hover {background-color: #ffa; }
.taula3 tr table tr:hover {background-color:transparent;}
a.nav:link, a.nav:active, a.nav:visited {font-weight: 700;color: #FFF;background-color: #6d6f84;border: 1px solid #000;padding: 3px;height: 15px;display:block;}
a.nav:hover {text-decoration: none;background-color: #000;}
.navd{font-weight: 700;color: #CCC;border: 1px solid #666;padding: 3px;height: 15px; display:block;}
.navs{font-weight: 700;color: #fff;border: 1px solid #666;padding: 3px;height: 15px;background-color: #000;display:block;}
.navtext{font-weight: 700;color: #CCC;border: 1px solid #666;padding: 3px;height: 15px;background-color: #6d6f84;display:block;}
/*Agenda*/
.boxscrollA {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:300px;padding:3px;}
.boxscrollA td {border-bottom: 1px solid #fff;}
.grupCap{ padding: 5px; margin: 5px; min-height: 25px; display: block; /* background-color: #E9E9E9; */ background-color: #F6F6F6; clear: both; }
#grupA {padding:3px;width:350px;margin:6px;display: block;float:left;}
#grupA ul {overflow-y:auto;overflow-x:hidden;z-index:9;position:relative;top:0;height:235px;padding:3px;margin:0;}
#grupA li {padding:5px; list-style:none;}
#grupA img{cursor:pointer;cursor:hand;float:right;display:inline;}
#grupA input {border:none;background-color:transparent;}
#grupA button {width:100%} /*background-color:#CCC;*/
#grupA li:hover { background-color:#999;}
#grupB {padding:3px;margin:6px;width:350px;display:block;float:left;}
#grupB ul {overflow-y:auto;overflow-x:hidden;z-index:9;position:relative;top:0;height:235px;padding:3px;margin:0;}
#grupB li {padding:5px; list-style:none;}
#grupB img, #grupB input {cursor:pointer;cursor:hand;float:right;border:none;background-color:transparent;}
#grupB button {width:100%} /*background-color:#CCC;*/
#grupB li:hover { background-color:#999;}
#grupC { /*padding: 3px;*/ margin: 5px; /* height: 150px; */ display: block; /* background-color: #E9E9E9; */ clear: both; }
#grupC ul { overflow-y: auto; overflow-x: hidden; height: 150px; z-index: 9; position: relative; top: 0; padding: 10px 10px 0 10px; margin: 0; background-color: #F6F6F6; }
#grupC h1 { font-size: 14px; }
#missatge_menu { width: 259px; }
#missatge_menu a { color: #4A4A4A; background-color: #fff; margin-bottom: 1px; display: block; padding: 10px; font-family: 'ieducaTypo', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; border-left: 4px solid transparent; }
#missatge_menu .act { border-left: 4px solid #4670B5; border-left: 4px solid var(--ieducaColor); }
#missatge_menu span.icon { color: #ADADAD; font-size: 16px; }
#missatge_menu span.icon:hover { color: #3c609b; color: var(--ieducaColorSecundari); }
#missatge_menu .del-folder { position: absolute; top: 11px !important; right: 10px !important; font-size: 16px; }
#missatge_menu .del-folder:hover { color: #FF0000 !important; }
#missatge_menu .edit-folder { position: relative; top: -30px !important; right: -210px !important; font-size: 16px; }
#missatge_menu ul { margin: 0; padding: 0; }
#missatge_menu ul li { list-style: none; height:35px; }
#missatge_menu ul li.separator { height: 32px; }
#missatge_menu .opcio-principal span.icon { margin-right: 10px; }
#missatge_menu .opcio-carpetes span.icon { position: absolute; top: 11px !important; right: 10px !important; font-size: 16px; }
#missatge_menu .opcio-carpeta span.icon:first-of-type { margin-right: 10px; }
#missatge_menu li:first-of-type a, #missatge_menu li:nth-of-type(5) a { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
#missatge_menu li:nth-of-type(3) a, #missatge_menu li:last-of-type a { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
#missatge_menu .badge { position: absolute; top: 11px !important; right: 10px !important; min-width: 15px; }
#missatge_menu #redactar-missatge { margin-bottom: 20px; }
#missatge_menu #redactar-missatge a { display: block; padding: 7px 10px 8px 10px; border-radius: 17px 17px 17px 17px; -moz-border-radius: 17px 17px 17px 17px; -webkit-border-radius: 17px 17px 17px 17px; text-align: center; color: #FFFFFF; background-color: #4670B5; background-color: var(--ieducaColor); }
#missatge_menu #redactar-missatge a:hover { color: #E6E6E6; cursor: pointer; }
#missatge_menu #redactar-missatge span.icon { margin-right: 5px; color: #FFFFFF; }
#missatge_menu #redactar-missatge a:hover span.icon { color: #E6E6E6; }
#missatge_cos { background-color: #F4F7FA; margin-left: 33px; }
#missatge_cos .destinataris { position: relative; background-color: #ECEEF2; color: #000; padding: 5px 25px 4px 10px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; line-height: normal; margin-bottom: 10px; }
#missatge_cos .destinataris span.icon { position: absolute; font-size: 16px; right: 5px; top: 5px; }
#missatge_cos .destinataris:hover { color: #3c609b;color: var(--ieducaColorSecundari); }
#missatge_cos h1 { font-size: 16px; margin: 0; }
#missatge_cos li { list-style: none;}
#missatge_cos li:hover { background-color: #EFEFF1; }
#missatge_cos input[type=checkbox] { background-color: transparent; border: none; }
#missatge_cos td { color: #4a4a4a; }
#missatge_cos #missatge-cos-header { font-size: 14px; font-weight: 600; height: 18px; margin: 0 0 1px 0; padding: 10px; color: #4A4A4A; background-color: #FFFFFF; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
#missatge_cos #missatge-cos-content { min-height: 385px; padding: 5px 10px; background-color: #FFFFFF; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
#missatge_cos #missatges-header {position: relative; height: 50px; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding: 0 7px; box-sizing: border-box;}
#missatge_cos #missatges-header .th-check-all {position: static;}
#missatge_cos #missatges-header #accions-per-bloc {position: static; display: flex; align-items: center; gap: 8px;}
#missatge_cos #missatges-header .filtre_msg {display: flex; align-items: center; gap: 5px; margin-top: 0; margin-left: auto;}
#missatge_cos #missatges-header .filtre_msg input,
#missatge_cos #missatges-header .filtre_msg select {padding: 5px 10px !important;font-size: 14px;font-weight: 400;max-width: 180px;}
#missatge_cos #missatges-header .filtre_msg a {background-color: transparent;padding-left: 3px;font-size: 19.5px;color: #B3B3B3;text-decoration: none;}
#missatge_cos #missatges-header .filtre_msg a:hover {color: #3c609b;color: var(--ieducaColorSecundari);}
@media (max-width: 768px) {#missatge_cos #missatges-header {flex-wrap: wrap;height: auto;justify-content: center;gap: 8px;}
#missatge_cos #missatges-header .filtre_msg {flex-wrap: wrap;justify-content: center;width: 100%;margin-left: 0;}
#missatge_cos #missatges-header .filtre_msg input,#missatge_cos #missatges-header .filtre_msg select {width: 100%;max-width: none;}}
#missatge_cos #accions-per-bloc .boto-icon-quadrat, #missatge_cos #missatges-header #accions-per-bloc .boto-icon-quadrat { display: inline-block; font-size: 18px; width: 31px; height: 24px; padding-top: 6px; margin-right: 9px; text-align: center; background-color: #4670b5; background-color: var(--ieducaColor); border: 1px solid #4670B5; border: 1px solid var(--ieducaColor); color: #FFFFFF; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#missatge_cos #accions-per-bloc .boto-icon-quadrat.inactive, #missatge_cos #missatges-header #accions-per-bloc .boto-icon-quadrat.inactive { background-color: #FFFFFF; color: #d8d8d8; border: 1px solid #999999; }
#missatge_cos #accions-per-bloc .boto-icon-quadrat-menu, #missatge_cos #missatges-header #accions-per-bloc .boto-icon-quadrat-menu { margin-left: 0; }
#missatge_cos #accions-per-bloc .boto-icon-quadrat-menu span.icon, #missatge_cos #missatges-header #accions-per-bloc .boto-icon-quadrat-menu span.icon { font-size: 18px; }
#missatge_cos #accions-per-bloc .boto-icon-quadrat-menu li a, #missatge_cos #missatges-header #accions-per-bloc .boto-icon-quadrat-menu li a { display: block; }
#missatge_cos span.text-boto, #missatge_cos #missatges-header span.text-boto { display: none; }
#missatge_cos #missatge-opcions { float: right; padding-right: 5px; }
#missatge_cos #missatge-opcions .checkmark { top: -2px; }
#missatge_cos #missatge-botons { margin-top: 20px; text-align: right; }
#missatge_cos #missatge-botons input { margin-left: 10px; }
#missatge_cos #llistat-contactes { margin-top: 10px; }
#missatge_cos #destinataris-label { display: block; float: left; }
#missatge_cos #destinataris-container { padding-left: 62px; display: block; }
#botons_adjunts #missatges-adjunts, #missatge_cos #missatges-adjunts { margin-top: 10px; font-weight: bold; }
#botons_adjunts #missatges-adjunts h1, #missatge_cos #missatges-adjunts h1 { font-size: 14px; padding-left: 0; }
#botons_adjunts #missatges-adjunts .adjunt-tag, #missatge_cos #missatges-adjunts .adjunt-tag { font-size: 12px; padding: 5px 10px; display: inline-block; background-color: #EBEFF4; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; margin: 0 4px 4px 0; color: #4a4a4a; }
#botons_adjunts #missatges-adjunts .tag-amb-delete, #missatge_cos #missatges-adjunts .tag-amb-delete { padding-right: 25px; position: relative; }
#botons_adjunts #missatges-adjunts .tag-amb-delete .delete-tag, #missatge_cos #missatges-adjunts .tag-amb-delete .delete-tag { position: absolute; top: 4px; right: 4px; font-size: 16px; }
#missatge_cos #missatges-botonera { text-align: right; font-size: 12px; margin-top: 10px; }
#missatge_cos #missatge-subject { font-size: 14px; padding: 0 5px 2px 10px; }
#boto-adjunta { padding-right: 10px; border-right: 1px solid #6f6f6e; margin-right: 10px; }
.mce-menubtn button { background-color: transparent !important; }
#boto-upload { margin-top: 10px; }
#missatges_titol {font-size: 14px;}
#missatges td { cursor: pointer; cursor: hand; padding: 8px 10px 8px 10px; }
#missatges th { height: 45px; }
#missatges tr:hover {background-color:#EFEFF1;}
#docs_sel { margin-bottom: 12px; }
.mce-tinymce { border-width: 0 !important; }
.adjunt_msg { padding: 5px; background-color: #f7f4e8; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; /*float: left;*/line-height:28px; margin: 4px; color: #666; display:inline; }
.contacte_msg { font-size: 12px; padding: 5px 15px; display: inline-block; background-color: #EBEFF4; border-radius: 15px; -moz-border-radius: 15px;-webkit-border-radius: 15px; margin: 0 4px 4px 0; color: #4a4a4a; }
.filtres_sup{ border-top: 5px solid #F4F7FA; }
.tag_missatges{ color: #ADADAD; margin-right: 15px; margin-bottom: 15px; }
/* #missatge_cos .item_menu_icones { display: inline-block; margin-left: 10px; position: relative !important; } */
.floatr { float: right; }
.message{border:1px solid #CCC;margin:0 auto;width:250px;border:1px solid #c93;background:#ffc;padding:5px;}
#notes1 th{ padding:0px !important; margin: 0px !important; border: none !important; vertical-align: bottom !important;}
#notes1 td {width:31px;text-align:right;background-color:#EEE;padding:2px;}
#notes1 input {margin:0;padding:0;}
#notes2 th {text-align:left;background-color:#666;color:#fff;padding:5px;}
#notes2 td {background-color:#EEE;padding:2px;border-bottom:solid 1px #6D6F84;padding:5px;}
.a{font-weight:700}
.red{color:#cc0000!important;}
/* Horari */
#b_horari {background:#FFF; border:#999999 solid 1px; margin:10px; padding:1px 1px 10px;}
#b_horari h1{background:#E5E5E5;font-weight:700; margin:0 0 10px; font-size:14px;padding:5px;}
#b_horari button {color:#fff;background-color:#000;margin:5px;cursor:pointer;cursor:hand;font-weight:700;}
#b_horari td {empty-cells:show;}
a.horari{color:#000;background-color:#fff;border-bottom:solid 1px #000;padding:4px;font-weight:700;}
.g_horari {background:#FFF; border:#999999 solid 1px; margin:10px; padding:1px 1px 10px;}
.g_horari h1{background:#E5E5E5;font-weight:700; margin:0 0 10px; font-size:14px;padding:5px;}
.fitxaSimple {background:#FFF; border: none; margin:10px; padding:5px;-moz-border-radius:10px;}
.fitxaSimple h1{ /*background:#E5E5E5; */font-weight:700; margin:0; font-size:14px; padding:5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
/*
.fitxaper {background:#FFF; margin:10px; padding:5px;-moz-border-radius:10px;}
.fitxaper em {border-bottom:#ccc solid 1px;padding:2px;display:inline-block; width:44%;}
.fitxaper h1{font-weight:700; margin:0; font-size:16px; padding:5px 0;}
.fitxaper h2{background:#F2F2F2;font-weight:700;margin:10px 0;font-size:14px;padding:5px;border-bottom:#ccc solid 1px;}
.fitxaper label{ display:block;}
.fitxaper span{display:block;color:#ccc;font-weight:700;padding: 3px 0;font-size:14px;text-align: left!important;}
.fitxaper .tipusf span { padding: 0px 2px 0px 0px !important; text-align: center !important; font-weight:normal; top:-23px; }
.fitxaper .tipusf span { padding: 0px 2px 0px 0px !important; text-align: center !important; font-weight:normal; top:-23px; }
.fitxaper input{ margin:2px;}
.fitxaper select{ margin:2px;}
.fitxaper li{ margin-top:10px; list-style:none;}
.fitxaper .submateria{ margin-left:10px;margin-top:0px;}
*/
.boxscrollfitxaper {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:200px;padding:3px;}
.fitxaenq {background:#FFF; margin:10px; padding:5px;-moz-border-radius:10px;}
.fitxaenq h1{margin:0;font-size:16px;padding:5px;font-weight:700;}
.fitxaenq h2{margin:10px 0;font-size:14px;padding:5px;display:block;font-weight:normal;}
.fitxaenq h3{text-decoration:underline; font-size:14px;}
.fitxaenq h4{font-weight:700;font-size:12px; color:#666;}
.fitxaenq label { /*font-weight:700;display:none;color:#F00;font-style:italic;font-size:11px;*/ }
.fitxaenq span { /*width:125px;display:inline-block;font-weight:700;padding:2px;*/ }
.fitxaenq input{ margin:2px;}
.fitxaenq select{ margin:2px;}
.fitxaenq li{margin-top:10px;list-style:none;}
.boxscrollfitxaenq {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:200px;padding:3px;}
.fitxaenq .ns td{ border-top:dotted 1px #000;padding-top:10px;}
.fitxaenqn {background:#FFF; /*border:#999 solid 1px;*/ margin:10px; padding:5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.fitxaenqn h1{ /*background:#E5E5E5; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;*/
margin:0;font-size:16px;padding:10px 0px 5px 0px; font-weight: bold; }
.fitxaenqn u { padding:5px; border:#666 solid 2px; margin:5px; text-decoration:none; background-color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display:inline-block;min-width:14px;}
.fitxaenqn h2 {background:#F2F2F2;font-weight:700;margin:10px -7px;font-size:14px;padding:5px; display:block;}
.fitxaenqn h3{margin-left: 15px;border-bottom:1px dotted #000000;font-size:14px;}
.fitxaenqn h4{font-weight:700;font-size:12px; color:#666;}
.fitxaenqn h5{background:#E5E5E5;margin:0;font-size:16px;padding:5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; margin:-9px; margin-top:20px;}
.fitxaenqn label{font-weight:700;display:none;color:#F00;font-style:italic;font-size:11px;}
.fitxaenqn span{width:125px;display:inline-block;font-weight:700;padding:2px;}
.fitxaenqn input{ margin:2px;}
.fitxaenqn input[type=submit]{color: #FFF;background-color:#4670B5;background-color: var(--ieducaColor); padding: 5px 10px 23px; height:15px; display: inline-block; margin: 5px;border-radius: 15px; font-weight: 700; vertical-align: middle; border: none;}
.fitxaenqn select{ margin:2px;}
.fitxaenqn li{margin-top:10px;list-style:none;}
.fitxaenqn td{}
.boxscrollfitxaenqn {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:200px;padding:3px;}
.fitxaenqn .ns td{ border-top:dotted 1px #000;padding-top:10px;}
.barstat {background-color:#333;empty-cells:show; height:15px;}
/*Definicio de l'estil de la vista de la taula Rúbrica*/
.taulaRubrica {min-height: 100%; max-height: 100%}
.taulaRubrica textarea{background: white;}
.taulaRubrica textarea.textAreaVisualitzar{min-width: 200px; max-width: 200px; resize: none; border: none; background-color: white}
.taulaRubrica textarea.textAreaInserirColumna{min-width: 90%; max-width: 90%; resize: none; background-color: #F0F0F0}
.taulaRubrica textarea.textAreaInserirFila{min-height: 50px; max-height: 50px; width: 100%; max-width: 100%; margin: unset; padding: unset; resize: none; background-color: #F0F0F0}
.taulaRubrica a{cursor:pointer;}
.taulaRubrica td{background-color: #F9F9F9; border-bottom: 1px #ccc solid; empty-cells:show; text-align: left;}
.taulaRubrica td.celaColumn{height: 50px; border-left: 1px #ccc solid;}
.celaFila{
min-height: 110px;
height: auto !important;
}
.taulaRubrica td.celaRubrica{background-color: white; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.taulaRubrica td.afegirNovaFilaColumna{background-color: #F0F0F0; max-width: 40px;}
.taulaRubrica div.capcaleraColumnaSenseNom{font-weight: unset; font-style:italic; max-width: 100%;}
.taulaRubrica div.capcaleraColumnaSenseValor{font-weight: unset; font-style:italic; max-width: 100%; float: right;}
.taulaRubrica div.capcaleraColumnaAmbNom{font-weight: bold; font-style: normal; max-width: 100%; overflow: auto;}
.taulaRubrica div.capcaleraFilaSenseNom{font-weight: unset; font-style:italic; max-width: 100%;}
.taulaRubrica div.capcaleraFilaAmbNom{font-weight:bold; max-width: 100%; overflow: auto;}
.taulaRubrica div.filaPonderacio{position: absolute; bottom: 5px; right: 5px; font-weight: normal !important;}
.taulaRubrica span.icon.icon-close-alt2{float: right; color: red;}
.taulaRubrica div.divEliminar{height: 25%;}
.taulaRubrica textarea.celaSeleccio{min-width: 100%; max-width: 100%; resize: none; border: none; background-color: white}
.taulaRubrica textarea.celaSeleccio:hover{background-color: #E5E5E5 !important; cursor:pointer;}
.taulaRubrica textarea.celaSeleccionada{min-width: 100%; max-width: 100%; resize: none; border: none;}
.taulaRubrica textarea.celaSeleccionada:hover{cursor:pointer;background-color: #E5E5E5 !important;}
.taulaRubrica textarea.celaSeleccioDisabled{min-width: 100%; max-width: 100%; resize: none; border: none; background-color: white}
.taulaRubrica textarea.celaSeleccioDisabled:hover{background-color: #E5E5E5 !important; cursor:pointer;}
.taulaRubrica .input-fila{max-width: 100%;}
.taulaRubrica .input-columna{max-width: 100%; margin-left: 0px;}
.taulaRubrica div.columnaValor{float: right; max-width: 100%;}
.taulaRubrica .input-val-columna{max-width: 100%; width: 40px; float: right; text-align: center;}
.r-input-nomfila{
display:inline-block;
max-width:100%;
}
.r-input-percent{
display:inline-block;
float:right;
}
.r-input-linkcompetencies{
margin-top: 10px;
}
.fitxadocs {background:#FFF; border: none !important; margin:5px;-moz-border-radius:10px;}
.fitxadocs h1{background:#E5E5E5;margin:0;font-size:14px;padding:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.fitxadocs h2{margin:10px 0;font-size:14px;padding:5px; display:block; border-bottom:dotted 2px #D7D7D7;}
.fitxadocs2 tr:hover td {background:#E5E5E5;}
.fitxadocs2 td{border-bottom:1px #ccc solid; empty-cells:show;}
.boxscrollfitxadocs {overflow-y:scroll;overflow-x:hidden;z-index:9;position:relative;top:0px;height:200px;padding:3px;}
.fitxadocs3 {background:#FFF;margin:5px; padding:5px;}
.fitxadocs3 u { padding:3px; border:#666 solid 1px; margin: 5px 20px; text-decoration:none; background-color:#FFF;
-webkit-border-radius: 1rem;-moz-border-radius: 1rem;border-radius: 1rem; display:inline-block; min-width:1rem;}
/*.fitxadocs3 a {color:#000; text-decoration:none;} */
.fitxadocs3 h1{ font-size:17px; font-weight: bold; padding: 5px 0px !important; }
.fitxadocs3 h2{font-size:15px;padding:5px; margin: 0.8rem 0.5rem 0.2rem 1.2rem; font-weight: normal; /*display:block; border-bottom:1px dashed #D7D7D7;*/}
.fitxadocs3 h3{font-size:14px;padding:5px; margin: 0.8rem 0.5rem 0.2rem 1.2rem; 1.2rem; font-weight: normal; /*display:block; border-bottom:dotted 2px #D7D7D7;*/}
.fitxa2 {margin:5px;}
.fitxa2 h2{margin:10px 0;font-size:14px;padding:5px; display:block; border-bottom:dotted 2px #D7D7D7;}
.fitxa2 p { padding-left:10px;}
.cfaltes {background-color:#fff;}
.cfaltes th {background-color:#000;color:#FFF;font-weight:700;}
.cfaltes td { border-bottom:#CCC 1px solid;}
.cfaltes_w td { border-bottom:#fff 1px solid;}
.caixaperc{float:right;font-size:10px; margin-top:11px; }
.caixaperc span{ border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; color:white; font-size: 10px; padding:5px; }
.mperc, .mperc2.active:hover { background-color:#4670B5; background-color:var(--ieducaColor); cursor: pointer; }
.mperc2, .mperc2.inactive:hover { background-color:#eeeeee; cursor: auto; }
.mperc3 {background-color:#eeeeee; }
@keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.blink {
animation: blink 2s ease-in-out 1s infinite;
-webkit-animation: blink 2s ease-in-out 1s infinite;
}
.warningTextareaInfo {
color: #FF0000;
font-weight: 700;
}
/* btn bootstrap */
.btn-default { background-color: #fff; border-color: #ccc; color: #333; }
.btn, a.btn {
-moz-user-select: none; background-image: none; border-radius: 15px; cursor: pointer; display: inline-block;
/* border: 1px solid transparent; font-size: 14px; font-weight: 400; margin-bottom: 0;*/
line-height: 1.42857; padding: 8px 32px; text-align: center; vertical-align: middle; white-space: nowrap;
}
.funcionalitat_destacada{ border-radius: 10px; padding: 12px; height: 70px; color: #959ba2 !important; }
.funcionalitat_destacada a { color: white !important; font-size: 1.1em; font-weight: 700 !important; }
.funcionalitat_destacada p { font-size: 0.9em; color: #959ba2; }
.funcionalitat_destacada_int{ -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
padding: 12px; width:calc(100% - 40px); background-color: #Ffffff; margin-top:10px;
background-position: left 6px top 6px; }
.funcionalitat_destacada_int a { color:#4670B5 !important;color: var(--ieducaColor) !important; font-size: 1.3em; font-weight: 700 !important; padding-left: 35px; }
.funcionalitat_destacada_int p { font-size: 1em; color: #39352A; }
.destaca_nou{ background-color: red; color: white; font-size:0.8em; border-radius:11px; margin-right:4px;
margin-top: -12px; margin-left: -14px; border:1px solid white; /*width:22px;*/
height:22px; float: left; line-height: 2.2em; padding: 0px 3px; font-weight: 700; }
.funcionalitat_destacada_int li {
list-style-type: square;
margin-left: 15px;
}
.btn_just {
border-radius: 0.3125em;
font-size: 11px;
height: 30px;
width: 30px;
box-sizing: border-box;
display: inline-block;
margin-right: 0.625em;
vertical-align: middle;
cursor: pointer;
display: block;
margin: 0.5em 0;
overflow: hidden;
padding: 0.7em 1em;
position: relative;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
border-style: solid;
border-width: 1px;
font-weight: 700;
}
#signa{font-weight:700; color:#000; background-color: #FFFFCC;border: 1px solid #FFCC33; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px;}
#signa:hover{color: #000; background-color: #FFCC66; }
.red_italic{ color: red; font-style: italic; }
.verd_italic{ color: green; font-style: italic; }
/*alertes*/
.ample_100{
width:100%!important;
margin:0!important;
color: #fff!important;
}
.alerta .ui-icon-info{
display: none;
}
.alerta {
font-size: 14px;
background-color:#FFFFCC;
width:300px;
color:#000;
margin:10px auto;
padding: 15px;
-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
}
.alerta p{padding:10px;}
.sense-ombra {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.alerta-container {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0.25em 0.25em 0.4em 0.4em;
/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */
margin: 0 auto;
max-width: 400px;
position: relative;
width: 90%;
}
.alerta-container p {
padding: 0 15px;
}
.alerta-container h1,
.titol-aux-dialeg {
color: #A2231D !important;
font-size: 20px;
padding: 15px 0 0 15px;
}
.alerta-content li {
list-style-type: square;
margin-left: 15px;
text-align: left;
}
.alerta-buttons:after {
clear: both;
content: "";
display: table;
}
.alerta-buttons {
margin: 0;
padding: 0;
}
.alerta-buttons li {
float: left;
width: 50%;
list-style: none outside none;
}
.alerta-buttons a {
color: #FFFFFF;
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
text-align: center;
}
.alerta-buttons li:first-child a {
background: none repeat scroll 0 0 #FC7169;
border-radius: 0 0 0 0.25em;
}
.alerta-buttons li:last-child a {
background: none repeat scroll 0 0 #B6BECE;
border-radius: 0 0 0.25em 0;
}
.alerta2-container {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0.25em 0.25em 0.4em 0.4em;
/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */
margin: 0 auto;
max-width: 400px;
position: relative;
width: 90%;
}
.alerta2-container p {
padding: 0 15px;
}
.alerta2-container h1 {
color: #A2231D !important;
font-size: 20px;
padding: 15px 0 0 15px;
}
.alerta2-content li {
list-style-type: square;
margin-left: 15px;
align:left;
}
.alerta2-buttons:after {
clear: both;
content: "";
display: table;
}
.alerta2-buttons {
margin: 0;
padding: 0;
}
.alerta2-buttons li {
float: left;
width: 50%;
list-style: none outside none;
}
.alerta2-buttons a {
color: #FFFFFF;
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
transition: background-color 0.2s ease 0s;
text-align: center;
}
.alerta2-buttons li:first-child a {
background: none repeat scroll 0 0 #99CD6A;
border-radius: 0 0 0 0.25em;
color: #FFF;
}
.alerta2-buttons li:last-child a {
background: none repeat scroll 0 0 #B6BECE;
border-radius: 0 0 0.25em 0;
}
#contactes {background:#FFF; margin:10px; padding:5px; margin-left: -10px !important;}
#contactes h1{font-weight:700; margin:0; font-size:18px; padding:5px;}
#contactes h2{background:#E5E5E5;font-weight:700; margin-top:10px; font-size:14px; padding:5px;}
#contactes label{font-weight:700; width:100px; display:block;}
#contactes input{ margin:2px;}
#contactes select{ margin:2px;}
#contactes li{ list-style:none; padding: 5px;}
#contactes { margin-left:10px;margin-top:0px;}
#contactes td{ border-bottom:1px #ccc solid; empty-cells:show;}
#contactes #grupA, #contactes #grupB{padding: 2px; width:30%; margin: 5px; display: block; float:left; height:274px; background:#FFF; min-width: 270px; border: 2px dotted #ccc;}
#grups_sel{ width:100%; display: block; float:left; background:#FFF; }
#contactes #grups_sel{ height:270px; width: 30%; }
#contactes #grupC ul {overflow-y:auto;overflow-x:hidden;z-index:9;position:relative;top:0;padding:3px;margin:0; height:235px;}
#contactes #grupC li {border-bottom:1px solid #ccc; padding:5px; list-style:none;}
#contactes #grupC h1{ font-size:14px; }
#contactes #grupB img { float:none!important; }
#contactes #grupD { width:100%; display: block; margin-top: 10px; }
#contactes #grupA li:hover, #contactes #grupB li:hover, #contactes #grupC li:hover { background-color:#efefef;}
#escull ul { height: 121px; background-color: #fcfcfc; margin: 5px; width: 324px; padding: 8px; }
#escull li { width: 310px; background-color: #e0e0e0; margin:2px;list-style:none; cursor:all-scroll; padding: 5.5px;}
#escull li img{vertical-align: bottom;}
#first { border: 2px dotted #ccc }
#second { border: 2px dotted #ccc }
#escull ul div{ margin: 5px; width: auto !important; font-weight: normal !important; display: inline; }
.env_ordre{ background: white; -moz-border-radius: 15px; webkit-border-radius: 15px; border-radius: 15px; margin: 0px; padding: 2px 4px; display: inline }
#resultats { font-size: 16px; }
#resultats .sense { color: red; }
#resultats .amb { color: green; }
#contactes #grupC { width: 100% !important; background:#FFF;}
#contactes #grupC:not(:empty) {border: 2px dotted #ccc; height: 278px;}
#categoryorder li{ list-style:none;cursor:all-scroll;}
#recuadre {background:#FFF; border:#999999 solid 1px; margin:10px; padding:5px;}
#recuadre h1{background:#E5E5E5;font-weight:700; margin:0; font-size:14px; padding:5px;}
#recuadre h2{background:#E5E5E5;font-weight:700; margin-top:10px; font-size:14px; padding:5px;}
#recuadre li{ margin-top:10px; list-style:none;}
/* icones */
.pares {background: url(../imatges/pares_n.png) no-repeat bottom;width:16px;height:16px;display:inline-block;background-size:16px 16px;}
.professor {background: url(../imatges/professor_n.png)no-repeat bottom;width:16px;height:16px;display:inline-block;background-size:16px 16px;}
.alumne {background: url(../imatges/alumne_n.png) no-repeat bottom;width:16px;height:16px;display:inline-block;background-size:16px 16px;}
.logo_mini {background: url(../imatges/ieduca_n.png) no-repeat;width:15px;height:12px;display:inline-block;background-size:11px 11px; vertical-align: -2px;}
.color_ieduca {color:#4670B5 !important;color:var(--ieducaColor) !important;}
.color_carpeta_ieduca, .color_carpeta_ieduca>a {color:#4670B5 !important;color:var(--ieducaColor) !important;}
.enviara{ color: black !important; }
.suport {text-decoration: underline dashed; display: inline; font-size: 14px; cursor:help;}
.icon-paperclip { font-size:16px;color:#999999; display: inline; }
.icon-nollegit:before { color: #5878c0; font-size: 12px; }
.icon-reg-actualitzat:after { content:'\2022';color:#5878c0; font-size:30px;}
.icon-reg-error:after { content:'\2022';color:#E50B0F; font-size:30px;}
.icon-reg-notrobat:after,.icon-reg-no_processat:after { content:'\2022';color:#909CA8; font-size:30px;}
.icon-reg-creat:after { content:'\2022';color:#20BF55; font-size:30px;}
.icon-responsable { font-size:16px;color:#999999; display: inline; padding-right: 5px; }
.ui-datepicker-week-end { color: #000; }
span, .ui-datepicker td a {
text-align: center!important;
}
.ui-datepicker-week-end { color: #000; }
fieldset { border:1px dotted gray; padding: 5px; }
legend {
padding: 0.2em 0.5em;
color:gray;
text-align:right;
}
.div_alerta{
width:400px;
margin:0 auto;
margin-top: 20px;
padding: 0 .7em;
}
/*
.link-to-gsuite{
position: absolute;
top: 12px ;
right: 455px;
}*/
.link-to-gsuite a img, .link-to-gsuite img {
height: 30px;
/*position: absolute;*/
}
/*
.link-to-moodle {
position: absolute;
top: 10px;
right: 415px;
}*/
.link-to-moodle a img {
height: 30px;
/* position: absolute; */
}
.link-to-moodle-old {
position: absolute;
right: 220px;
font-size: 14px;
bottom: 8px;
}
.link-to-moodle-old a {
position: relative;
display: block;
padding-right: 60px;
text-decoration: none;
color: #211915 !important;
}
.link-to-moodle-old a img {
height: 16px;
position: absolute;
right: 0;
top: 0;
}
.link-to-moodle-big {
font-size: 20px;
}
.link-to-moodle-big a {
position: relative;
padding-right: 96px;
text-decoration: none;
color: #211915 !important;
}
.link-to-moodle-big a img {
height: 26px;
position: absolute;
right: 0;
top: 0;
}
.ui-corner-all {
/*border-radius: 0 !important;*/
}
.ui-button {
min-width: 90px;
}
.calendari_dins_input .ui-datepicker-trigger{
cursor: pointer;
width: 16px;
height: 16px;
position: relative;
right: 18px;
top: -1px;
}
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; border: none !important; background: none !important; }
.tit3 .ui-datepicker-trigger {
/*vertical-align: bottom;*/
margin-right: 5px; /*aquest marge provoca salt de linia entre l'input i el calendari dels datepicker*/
}
.tit3 input.calendari {
margin-right: 5px !important;
}
.calendari {
/* text-align: center; */
}
#content-moodle a {
text-decoration: none;
border-radius: 0;
}
#content-moodle #user-ieduca td {
height: 20px;
vertical-align: middle;
}
#content-moodle #user-ieduca td .editables {
position:relative;
padding-right: 20px;
}
#content-moodle #user-ieduca td .btn-edit-user,
#content-moodle #user-ieduca td .btn-edit-email {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
#content-moodle #user-ieduca td .btn-edit-user img,
#content-moodle #user-ieduca td .btn-edit-email img {
width: 16px;
}
#content-moodle #user-ieduca td .editors {
position: relative;
padding-right: 20px;
}
#content-moodle #user-ieduca td .editors .input-edit-user,
#content-moodle #user-ieduca td .editors .input-edit-email {
padding-left: 4px;
padding-right: 4px;
width: 100%;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
table.taula-estadistiques-asisstencia td {padding: 5px;}
table.taula-estadistiques-asisstencia th {padding: 5px;}
table.taula-estadistiques-asisstencia space { border: 0; border-spacing: 0;}
.ui-state-success, .ui-widget-content .ui-state-success {
border: 1px solid #427840;
background: #DBFFD9 url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #427840;
}
#dialog-results-link .dialog-results-content {
border: 1px solid #B3B3B8;
height: 200px;
overflow: auto;
}
#dialog-results-link .dialog-results-content .dialog-results-wrapper p {
margin: 0;
}.ui-datepicker-week-end { color: #000; }
.ui-datepicker-today a { background-color: #4670B5 !important; background-color: var(--ieducaColor) !important; }
.suport {text-decoration: underline dashed; display: inline; font-size: 14px; cursor:help;}
.typeahead.dropdown-menu {
max-height: 250px;
overflow: auto;
}
/* Notes */
.te_notes, .center{ text-align:center !important; align:center; }
.input_nota{ width: 38px; margin-right: 6px; margin-left: 6px; }
.input_nota:focus{ border-color: gray; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 5px rgba(#4670B5), 0, 0, 0.3);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 5px rgba(var(--ieducaColor), 0, 0, 0.3); }
.te_notes input[disabled], .innactiu{ background: repeating-linear-gradient(-45deg, white, #dadbe7 5px)!important; color: #878897!important; }
.te_notes input{text-transform:uppercase; }
.seleccionat_NO{ background-color: red !important; cursor: auto !important; }
.seleccionat_SI{ background-color: green !important; cursor: auto !important; }
.eliminar_tipus_especific_disabled{ opacity: .5; }
.eliminar_tipus_especific_ennabled{ opacity: 1; cursor: pointer; }
.llegenda{ border-radius: 30px; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); padding:20px; display: none; position:absolute; top:0px; left:0px; z-index: 99991; }
.llegenda h1{ font-size: 13px !important; background-color: transparent !important; color: #000000 !important; }
.id_td{ text-align:right; width: 20px; font-weight: 700; }
.guardia_pendent{ background-color: #F8ECEC;border-color: #ebccd1;color: #A44240; }
.rTable { display: table; }
.rTableRow { display: table-row; }
.rTableHeading { display: table-header-group; }
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell, .rTableHead { display: table-cell; }
.guardia_pendent{ background-color: #F8ECEC;border-color: #ebccd1;color: #A44240; }
#user_registration label
{
display: block; /* block float the labels to left column, set a width */
float: left;
width: 70px;
margin: 0px 10px 0px 5px;
text-align: right;
line-height:1em;
font-weight:700;
}
#user_registration input
{
width:250px;
}
#user_registration p
{
clear:both;
}
#passwordStrength
{
height:10px;
width:50px;
display:block;
float:left;
}
.strength0
{
background:#cccccc;
}
.strength1
{
background:#ff0000;
}
.strength2
{
background:#ff5f5f;
}
.strength3
{
background:#FF9900;
}
.strength4
{
background:#4dcd00;
}
.strength5
{
background:#399800;
}
#llegenda
{
padding-left: 10px;
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:1px;
font-size: 10px;
}
.menu_superior {
border-bottom: 6px solid #3b425b;
height: 77px;
}
.menu_superior {
background-color: #4670B5;
background-color: var(--ieducaColor);
padding-top: 10px;
}
.navbar-fixed-top {
border-width: 0 0 1px;
top: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
left: 0;
position: fixed;
right: 0;
z-index: 1030;
}
.btn-menu-toggle {
display: block;
height: 71px;
left: 0;
position: absolute;
top: 0;
width: 71px;
}
.logo {
text-align: center;
}
p#titol-apartat {
color: #ffffff;
font-size: 130%;
font-weight: 700;
padding: 16px 75px 0 55px;
}
.truncate-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn-menu-toggle span {
margin: 24px 0 0 15px;
}
.icon-22 {
background-size: 22px 22px;
display: block;
height: 22px;
width: 22px;
}
.icon-hamburger {
background-image: url("../tutor/assets/img/icon_hamburger.png");
}
#mail-widget {
height: 71px;
position: absolute;
right: 0;
top: 0;
}
#sidebar-wrapper {
animation-delay: 100ms;
animation-duration: 400ms;
}
#sidebar-wrapper {
background-image: url("../tutor/assets/img/bg_shadow.png");
background-position: right top;
background-repeat: repeat-y;
height: 100%;
left: 256px;
margin-left: -256px;
position: fixed;
top: 0;
width: 256px;
z-index: 1031;
}
.sidebar-nav {
list-style: outside none none;
margin: 0;
padding: 0 0 10px;
width: 250px;
}
.sidebar-nav li {
line-height: 60px;
text-indent: 20px;
}
.sidebar-nav li a {
color: #ffffff;
display: block;
font-size: 16px;
padding-left: 35px;
position: relative;
text-decoration: none;
}
li {
display: list-item;
text-align: match-parent;
}
.divider {
border-bottom: 1px solid #CDD1D4;
}
.sidebar-brand {
height: 234px;
}
.sidebar-brand a {
color: #5b649b;
display: block;
font-weight: 700;
line-height: 14px;
padding: 5px 10px;
text-align: center;
text-indent: initial;
vertical-align: middle;
}
#logo-space {
text-align: center;
}
#logo-space {
background-color: #3b425b;
border-bottom: 6px solid #62687c;
height: 77px;
}
#perfil-space {
background-image: url("../tutor/assets/img/fons_perfil.png");
background-position: 0 0;
background-size: 100% 100%;
padding: 10px 0 15px;
}
#imatge-perfil {
height: 60px;
margin: 5px auto;
}
#sidebar-content {
background-color: #3b425b;
height: 100%;
width: 250px;
}
/*Taules*/
#fons_menu_ppal_esquerra { position: fixed; background-color: #282C37; top: 0px; bottom: 0px; left: 0px; right: 10px; }
#menu_ppal_esquerra{ display:block; height: 100%; overflow: hidden; z-index: 999; top:53px; width:200px; position:fixed; }
#contingut_ppal_dreta{ display: block; position: absolute; overflow: auto !important; margin-top: 53px; background-color: #f4f7fa; width: calc(100% - 200px); left: 200px; height: calc(100% - 50px); }
.menu_superior{display:none;}
.scrollbar{ float: left; width: 198px; overflow-y: auto; overflow-x: hidden; height: 100px;}
.force-overflow{min-height: 10px;}
/*#menu_ppal_esquerra #sidebar::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px;}
#menu_ppal_esquerra #sidebar::-webkit-scrollbar{width: 6px;}
#menu_ppal_esquerra #sidebar::-webkit-scrollbar-thumb{background-color: #666666;border-radius: 5px;}*/
#contingut_ppal_dreta.menu_plegat{ left: 48px; width: calc(100% - 48px); }
/*titols seccio*/
.tit1 { font-size:26px; color:#000; }
.tit1b{float:right; padding:8px 0px 2px 2px; margin-right: 10px; }
.tit2 h1{ float:left; margin-top: -10px; }
.tit2{ padding:1px 16px 14px 5px; text-align: right; margin-top: -50px; min-height: 45px; }
.tit3 {background-color: #fff;margin-bottom:10px;padding:10px 20px;}
/* Llistat Nou */
.taula {background-color:#FFF;border-spacing: 0px; border-collapse: separate;border-collapse: collapse;}
.taula th, .header {background-color:#fff;color:#999999;/*height:25px;padding-left:5px; */text-align: left; font-weight:normal !important; }
.taula tr:hover { empty-cells:show;
background-color: rgba(217,222,228, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)";
}
.taula tr table tr:hover {background-color:transparent;}
.taulaa, .interlineat1, .aa {background-color:#F9F9F9;empty-cells:show;line-height:1.6;}
.taulab, .interlineat2, .bb {background-color:#ffffff;empty-cells:show;line-height:1.6;}
.taulac, .alumneBaixa { background-color:#ffebeb !important; empty-cells:show;}
.taulaf, .alumneBaixa { background-color:#ffede4 !important; empty-cells:show;}
.taulac .foto_perfil_rodo{ border-color: red; }
.taulaf .foto_perfil_rodo{ border-color: #ea6524; }
.taulaf:hover, .alumneBaixa:hover{background-color: #ffd7c3 !important; }
.taulad {background-color:#ffffff;empty-cells:show;}
.taulae {background-color:#F9F9F9;empty-cells:show;}
.taulaf {background-color:#ffffff;empty-cells:show;}
.taula td { padding:4px;}
.border-top-black td {
border-top: 1px solid gray !important;
}
/* Paginació */
#paginacio-container{ text-align:right; }
/*#paginacio-container { height: 10px; position: relative; }
#pag { position: absolute; top: 0; right: 0; text-align: center; height: 50px; } */
#pag a:hover {text-decoration:none; background-color:#e9edf5;}
#paginacio-container .text { font-size: 11px; font-weight: 500; font-style: normal; color: #000000; padding: 3px 0 4px 0; }
#pag a, #pag .sel, #pag .des { font-size: 13px; font-weight: 400; color: #b3b3b3; padding: 7px 2px 0px 2px; height: 23px; width: 27px; border-right: 1px solid #b3b3b3; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; display: inline-block; vertical-align: middle; text-align: center; opacity: 0.77; }
#pag :nth-child(1) { border-left: 1px solid #b3b3b3; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#pag a.icon-arrow-carrot-2right, #pag .des:last-of-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#pag select{ display:none; }
#pag .icon { text-indent: 5px; white-space: nowrap; overflow: hidden; font-size: 17px; letter-spacing: 1em; }
#pag .sel { background-color:#4670B5;background-color: var(--ieducaColor); color:white; }
/* perfil */
.user_box {background-color: #313841;border: 1px solid #4C5766 !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;color: #FFFFFF;float: right;margin: 10px;padding: 5px;width: 220px;}
.user_box img {border: 1px solid #fff;display: block;float: left;margin-bottom: 0;margin-right: 8px;padding: 0;}
.user_box h2 {color: #FFFFFF;font-size: 0.9em;line-height: 12px;margin-bottom: 8px;margin-top: 3px;}
.user_box h3 {font-size: 1em;font-weight: normal;margin-bottom: 8px;}
.user_box ul li a {font-size: 0.9em;}
.user_box ul li span {color: #666666;margin:0 4px;}
.text_shadow {text-shadow: 0 1px 1px #000000;}
/* cap */
#topbar { min-height: 53px; margin: 0 0 -20px; background-color: #fff; position: fixed !important; z-index: 9999; width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
#topbar a {color: #6f6f6e; font-weight: normal;}
#topbar .user_box {background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent;border: 1px solid #313841;}
#topbar .user_box ul li {display: inline;float:left;list-style: none outside none;position: relative;}
.logo_capcalera{display:block; width:200px;height:53px;float:left;overflow: hidden; text-align: center; background-color:#4670B5;background-color: var(--ieducaColor); }
.logo_capcalera img{ width: 175px; border: none; margin-top:-7px; }
.logo_capcalera.menu_plegat{ width: 48px; }
.logo_capcalera.menu_plegat img{ margin-left: -3px; }
ul li, ol li {margin: 0;padding: 0;}
#sidebar ul {margin: 0;padding: 0; border:none !important;}
#sidebar ul#accordion li a, #sidebar ul#side_links li a {background:none; color:#a6a6a6; display:block; padding: 10px 0px 10px 11px;
/*line-height:28px;padding-left:13px;padding-bottom:7px; */text-indent:0;border:none !important;font-size:14px; letter-spacing: 0.01em; }
#sidebar ul#accordion li a:hover, #sidebar ul#side_links li a:hover, #sidebar ul#accordion li a .icon:hover, #sidebar ul#accordion li a .icon:hover:before { color: white !important;text-decoration: none; }
#sidebar ul#accordion li, #sidebar ul#side_links li {list-style: none outside none;width: 100%;}
#sidebar ul#accordion li span, #sidebar ul#side_links li span {display: block;position: absolute;right: 2px;top: 2px;}
#sidebar ul#accordion li span, #sidebar ul#side_links li span {display: block;position: relative;right: 2px;top: 2px;}
#sidebar ul#accordion li ul.drawer li a {background:none;background-color: #232731;color: #989BA9;display: block;font-weight: normal;
padding-bottom:6px; padding-top:6px; text-indent:37px;font-size:14px;}
#sidebar ul#accordion li ul.drawer li a:hover {text-decoration: none;text-indent: 37px;color:white;}
#sidebar .ui-widget-content{background:none;border:none;}
#sidebar .ui-accordion-li-fix .icon{ display: inline-block; margin-right: 16px; font-size: 20px; vertical-align: middle; /*float:left;*/ }
#sidebar .ui-accordion-li-fix a.actiu{ color: white !important; }
#sidebar .icon-arrow-left-right-alt{ color: #999999; font-size:18px; width: 100%; padding-left: 165px; margin-bottom: 4px; cursor: pointer; min-height: 16px; }
#sidebar .icon-arrow-left-right-alt:hover{ color: white; }
#menu_ppal_esquerra.menu_plegat #sidebar .icon-arrow-left-right-alt{ /*text-align: center;*/ padding: 0 0 0 13px; }
#menu_ppal_esquerra.menu_plegat, #menu_ppal_esquerra.menu_plegat #sidebar{ width: 48px; }
/*#menu_ppal_esquerra.menu_plegat #sidebar ul#accordion li{ position:relative; }*/
#menu_ppal_esquerra.menu_plegat #sidebar .ui-accordion-li-fix .icon{ width:100%; /*font-size: 18px !important; padding-bottom:10px; margin-top:-2px;*/ }
#menu_ppal_esquerra.menu_plegat #sidebar .ui-accordion-li-fix label{ display:none; }
#menu_ppal_esquerra.menu_plegat #sidebar .ui-accordion-li-fix ul{ display: none; }
#menu_ppal_esquerra.menu_plegat #accordion .clearer ~ li:first-of-type a.top_level{ margin-top: 11px; }
#menu_ppal_esquerra.menu_plegat ul#accordion .clearer ~ li:first-of-type .top_level.has_slide.ui-state-active{ margin-top: 15px; }/*
#menu_ppal_esquerra ul#accordion li .has_slide.ui-state-active, #menu_ppal_esquerra ul#accordion li .has_slide.ui-state-active{ margin-top: 8px; margin-right: 2px; }
*/
.td_menu #sidebar ul#accordion li ul{ width: 200px; }
#menu_ppal_esquerra.menu_plegat #sidebar .ui-accordion-content-active{
position:absolute !important; display: block !important; left: 48px; z-index: 998 !important; margin-top: -34px;
}
#menu_ppal_esquerra.menu_plegat #sidebar .ui-accordion-content-active a{ text-indent: 0px !important; padding-right: 8px; }
#accordion{ background-color: #282C37; }
.marcat {text-decoration: none;color:white !important;}
.alert.badge {border-radius: 10px;box-shadow: none;display: block;font-size: 11px;line-height: 10px;margin: 0;padding: 3px 5px;position: relative;right: 10px !important;text-align: center;text-indent: 0;top: -1px !important;z-index: 50;float:right;}
.alert_red {color:#fff;background-color: red;}
.alert_black {background: -moz-linear-gradient(center top , #4C5766 0%, #313841 99%) repeat scroll 0 0 transparent;border: 1px solid #313841;color:#fff;background-color: #4C5766;}
.ajuda {border-radius: 4px 4px 0 0; box-shadow: none;display: block;font-size: 11px;line-height: 15px;margin-top: 23px;padding: 2px 3px;position: relative;right: 0 !important;text-align: center;text-indent: 0;top: 0 !important;z-index: 50;width:80px;}
#footer { background-color:#000;filter:alpha(opacity=80);opacity:.8;padding:5px;bottom: 0;height: 48px;left: 0;padding: 0;position: fixed;width: 100%;z-index:900;}
#footer.menu_plegat{ margin-left: 48px;}
.taula td div {
/*display:inline;*/
}
.taula .ui-sortable, .taula .classe { padding: 4px; }
.classe { margin-top: 2px; }
.perfil_requadre_dreta .icon, .taula .icon, .tit3 .icon, .fitxaenq .icon { display:inline!important; }
#perfil{ cursor: pointer;}
.foto_perfil_rodo, .foto_perfil_rodo50 {
border-radius: 30px;
float: left;
height: 31px;
width: 31px;
border:1px solid #b3b3b3;
font-size: 45px;
color: #ccc;
/*cursor:pointer;*/
margin-right: 10px;
margin-right: 10px;
background-position: 50%;
border-radius: 50%;
background-size: 150% auto;
}
.foto_perfil_rodo50 { height: 50px !important; width: 50px !important; border:1px solid #b3b3b3; }
.separar_foto .foto_perfil_rodo50 { margin-right:15px; }
#topbar .foto_perfil_rodo { margin: 10px 10px 10px 12px; }
.foto_perfil {
border-radius: 30px;
float: left;
margin: 5px 15px 0 5px;
}
.text_perfil {display:block; margin:10px;}
.nom_perfil{
font-size: 14px;
font-weight: 700;
margin: 10px 0;
display: inline-block;
}
.permis_perfil{
color: #b3b3b3;
font-size: 13px;
margin: -10px;
margin-left: 0px;
}
.nom_centre .permis_perfil{ margin-top: -8px;}
#dialog-perfil {
display: none; background-color: #fff;
position: absolute;
top: 0px; right: 0px;
-webkit-box-shadow: 10px 10px 37px -22px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 10px 10px 37px -22px rgba(0,0,0,0.75) !important;
box-shadow: 0 0 4px rgba(0, 0, 0, .5) !important;
z-index: 99999;
min-width: 250px;
}
#dialog-perfil .perfil_user{ margin-left: 50px; }
#dialog-perfil .nom_perfil{ padding-right: 15px; }
.perfil_requadre_esquerra { float: right; margin: 0px 20px 0px 5px; }
.perfil_requadre_esquerra .identitat-i-carrec { float: left; padding-top: 10px; }
.perfil_requadre_esquerra .identitat-i-carrec p { margin: 0 !important; }
.perfil_requadre_esquerra .identitat-i-carrec .permis_perfil { text-overflow: ellipsis; width: 150px; overflow: hidden; white-space: nowrap; }
.perfil_requadre_dreta { float:right; margin: 0px 25px; }
.nom_centre{ margin-left: 10px; float: left; }
.logo-centre { float: left; padding-top: 4px; margin-left: 20px; }
.logo-centre img { height: 45px; }
.perfil_requadre_dreta a { color:#000!important; }
/* tabs */
.ui-tabs {
background: none !important;
padding: 0;
}
#tabs .ui-widget-content { background: white !important; }
#tabs { background-color: #ffffff; padding:10px; }
.ui-tabs-nav>li>a{ font-size: 13px !important; letter-spacing: 0.8px; }
#tabs .ui-state-default a{ color: #b3b3b3; padding: 0.9em 1.8em; }
#tabs .ui-state-default:hover a, #tabs .ui-state-default a:hover{ background-color: #e9edf5; color:#4670B5;color: var(--ieducaColor); border-top-left-radius: 3px; border-top-right-radius: 3px; }
#tabs .ui-tabs-selected a{ color:#4670B5;color: var(--ieducaColor); padding: 0.9em 1.8em; }
.ui-widget-header, .ui-datepicker-header { background: none !important; border: none !important; }
.ui-state-default, .ui-widget-content .ui-state-default { background: none !important; border: none !important; color: #000; }
.ui-dialog-buttonpane button.ui-state-default{ background-color:#4670B5;background-color: var(--ieducaColor) !important; color: white !important; }
.ui-datepicker-calendar .ui-state-default:hover{ background-color: #e9edf5 !important; border-radius: 50%; }
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-active:hover{ background-color:#4670B5 !important;background-color: var(--ieducaColor) !important; border-radius: 50%; color: white !important;}
.ui-cal-act a.ui-state-default {
background-color: #CCCCCC !important;
border: none !important;
border-radius: 50%;
color: #ffffff;
/*height: 60%;*/
text-align: center;
/*width: 60%;*/
height: 22px;
line-height: 1.5;
}
.ui-datepicker-calendar a.ui-state-default { height: 22px; line-height: 1.5; }
#tabs > .ui-tabs-nav > .ui-state-default {
background-color: #fff !important;
background-color: #fbfcfc !important;
border: none !important;
}
#tabs > .ui-tabs-nav > .ui-state-active, #tabs > .ui-tabs-nav > .ui-tabs-selected {
background: #fff !important;
border-left: 1px solid #dddddd !important;
border-top: 1px solid #dddddd !important;
border-right: 1px solid #dddddd !important;
font-weight: 700;
}
#tabs>a:hover {
font-weight: 700;
}
/* UI general */
.ui-widget {
font-family: 'ieducaTypo', sans-serif !important;
font-size: 13px !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: 'ieducaTypo', sans-serif !important;
font-size: 13px !important;
}
.ui-widget > .ui-state-highlight {
border-radius: 0px!important;
-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
border:none!important;
padding:10px!important;
}
#tabs .ui-widget-content{background:none;border-top: 1px solid #dddddd;}
.ui-widget-content{border:none;}
.ui-dialog-titlebar {
background: none !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
#footer {
position:fixed;
left:0px;
bottom:0px;
height:50px;
width:100%;
background:#fff;
box-shadow: 0 0 4px rgba(0, 0, 0, .5);
opacity:100;
margin-left:200px;
}
.sidebar-nav a:hover {
color: red !important;
}
.divAlerta{ width:100%;margin:0 auto; }
.marT20pad07{ margin: 20px; }
.marT20pad07 .ui-icon-info {float:left; margin-right:.3em;width:14px;}
#footer a {
margin: 15px 0 0 15px; display: inline-block;
}
#fons{
background-color: transparent;
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
.taula_contingut_ppal{
height: calc(100% - 53px);
top: 53px;
position: absolute;
}
/* taules a Div */
.rTable { display: table; }
.rTableRow { display: table-row; }
.rTableHeading { display: table-header-group; }
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell, .rTableHead { display: table-cell; }
#user_registration label
{
display: block; /* block float the labels to left column, set a width */
float: left;
width: 70px;
margin: 0px 10px 0px 5px;
text-align: right;
line-height:1em;
font-weight:700;
}
#user_registration input
{
width:250px;
}
#user_registration p
{
clear:both;
}
#passwordStrength
{
height:10px;
width:50px;
display:block;
float:left;
}
.strength0
{
background:#cccccc;
}
.strength1
{
background:#ff0000;
}
.strength2
{
background:#ff5f5f;
}
.strength3
{
background:#FF9900;
}
.strength4
{
background:#4dcd00;
}
.strength5
{
background:#399800;
}
#llegenda
{
padding-left: 10px;
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:1px;
font-size: 10px;
}
.guardia_pendent{ background-color: #F8ECEC;border-color: #ebccd1;color: #A44240; }
.alertaDiv{ width: 100%; margin: 0 auto 10px auto; }
.taula .icon, .taula a div.icon{ font-size: 16px !important; color: #999999;}
.taula a:hover div.icon{ color:#4670b5 !important;color: var(--ieducaColor) !important;}
.verd{ color: #33cc66 !important; }
.taronja{ color: orange !important; }
.groc { color:#f8da4e !important; }
.vermell { color: #ed5858 !important; }
.verd_retornat_parcial{ color: #98ae2d !important; }
.vermell_retornat{ color: #971c00 !important; }
.back_verd{ background-color: #33cc66 !important; }
.back_taronja{ background-color: orange !important; }
.back_groc { background-color:#f8da4e !important; }
.back_vermell { background-color: #ed5858 !important; }
.back_gris { background-color: gray !important; }
.back_blau { background-color:#4670B5 !important;background-color: var(--ieducaColor) !important; }
.tr-linia-incidencia-verd > td:first-child{ border-left: green 5px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.tr-linia-incidencia-taronja > td:first-child { border-left: orange 5px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.tr-linia-incidencia-groc > td:first-child { border-left: #f8da4e 5px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.tr-linia-incidencia-red > td:first-child { border-left: #cc0000 5px solid; margin-bottom: 5px !important; padding: 5px 15px;}
.taula a.vermellh:hover div.icon{ color: red !important; }
.taulac:hover, .alumneBaixa:hover{background-color: #fed6d6 !important; }
/*.taulac div.icon{ color: white !important;} .taulac:hover div.icon{ color: #999999 !important;}*/
.desconnectar{ width:100%; border-radius:0px !important; margin:0px !important; text-align:center; margin-top: 12px !important;}
.perfil_requadre_dreta{ margin-top: 14px; }
.perfil_requadre_dreta .icon{ font-size: 30px; margin-right: 12px; /*color: #333333;*/ }
.objSI, .objNO {border-radius: 0!important;min-width: 40px!important;}
.nom_perfil span{ font-weight: normal !important; color:#333333; /*display: block; float: right; margin-top: 3px; */ }
.icones_superiors_widget{ padding: 9px 10px 0px 10px; }
.icones_superiors_widget h2{ float: left; display: block; font-weight: normal; margin-top: -2px; }
.td-new-content {
padding-right: 0;
padding-bottom: 0;
vertical-align: top;
height: 100%;
}
.btn-link {
color: #D9D9D9 !important;
font-size: 14px;
}
.btn-link .icon {
margin-right: 5px;
display: inline-block !important;
text-rendering: auto;
vertical-align: middle;
}
.upper {
text-transform: uppercase;
}
.input-with-icon {
position: relative;
color: #EEEEEE;
}
.input-with-icon .icon {
position: absolute;
left: 10px;
top: 50%;
font-size: 14px;
margin-top: -7px;
}
.ieduca-search {
padding: 0 15px 10px 0;
/*font-size: 14px;*/
}
.ieduca-search label {
color: #B1B1B0;
display: block;
padding: 5px;
width: auto !important;
}
.ieduca-search input {
padding-left: 35px;
}
input {
outline: none;
background-color: transparent;
}
.ieduca-panel {
}
.ieduca-panel.fitxaper, .ieduca-panel-mini {
margin: 0 0 10px 10px;
padding: 0;
}
.ieduca-panel-mini {
-webkit-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
width: 24%;
float: left;
background-color: #FFF;
min-height: 280px;
}
.ieduca-panel .ieduca-panel-header {
text-transform: uppercase;
font-size: 15px !important;
letter-spacing: 0.8px !important;
font-weight: 700;
cursor: pointer;
border-left: 5px solid #4670b5;
border-left: 5px solid var(--ieducaColor);
margin-top: 0;
margin-left: -10px;
padding: 8px 0px 8px 15px !important;
}
.ieduca-panel .ieduca-panel-header-minimal {
text-transform: none;
letter-spacing: 0px !important;
font-weight: 700;
cursor: pointer;
border-left: none;
margin-top: 0;
margin-left: 0;
padding: inherit !important;
}
.ieduca-panel.panel-fixat .ieduca-panel-header {
cursor: default;
}
.ieduca-panel-mini .ieduca-panel-header {
margin-left: 0 !important;
padding: 5px !important;
}
.ieduca-panel .ieduca-panel-header.expanded:before {
font-family: "ieduca";
/*content: "\e0f9";*/
display: inline-block;
vertical-align: middle;
color: #B1B1B0;
}
.ieduca-panel .ieduca-panel-header.collapsed:before {
font-family: "ieduca";
/*content: "\50";*/
display: inline-block;
vertical-align: middle;
color: #B1B1B0;
}
.ieduca-panel .ieduca-panel-content {
margin: 10px 10px 20px 10px;
}
.ieduca-row:after {
content: "";
display: table;
clear: both;
}
.ieduca-form {
}
.ieduca-control {
padding: 0 15px 6px 0;
}
.ieduca-control label {
color: #B3B3B3;
display: block;
padding: 4px 4px 1px 4px;
width: auto !important;
}
.ieduca-control label.checkbox {
color: #B1B1B0;
padding: 0px 4px 4px 4px;
}
.ieduca-control input[type="text"], .ieduca-control input[type="checkbox"]
.ieduca-control input[type="password"] {
/*padding: 0px 4px 4px 4px !important;*/
margin-left: 0 !important;
width: 100%;
box-sizing: border-box;
border-bottom-width: 1px;
color: #000000;
}
.ieduca-control input[type="checkbox"],
.ieduca-control input[type="radio"] {
padding: 0px 4px 4px 4px !important;
margin-left: 0 !important;
box-sizing: border-box;
border-bottom-width: 1px;
color: #000000;
width: 20px;
}
.ieduca-control input[type="checkbox"] + label,
.ieduca-control input[type="radio"] + label {
display: inline-block !important;
}
.ieduca-control textarea {
padding: 0px 4px 4px 4px !important;
margin-left: 0 !important;
width: 100%;
box-sizing: border-box;
color: #000000;
resize: none;
border: 1px solid #DDDDDD;
font-family: 'ieducaTypo', sans-serif;
font-size: 14px;
border-radius: 3px;
}
textarea:focus {
outline: none !important;
border: 1px solid #4670b5;
border: 1px solid var(--ieducaColor);
box-shadow: #ffffff !important;
}
input:focus {
border-bottom-color: #4670B5;
border-bottom-color: var(--ieducaColor);
}
.ieduca-control select {
width: 100%;
}
select:focus {
border-bottom-color: #4670B5;
border-bottom-color: var(--ieducaColor);
}
.subtitol {
color: #B1B1B0;
font-size: 14px;
}
.icon16 {font-size: 16px;}
.icon18 {font-size: 18px;}
.icon24 {font-size: 24px;}
.ieduca-grup-botons {
text-align: right;
}
.text-esquerra {
text-align: left !important;
}
.text-dreta {
text-align: right !important;
}
.text-centrat {
text-align: center !important;
}
.ieduca-tool {
margin-left: 5px;
color: #B1B1B0 !important;
}
.ieduca-tool:hover {
color: #4670B5 !important;
color: var(--ieducaColor) !important;
}
.ieduca-modal {
border-radius: 0;
padding: 0;
-webkit-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
position: fixed;
z-index:9999999999 !important;
}
.ieduca-modal .ui-dialog-titlebar {height: 61px;}
.ieduca-modal .ui-dialog-title {
display: block;
margin: 25px auto 0 auto;
float: none;
}
.ieduca-modal .ui-dialog-title span{
color: #B1B1B0;
font-size: 14px;
}
.ieduca-modal .ui-dialog-titlebar-close {
border: none !important;
background: none !important;
top: 10px;
right: 10px;
margin: 0 !important;
padding: 0 !important;
}
.ieduca-modal .ui-dialog-titlebar-close span:before {
font-family: "ieduca";
content: "\e00a";
}
.ieduca-modal .ui-dialog-titlebar-close span:hover {
color: #4670B5;
color: var(--ieducaColor);
}
.ieduca-modal .ui-dialog-titlebar-close span {
border: none !important;
background: none !important;
text-indent: 0;
color: #B1B1B0;
font-weight: 700 !important;
width: 13px;
}
.ieduca-modal .ui-dialog-buttonpane {
text-align: center !important;
padding: .0em .4em 1em .4em;
}
.ieduca-modal .ui-dialog-buttonpane button.block,
.ieduca-modal-simple .ui-dialog-buttonpane button.block {
width: 90%;
}
.ieduca-modal .ui-dialog-buttonpane button {
font-weight: 700 !important;
font-size: 14px !important;
padding: 5px 15px 7px 15px !important;
min-width: 100px;
color: #FFF;
background-color: #4670b5 !important;
background-color: var(--ieducaColor) !important;
display: inline-block;
border-radius:15px;
font-weight: 700;
font-size: 13px !important;
float: none;
}
.ieduca-modal .ieduca-control {
padding-right: 0 !important;
}
.ieduca-modal-simple {
border-radius: 0;
padding: 0;
-webkit-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 0 25px -1px rgba(0,0,0,0.40)!important;
position: fixed;
}
.ieduca-modal-simple .ui-dialog-titlebar {
height: 61px;
background-color: #FFFFFF !important;
}
.ieduca-modal-simple .ui-dialog-title {
display: block;
margin: 40px auto 0 auto;
float: none;
}
.ieduca-modal-simple .ui-dialog-titlebar-close {
border: none !important;
background: none !important;
top: 10px;
right: 10px;
margin: 0 !important;
padding: 0 !important;
}
.ieduca-modal-simple .ui-dialog-titlebar-close span:before {
font-family: "ieduca";
content: "\e00a";
}
.ieduca-modal-simple .ui-dialog-titlebar-close span {
border: none !important;
background: none !important;
text-indent: 0;
color: #B1B1B0;
/*font-size: 18px;*/
width: 13px;
font-weight: 700 !important;
}
.ieduca-modal-simple .ui-dialog-titlebar-close span:hover {
color: #4670B5;
color: var(--ieducaColor);
}
.ieduca-modal-simple .ui-dialog-buttonpane {
text-align: center !important;
padding: .3em .4em 1em .4em;
}
.ieduca-modal-simple .ui-dialog-content {
text-align: center;
}
.ieduca-modal-simple .ui-dialog-content p {
padding: 0 20px 10px 20px;
margin: 0;
}
.ieduca-modal-simple .ui-dialog-buttonpane button {
font-weight: normal !important;
font-size: 14px !important;
padding: 5px 15px 7px 15px !important;
width: 100px;
color: #FFF;
background-color: #4670B5 !important;
background-color: var(--ieducaColor) !important;
display: inline-block;
/*margin: 5px auto;*/
border-radius:15px;
font-weight: 700;
font-size: 13px !important;
float: none;
}
.ieduca-modal-simple .ui-dialog-buttonpane button {
margin-right: 10px;
}
.ieduca-modal-simple .ui-dialog-buttonpane button:last-of-type {
margin-right: 0;
}
.ieduca-alerta {
padding: 10px 10px;
min-height: 40px;
background-color: #FFFFCC;
color: #000;
-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
}
.ieduca-alerta.alerta-fixe {
position: fixed;
top: 53px;
left: 200px;
right: 0;
/* Per centrar-ho a la pàgina
position: absolute;
width: 350px;
height: 100px;
vertical-align: middle;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;*/
z-index: 111001;
}
.ieduca-alerta.alerta-extesa {
position: relative;
margin: 5px;
}
.ieduca-alerta-extesa {
padding: 10px;
background-color: #FBF9EE;
color: #000;
z-index: 1000;
margin: 5px;
-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
-moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important;
}
.ieduca-alerta .ieduca-alerta-wrapper {
padding: 10px 28px 10px 10px;
}
.ieduca-alerta .ieduca-alerta-wrapper p {
text-align: left;
padding: 3px;
margin: 0;
}
.ieduca-alerta .ieduca-alerta-wrapper p a {
color: #FAFAFA;
}
.ieduca-alerta .alerta-close {
font-size: 16px;
color: #FFFFFF !important;
position: absolute;
top: 10px;
right: 10px;
}
.ieduca-alerta.alerta-error, #errorConfiguracioGrups, .ieduca-alerta-extesa.alerta-error {
color: #FFFFFF;
background-color: #f03330;
}
.ieduca-alerta.alerta-success, .ieduca-alerta-extesa.alerta-success {
color: #FFFFFF;
background-color: #33cc66;
}
.ieduca-alerta.alerta-warning, .ieduca-alerta-extesa.alerta-warning {
color: #FFFFFF;
background-color: #ff8000;
}
.ieduca-alerta.alerta-info, .ieduca-alerta-extesa.alerta-info {
color: #FFFFFF;
background-color: #00a0fF;
}
.alerta_extesa{
width: calc(100% - 20px) !important;
top: 0%; left: 0%;
position:relative;
padding: 10px;
margin-bottom: 8px;
}
.label-grup {
font-size: 14px;
color: #000000;
display: block;
margin: 0 0 20px 0;
}
.ieduca-negreta {
font-weight: 700;
color: #4670B5 !important;
color: var(--ieducaColor) !important;
}
div.new-content {
padding: 15px;
}
.radio-label,
.checkbox-label {
width: inherit !important;
display: inline-block !important;
position: relative;
padding-left: 20px !important;
}
.radio-label input,
.checkbox-label input {
position: absolute;
left: 0;
top: 5px;
}
.empty-label {
display: none !important;
}.guardia_pendent{ background-color: #F8ECEC;border-color: #ebccd1;color: #A44240; }
#contingut.persona {
position: relative;
padding: 0 !important;
}
.lateral-esquerra {
position: absolute;
width: 210px;
left: 0;
background-color: #F4F7FA;
text-align: center;
}
.lateral-esquerra > a > img {
}
.bloc-central {
/*width: 100%;*/
padding-left: 205px;
background-color: #F4F7FA;
}
.ui-tabs .ui-tabs-nav { padding: 0px !important; }
.bloc-central .ui-tabs-panel {
padding: 1em .4em !important;
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
}
.clearfix::after, .clearer {
clear: both;
}
.clearfix {
zoom: 1;
}
.buscador-wrapper {
padding-right: 80px;
/*position: relative; padding-left: 240px;*/
}
.paginacio-simple {
display: table;
margin: 10px auto;
}
.paginacio-simple > a {
display: table-cell;
vertical-align: middle;
font-size: 20px;
color: #000000;
}
.paginacio-simple > a:first-of-type {
padding-right: 3px;
}
.paginacio-simple > a.disabled {
color: #B1B1B0;
cursor: default;
}
.paginacio-simple > span.numeracio {
font-size: 14px;
display: table-cell;
vertical-align: middle;
}
.ieduca-toolbar {
display: table;
padding: 10px;
margin: 0 auto;
}
.ieduca-toolbar .ieduca-toolbar-button {
display: table-cell;
text-align: center;
width: 90px;
height: 60px;
padding: 15px 5px 5px 5px;
color: #999999;
}
.ieduca-toolbar .ieduca-toolbar-button:hover {
color: #4670B5;
color: var(--ieducaColor);
}
.ieduca-toolbar .ieduca-toolbar-button .icon {
width: 20px;
height: 20px;
font-size: 20px;
display: block !important;
margin: 0 auto;
margin-bottom: 5px;
}
.ieduca-toolbar .ieduca-toolbar-button .text {
}
.grup-fitxes-tutors,
.grup-fitxes-fills {
padding: 10px 10px 40px 10px;
}
.grup-fitxes-tutors h2{ color: gray; padding-left:10px; font-weight: normal !important; }
.fitxa-tutor,
.fitxa-fill {
margin-bottom: 35px;
text-align: left;
margin-left: 20px;
}
.fitxa-tutor a:hover,
.fitxa-fill a:hover {
color: #000000;
}
.fitxa-tutor .nom,
.fitxa-fill .nom {
font-size: 14px;
font-weight: 700;
}
.nivell0, .nivell1, .nivell2,.nivell3{ float: left; }
.nivell1{ padding-left:40px; }
.nivell2{ padding-left:90px; }
.nivell3{ padding-left:130px; }
.nivell4{ padding-left:170px; }
.nivell5{ padding-left:210px; }
.nivell6{ padding-left:250px; }
.nivell7{ padding-left:290px; }
.sense_fills{ font-weight:normal;}
.amb_fills, .nivell0{ font-weight:700;}
.form-filtre input, .form-filtre select{ max-width: 270px; display: inline-block; }
.form-filtre .check_container{ display: inline-block; margin: 0px 5px; }
.item-menu { width: 50%; float: right; text-align: right; font-size: 14px; padding: 10px; }
.lateral-esquerra.fixed-scrolled { position: fixed; top: 30px !important; left: 200px; }
.selector-cicle { padding-bottom: 10px; }
#veugrups .ieduca-control { padding-right: 0 !important; }
.form-dni { margin-bottom: 20px; }
.icona_moviment{ color: #cccccc !important; }
.icona_moviment:hover, .taula_grups tr:hover > td .icona_moviment{ cursor:pointer; color: #333333 !important; }
.ieduca-input-button {
display: table;
}
.ieduca-input-button input {
display: table-cell;
width: auto !important;
}
.ieduca-input-button a {
display: table-cell;
}
.ieduca-input-button label {
display: table-cell !important;
}
.loading {
-webkit-animation: spining 2s infinite linear;
animation: spining 2s infinite linear;
display: inline-block;
}
@-webkit-keyframes spining {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spining {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.taula_grups .faicon-indent-left, .taula_grups .faicon-indent-right{ cursor:pointer; }
.tit2_sense_cicles{margin: -66px 0 0;}
.right {text-align: right;}
.menjador {
background-color: green;
border: 1px solid darkolivegreen;
border-radius: 5px;
color: #fff!important;
font-weight: 700;
margin: 10px auto;
padding: 5px;
}
.contacte {
display: block;
text-align: left !important;
}
.observacions_alumne{ margin: 2px 10px; }
.observacions_alumne h3{ border-bottom: none !important; }
.submateria a {
display: inline-block;
}
#errorConfiguracioGrups { padding: 10px; }
#report_grups_all {
margin-left: 11px;
}
.icon-inline {
display: inline-block !important;
}
#adjunts-list {
float: left;
padding: 0 10px 10px 0;
}
#adjunts-list .adjunt {
margin-top: 5px;
text-align: left;
float: left;
margin-right: 10px;
border: 1px solid #999999;
padding: 3px 10px 2px 23px;
border-radius: 15px;
color: #999999;
position: relative;
}
#adjunts-list .adjunt:hover {
border: 1px solid #4670b5;
border: 1px solid var(--ieducaColor);
color: #4670b5;
color: var(--ieducaColor);
}
#adjunts-list .adjunt:hover .adjunt-delete {
color: #4670B5;
color: var(--ieducaColor);
}
#adjunts-list .adjunt .adjunt-delete {
cursor: pointer;
font-size: 18px;
position: absolute;
left: 2px;
top: 50%;
margin-top: -10px;
}
#adjunts-list .adjunt-delete:hover {
color: #CC0000 !important;
}
#btn-adjunts {
position: relative;
padding-left: 21px;
cursor: pointer;
}
#btn-adjunts div {
position: absolute;
left: 0;
top: 50%;
margin-top: -6.5px;
}
#btn-adjunts:hover,
#btn-adjunts:hover div {
color: #4670B5;
color: var(--ieducaColor);
}
#btn-adjunts.disabled {
cursor: not-allowed;
}
#btn-adjunts.disabled:hover,
#btn-adjunts.disabled:hover div {
color: #999999;
}
.align-left {
float: left !important;
}
.text-to-left {
text-align: left !important;
}
.th-check-all {
padding: 4px;
height: 22px;
}
.breadcrumbs { display: inline-block; font-size: 12.2px; }
.breadcrumbs-wrapper { padding:14px 2px 0px 20px; color:#4670B5;color: var(--ieducaColor); }
.moodleStatus, .moodleLink{ float: right; margin: 1px 10px 2px 10px; }
.titol-auxiliar { font-size: 13px !important; color: #555555; margin-left: 10px; }
#mail-item div {
position: relative;
}
#mail-item div span {
position: absolute;
top: 0 !important;
right: -8px !important;
}
#alumne-mes-info { color: #4F4C4C; }
a.vermellh:hover { color: red !important; }
/* a.vermellh:hover span.icon { color: red !important; } */
#text-frase-container { padding: 5px; }
#text-frase { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: none; border-right: none; padding: 10px 0 !important; width: 100%; height: 50px; resize: none; }
.amb-background-oficial { background-color: #FFFFFF; }
.td-nom-alumne { position: relative; }
.td-nom-alumne a:last-of-type { position: absolute; right: 10px; top: 50%; margin-top: -8px; }
.ieduca-loading { width: 250px; background-color: #FFFFFF; position: fixed; top: 50%; margin-top: -40px; left: 50%; margin-left: -125px; color: #000000; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index: 999999; }
.ieduca-loading-wrapper { padding: 15px; }
.ieduca-loading-wrapper p { padding: 0; margin: 0; text-align: center; }
#ui-datepicker-div { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /*z-index: 99 !important;*/ }
img.ui-datepicker-trigger { object-position: -99999px 99999px; background-image: url('../js/calendar4.png'); /*padding: 8px;*/ background-repeat: no-repeat; background-size: 16px; cursor: pointer; }
.data_actual img.ui-datepicker-trigger { object-position: -99999px 99999px; width: 26px; height: 26px; padding:0px; background-repeat: no-repeat; background-size: 26px; cursor: pointer; opacity: 0.5; margin-right: 8px;}
#btnAddTipusNotes { margin: 10px 0 0 4px !important; }
[name="perc_tipus_nota"] { text-align: center; }
#dialog_gestionarTipusNotes .boto-icona { font-size: 16px !important; display: block; margin: 0; padding: 0; background-color: transparent; color: #666666; }
#dialog_gestionarTipusNotes .boto-icona:hover { color:#4670B5;color: var(--ieducaColor); }
#dialog_gestionarTipusNotes .boto-icona:disabled { color: #9b9b9b !important; cursor: default; }
#dialog_gestionarTipusNotes .boto-icona.vermellh:hover { color: red; }
#dialog_gestionarTipusNotes p { font-style:italic; font-size: 11px; margin-top: 0; }
.boto-search { width: auto !important; }
.ieduca-control .hasDatepicker{ width: calc(100% - 31px) !important; }
.calendari.hasDatepicker { text-align: center; }
/* IE 6
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}*/
/* The check_container */
.check_container { display: inline-block; position: relative; padding-left: 28px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #555 !important; min-width: 22px; height: 23px; }
.check_container input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: #ffffff; border: 1px solid gray; border-radius: 3px; }
.check_container:hover input ~ .checkmark { background-color: #f6f6f6; border: 1px solid #4670b5;border: 1px solid var(--ieducaColor);}
.check_container input:checked ~ .checkmark { background-color:#4670b5; background-color: var(--ieducaColor); border: 1px solid white;}
.checkmark:after { content: ""; position: absolute; display: none; }
.check_container input:disabled ~ .checkmark{ /*border-color: red !important; */ cursor: not-allowed; opacity: 0.6; }
.check_container input:checked ~ .checkmark:after { display: block; }
.check_container .checkmark:after { left: 5px; top: 1px; width: 4px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.radio_container { display: inline-block; position: relative; padding-left: 28px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #555 !important; min-width: 22px; height: 23px; }
/*br + label.radio_container, br + label.check_container,*/ .radio-enquestes, .check-enquestes{ top: 8px; margin: 0px 5px; }
.radio_container:hover input ~ .radiomark { background-color: #f6f6f6; border: 1px solid #4670b5; border: 1px solid var(--ieducaColor); }
.radio_container input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; }
.radio_container input:checked ~ .radiomark { background-color: #ffffff; border: 1px solid #4670b5; border: 1px solid var(--ieducaColor); }
.radio_container input:checked ~ .radiomark:after { display: block; }
.radio_container .radiomark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: 1px solid gray; border-radius: 50%; }
.radio_container .radiomark:after { content: ""; position: absolute; display: none; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background-color: #4670b5; background: var(--ieducaColor); }
.tit3 .ieduca-control .check_container { margin-top: 18px; margin-bottom: 6px; }
.check_container a, .check_container + span { padding-left: 6px; }
.check_container + .f_al2 { margin-left: 27px; width: auto; background-color: transparent !important; vertical-align: middle; }
.taula th .check_container, .taula td .check_container, #taula-permisos td .check_container { padding-left: 0 !important; }
/*#guardia_act table td .check_container .checkmark { top: 0; }
#guardia_act table th { height: 80px; }
#guardia_act table th .check_container .checkmark { left: 2px; }*/
.fitxaper span.checkmark { padding: 0px; }
.tipusf{ float:left; }
.tipusf input[type="radio"]:hover, .tipusf span:hover{ cursor: pointer; }
.tipusf input[type="radio"] {
width: 22px; height: 22px; border-radius: 20px; color: white; background-color: #d8d8d8;
-webkit-appearance: none; -moz-appearance: none;
}
.tipusf input[type="radio"]:checked { background-color: #455f9b; } /*No ho agafarà pq agafarà els colors de les faltes de la bd a base4.php */
/*.tipusf input[type="radio"]:checked ~ span:first-of-type { color: white; }*/
label.tipusf span {
display: block; /*width: 22px; height: 22px;*/ position: relative; text-align: center; vertical-align: middle; top: -21px; font-size: 15px; color: white;
}
.linia_fons{ height: 15px; width: 100%; background-color: #f4f7fa; }
.tfalta{ display:inline-block; width: 16px; height: 16px; border-radius: 8px; color: white; background-color: #d8d8d8; font-size: 11px; margin-right: 2px; }
.tfaltap{display:inline-block; width: 10px; height: 10px; border-radius: 5px;margin-right: 1px; text-indent: -999999px; white-space: nowrap; margin-top: 5px; }
.tfaltag { display:inline-block; width: 22px; height: 22px; border-radius: 12px; color: white; background-color: #c0c0c0; font-size: 15px; margin-right: 6px; padding: 2px 2px 0px 1px; }
.f_al2.icon-comment .tfalta:first-child{ margin-left: 3px;}
.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext {
visibility: hidden; opacity: 0; min-width: 120px;
background-color: #ffffcc; color: #313541; box-shadow: 0 2px 6px 0 rgba(176, 186, 197, 0.6);
text-align: center; text-indent: 0px !important;
border-radius: 6px;
padding: 5px 0;
position: absolute; left: 50%; /*margin-left: -60px;*/ bottom: 125%;
z-index: 1000; transition: opacity 0.3s; transform: translate(-50%, -50%);
}
.tooltip .tooltiptext_first {
visibility: hidden; opacity: 0; min-width: 120px;
background-color: #ffffcc; color: #313541; box-shadow: 0 2px 6px 0 rgba(176, 186, 197, 0.6);
text-align: center; text-indent: 0px !important;
border-radius: 6px;
padding: 5px 0;
position: absolute; left: 50%; /*margin-left: -60px;*/ bottom: 125%;
z-index: 1000; transition: opacity 0.3s; transform: translate(-50%, 190%);
}
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px;
border-width: 5px; border-style: solid; border-color: #ffffcc transparent transparent transparent; }
.tooltip .tooltiptext_first::after{ content: ""; position: absolute; top: -20%; left: 45%; margin-left: -5px;
border-bottom: 5px solid #ffc;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
.tooltip:hover .tooltiptext_first { visibility: visible; opacity: 1; }
.tit3 form{ vertical-align: bottom; }
.data_actual{ font-size: 16px; color: #b3b3b3; }
.data_actual .icon:before{ font-size: 28px; color: #b3b3b3; font-weight: 700; vertical-align: bottom; }
.alt20{ margin: 0px 22px; vertical-align: middle; font-size: 12px; }
.form-filtre+div, .data_actual, .radio_destaca_tf{ display:inline !important; vertical-align: middle; }
.radio_destaca_tf label{ float:left; max-height: 22px;}
.radio_destaca_tf .radio_label{ vertical-align:bottom; line-height: 28px; }
.clicable{ cursor: pointer; }
.error{ color: red !important;}
span.error{ font-size: 0.8em; margin-top: 8px; display: block; text-align: left !important; }
input.error, select.error{ border-bottom: 1px solid red !important; }
.tauladia:first-child{ border-left: 1px solid #d9d9d9 !important; margin-left:0px; }
.lini_esq { border-left: 2px solid grey !important;/* margin-left: 1px;*/ /* border-left: 2px solid #d9d9d9; */ }
.taula_barradies > th.dia1 ~ th.dia2, .taula_barradies > th.dia1 ~ th.dia3, .taula_barradies > th.dia1 ~ th.dia4, .taula_barradies > th.dia1 ~ th.dia5,
.taula_barradies > th.dia2 ~ th.dia3, .taula_barradies > th.dia2 ~ th.dia4, .taula_barradies > th.dia2 ~ th.dia5,
.taula_barradies > th.dia3 ~ th.dia4, .taula_barradies > th.dia3 ~ th.dia5,
.taula_barradies > th.dia4 ~ th.dia5 {
/* border-left: 2px solid #d9d9d9; */
border-left: 2px solid grey;
}
.taula_barradies > th.dia2 ~ th.dia2, .taula_barradies > th.dia3 ~ th.dia3,
.taula_barradies > th.dia4 ~ th.dia4, .taula_barradies > th.dia5 ~ th.dia5 {
border-left: 1px solid #d9d9d9;
}
.tauladia:first-of-type, .taula_faltes .contingut_faltes td:first-of-type{ border-left: 1px solid #d9d9d9 !important; }
.assit_f_al5{
text-align: center;
vertical-align: middle;
font-size:12px;
padding:3px 4px 8px 4px;
height:24px; width:39px;
vertical-align:middle;
background-color:#f3f3f3;
/*border-bottom: 1px dotted #bfbfbf;
border-left: 1px solid #bfbfbf; */
white-space:nowrap; }
.capcalera_assist_diaria_extended{ text-align: left !important; padding-left: 6px; }
.capcalera_assist_diaria_extended .cap_assit_mat{ font-weight: normal; }
.capcalera_assist_diaria{ width:46px; font-weight: 700; padding:4px 0px; font-size: 13px !important; }
.capcalera_assist_diaria .cap_assit_mat{ font-size:11px !important; }
.capcalera_assist_diaria:hover{ color: #4670B5;color: var(--ieducaColor); }
.capcalera_assist_diaria.sortides { padding: 4px 0px 4px 1px; }
.gris13{ font-size: 13px; color: #9b9b9b; margin-right: 8px; }
.info_extesa{ margin-top: 10px; border-top: 1px solid #b3b3b3; padding-top: 10px; }
.info_disciplina{ vertical-align: top; padding-left: 5px; }
.info_disciplina .icon, .plega_desplega_icona { padding-top: 24px !important; }
.plega_desplega_icona .icon{ font-size: 18px; }
.info_disciplina .info_inicial{ padding-top: 10px !important; }
.info_extesa .foto_perfil_rodo50{ font-size: 36px !important; width: 38px; height: 38px; background-color: #E0E0E0; color: #6B6B6B; margin-right: 15px; }
input:disabled, select:disabled { border-color: #f3f3f3; cursor: not-allowed; }
.sense_dades{ background-color: #f9f9f9; color: #b3b3b3; font-style: italic; padding: 5px; text-align: center; }
.assistent{ min-height: 33px; }
.check_cara{ margin-top: -21px; }
.cara_acta{ position: absolute; margin-left: 25px; padding-right: 10px; }
.data_capcalera { color: #555; padding: 4px 2px; }
.taula_horaris { border: solid 0.9px #e0e0e0; border-color: #e0e0e0 !important; border-collapse: collapse; }
.taula_horaris th, .taula_horaris td { border: solid 0.9px #e0e0e0; }
.taula_horaris td { padding: 2px; }
.horari_navegable { display: block !important; text-align: center; color: #555; }
.msg-loading { width: 160px; height: 16px; background-color: #FFFFFF; color: #000000; padding: 15px; display: none; position: fixed; top: 50%; left: 50%; margin-top: -23px; margin-left: -95px; font-size: 12px; z-index: 999; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.titol_gris { color: #585757; font-weight: 700; }
.text_gris { color: #585757; font-style: italic; }
.margin-top_perfil { margin-top: 5% !important; }
.creueta_perfil { float:right;margin-right:10px;margin-top:10px;cursor:pointer;font-size: 16px; }
.llegenda_assistencia { border-radius: 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); padding: 30px; display: inline-block; }
.llegenda_assistencia h1 { font-size: 16px; margin: 0 0 24px 0; padding: 0; }
.llegenda_assistencia .icona-falta { padding-right: 14px; padding-bottom: 7px; }
.llegenda_assistencia .nom-falta { padding-right: 30px; padding-bottom: 7px; vertical-align: center; }
.llegenda_assistencia .nom-falta:last-of-type { padding-right: 0; vertical-align: center; }
.llegenda_assistencia .icona-falta .button_circle_nocolor { margin-right: 0; }
.llegenda_assistencia tr:last-child td { padding-bottom: 0; }
#observacions-bloc { margin-top: 20px; }
.observacio-bloc { margin: 15px 0; }
.observacio-bloc:first-child { margin: 5px 0 15px 0; }
.observacio-bloc-text { font-size: 15px; margin-bottom: 5px; }
.observacio-bloc-info { font-size: 13px; font-weight: 700; font-style: italic; }
#taula-horari { border-collapse: collapse; }
#taula-info-alumne { min-width: 400px; margin: 10px 0 20px 0; }
#taula-info-alumne tr td:first-of-type { width: 170px; }
#taula-info-alumne tr td:last-of-type { padding-right: 20px; font-weight: 700; }
.bloc-radios { margin-top: 15px; }
.bloc-botons { margin-top: 20px; }
.textarea-bloc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; }
.titol-observacions-popup { margin-top: 20px; }
.informe-disciplina { margin-top: 10px; }
.foto-persona { width: 138px; margin: 5px 0 10px 10px; display:block; }
.foto-persona.foto-amb-marge { margin: 15px 0 10px 5px; }
.foto-persona.foto-flotant { top: 0; right: 0; z-index: 999; float: right; margin-left: 15px; }
.panell-amb-foto { margin-right: 157px !important; }
.contactes-bloc { margin: 15px 0; }
.contacte-bloc-num { font-size: 15px; margin-bottom: 5px; }
.contacte-bloc-desc { font-size: 13px; font-weight: 700; font-style: italic; }
.amb-badge { position: relative; }
.amb-badge .div-badge { position: absolute !important; top: 8px !important; left: 177px !important; }
.boto-amb-icona { border: none !important; color: #6f6f6e !important; background: transparent !important; outline: none; padding: 0 !important; margin: 0 !important; }
.boto-amb-icona:hover { border: none !important; background: transparent !important; outline: none; }
.boto-amb-icona:hover div { color: #4670B5 !important; color: var(--ieducaColor) !important; }
#dialog-perfil #perfil-info { padding: 10px 20px 10px 10px; position: relative; }
#dialog-perfil #perfil-info #tanca_perfil { position: absolute; top: 0; right: 0; }
#dialog-perfil #perfil-info .nom_perfil { margin: 10px 0 0 0; }
#dialog-perfil #perfil-info .permis_perfil { margin: 0 0 0 43px !important; }
#dialog-perfil #perfil-info .perfil_user { display: block; margin-left: 43px; margin-top: 15px; }
#dialog-perfil #perfil-desconnectar { }
#dialog-perfil #perfil-desconnectar #btn-link-desconnectar { padding: 10px 0; display: block; width: 100%; color: white; background-color: #4670B5; background-color: var(--ieducaColor); margin-top: 5px !important; }
#btn-link-desconnectar:hover{ color: white !important; background-color: #3c609b !important; background-color: var(--ieducaColorSecundari) !important; }
#foto-perfil { position: absolute; top: 0; right: 15px; }
.espai-foto-perfil { padding-right: 170px; }
#password-strength-control { margin-top: 5px; }
.panell-amb-seccions h1 { font-size: 15px; font-weight: 700; margin-top: 20px; }
.icon-16 { font-size: 18px; }
.ant_seg .icon-right { margin-left: 5px; float: right; }
.ant_seg .icon-left { margin-right: 5px; float: left; }
#guardies-control #guardies-calendari .calendari2 { float: right; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; }
.sense-padding-dret { padding-right: 0 !important; }
.contacte-info { margin-bottom: 5px; }
.contacte-info .check_container { padding-left: 28px !important; }
.contacte-info:last-of-type { margin-bottom: 0; }
.fitxaenq .check-enquestes { margin-right: 10px; }
.fitxaenq .check-enquestes .checkmark { top: 6px; }
.fitxaenq .radio-enquestes { margin-left: 10px; }
.fitxaenq .radio-enquestes .radiomark { top: 6px; }
.check-enquestes, .radio-enquestes { font-size: 24px; color: #4670B5 !important; color: var(--ieducaColor) !important; padding-left: 0 !important; /*top: 8px;*/ }
.checkbox-container { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 22px; height: 23px; }
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0;}
.checkbox-container:hover input ~ .icona-simple { opacity: 1; }
.checkbox-container input:checked ~ .icona-simple:before { content: "\e1ab"; }
.checkbox-container .icon:before { content: "\e1aa"; }
.radio-container { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 22px; height: 23px; }
.radio-container input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; }
.radio-container:hover input ~ .icona-simple { opacity: 1; }
.radio-container input:checked ~ .icona-simple:before { content: "\21"; }
.radio-container .icon:before { content: "\39"; }
.icona-simple { top: 6px; position: absolute; font-family: "ieduca" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.95; }
.div_reserva, .div-classe { width: 100%; height: 100%; display: table; }
.div_reserva > div, .div-classe > div { display: table-cell; vertical-align: middle; height: 100%; text-align: left; padding: 10px; }
.div_reserva > div { padding: 10px 55px 10px 10px; }
.div-classe > div { padding: 10px; }
#taula-permisos .check_container { margin-left: 0 !important; }
.contacte-info .check_container { padding-left: 25px !important; }
.mes-i-any a { position: relative; top: 6px; }
.slot-no-reservable:not(.ocupat) { background-color: #F2F2F2; }
.reservar_aula, .reservar_equip { margin: 0 !important; padding: 0 !important; color: #9b9b9b; }
.reservar_aula:hover, .reservar_equip:hover { color: #4670B5; color: var(--ieducaColor); }
.observacions-reserva { color: #9b9b9b; margin-right: 5px; }
.observacions-reserva .icon { font-size: 18px; display: inline-block; }
.cancelar_reserva { color: #9b9b9b; }
.cancelar_reserva .icon { font-size: 18px; display: inline-block; }
#grava_conf { width: 640px; margin: 0 auto; }
#grava_conf .check_container { top: 6px; margin-left: 5px; }
#missatge-opcions .check_container { padding-left: 25px !important; }
.textarea-obspop { width: 100%; padding: 5px; box-sizing: border-box; }
.ieduca-control .colorador { width: 50% !important; }
.fc-text-arrow { border:none !important; }
.fc-state-default { border: none !important; background-image: none !important; background-color: transparent !important; box-shadow: none !important; }
#calendar .fc-agenda-body tr{ height: 45px; }
#calendar .fc-minor { border-bottom: 1px solid #cccccc !important; border-top: 1px dotted #dedede !important; }
#calendar tr.fc-first + tr { border-top: 1px solid #cccccc !important; }
.fc-button-month:hover, .fc-button-agendaWeek:hover, .fc-button-agendaDay:hover { color: #4670B5 !important;color: var(--ieducaColor) !important; }
.fc-event-inner{ padding: 5px !important; font-size: 13px !important; letter-spacing: 0.01em !important; }
.textarea-obspop { width: 100%; padding: 5px; box-sizing: border-box; }
.columna-hora-calendari { text-align: right; vertical-align: bottom; }
.slot-no-reservable .div-reserva-content { padding: 10px !important; }
.div-reserva-content { position: relative; }
.div-reserva-content form { text-align: right; padding: 0 8px 0 0; position: absolute; right: 0; top: 50%; margin-top: -9px; }
.cela-hora-actual { color: #566ea4; font-weight: bold; }
.padding-right-10 { padding-right: 15px; }
#filtre-llistat-frases .check_container { margin-top: 0 !important; }
#espai { width: 170px; padding: 20px; position: absolute; top: 0; left: 0; }
#espai table { margin-top: 20px; color: #666666; }
#espai-progress { /*border: 1px solid #000;*/ padding: 5px 5px 2px 5px; /*height: 28px;*/ text-align: center; }
#espai-progress #espai-progress-wrapper { position: relative; text-align:center; color: #FFF; }
#espai-progress #espai-progress-chart { width: 110px; height: 110px; position: relative; display: inline-block; text-align: center; }
#espai-progress #espai-progress-chart canvas { position: absolute; top: 0; left: 0; }
#espai-progress #espai-progress-chart .percent { display: inline-block; line-height: 110px; z-index: 2; font-size: 25px; color: #4670B5;color: var(--ieducaColor); font-weight: 700; }
#espai-progress #espai-progress-chart .percent:after { content: '%'; }
#contingut-wrapper { padding-left: 190px; }
#contingut-wrapper #arxius-tools #arxius-tools-titol { display: none; }
#contingut-wrapper #arxius-tools table td { vertical-align: top; }
#contingut-wrapper #arxius-tools table #form_carpeta { margin-right: 30px; }
#contingut-wrapper #arxius-tools #numinputsn { width: 360px; margin-left: 20px; margin-top: 5px; }
#contingut-wrapper #ruta-actual { margin-top: 10px; margin-bottom: 20px; }
#contingut-wrapper #ruta-actual span.icon { margin-right: 15px; font-size: 16px; margin-left: 4px; }
#fitxers { min-height: 350px; }
#fitxers #arxius table th.columna-espai { text-align: right; padding-right: 4px; }
#fitxers #arxius table tbody tr:nth-child(odd) { background-color: #F9F9F9; empty-cells:show; line-height: 1.6; }
#fitxers #arxius table tbody tr:nth-child(even) { background-color: #ffffff; empty-cells:show; line-height: 1.6; }
#fitxers #arxius table tbody tr:hover { empty-cells:show; background-color: rgba(217,222,228, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)"; }
#fitxers #arxius table td, #fitxers #arxius table td a { color: #4a4a4a; }
.taula tbody tr:nth-of-type(even) { background-color: #F9F9F9; empty-cells: show; line-height: 1.6; }
.taula tbody tr:nth-of-type(odd) { background-color: #ffffff; empty-cells: show; line-height: 1.6; }
.taula tbody tr:hover, .taulaa:hover, .taulab:hover { background-color: rgba(217,222,228, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)"; }
.taula-inversa tbody tr:nth-of-type(odd) { background-color: #F9F9F9; empty-cells: show; line-height: 1.6; }
.taula-inversa tbody tr:nth-of-type(even) { background-color: #ffffff; empty-cells: show; line-height: 1.6; }
.taula-inversa tbody tr:hover, .taulaa:hover, .taulab:hover { background-color: rgba(217,222,228, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)"; }
#llistat-alumnes { width: 400px; height: 300px; overflow-y: auto; overflow-x: hidden; }
#llistat-alumnes .opcio-alumne { margin-bottom: 5px; }
#llistat-alumnes .opcio-alumne .check_container { padding-left: 10px !important; }
#llistat-alumnes .opcio-alumne .opcio-text { position: relative; top: -6px; padding-left: 0; }
.opcio-alumne-all .check_container { padding-left: 10px !important; }
.opcio-alumne-all .opcio-text-all { position: relative; top: -6px; padding-left: 0; }
#opcions-grup input[type="text"] { padding: 1px 0 2px 0; margin-right: 10px; }
#interval-generacio label { padding-right: 5px; }
#interval-generacio label:last-of-type { padding-left: 10px; }
#dies-generacio .checkmark { top: 8px; }
.controls-full-classe { margin: 30px 0 40px 0; }
.radio_destaca_tf { white-space: nowrap; }
.form-filtre-firmes .ui-datepicker-trigger { margin: 0 10px 0 5px; }
#llistat-faltes-assistencia-diag .button_circle { margin-right: 5px !important; }
#formFitxa label { width: 20px; }
a.boto-amb-fletxa { width: 80px; }
a.boto-amb-fletxa span.icon { position: relative; top: 2px; }
#form-assist-auto .ieduca-checkbox-centrat { top: 6px; }
#form-assist-auto .ieduca-control-multiple { padding: 0 15px 6px 0; }
#form-assist-auto .ieduca-control-multiple label { margin-top: 0; }
#form-assist-auto .ieduca-control-checkbox label { display: inline-block; }
#form-assist-auto .ieduca-control-checkbox .check_container { padding-left: 0 !important; }
#form-assist-auto .ieduca-control-checkbox .checkmark { top: 11px; }
#form-assist-auto .alumne-auto-assist .check_container { display: inline; margin-left: 10px; }
#form-assist-auto .alumne-auto-assist .checkmark { top: -2px; }
#form-assist-auto .faltes-auto-assist .f_al2 { margin: 0 10px ; padding-bottom: 3px; line-height: 24px; text-align: center; }
#form-assist-auto .linia-auto-assist { margin-bottom: 5px; }
/*.tit3 .checkmark { top: 6px; } */
.observacio-tipus-element { padding-right: 25px; position: relative; }
.observacio-tipus-element input { width: 100%; }
.observacio-tipus-element div.icon { position: absolute; right: 2px; top: 2px; }
#form-filtre-llistat-faltes .check_container { margin-left: 10px; /* padding-left: 10px !important; */ }
/* #form-filtre-llistat-faltes .checkmark { top: 6px; } */
#finestra2 #espai { padding: 0; }
#finestra2 #contingut-wrapper { min-height: 260px; }
#finestra2 #fitxers { min-height: auto; }
#finestra2 #ruta-actual { margin-top: 0; margin-bottom: 20px; }
#meus-docs-accions { text-align: right; }
#meus-docs-accions .boto-icon-quadrat { display: inline-block; font-size: 18px; width: 31px; height: 24px; padding-top: 6px; margin-right: 9px; text-align: center; background-color: #FFFFFF; border: 1px solid #d8d8d8; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#meus-docs-accions .boto-icon-quadrat:hover { background-color: #4670B5; background-color: var(--ieducaColor); border: 1px solid #4670B5; border: 1px solid var(--ieducaColor); color: #FFFFFF; }
#meus-docs-accions .boto-icon-quadrat:last-of-type { margin-right: 0 !important; }
#meus-docs-accions .boto-icon-quadrat span { display: none; }
#elfinder.ui-widget-content { border: none !important; }
.add_class:hover{color:green !important; }
.add_activ:hover{color:#00ABFF !important; }
.ieduca-control .switch { padding: 0; width:33px !important; }
#observacions-amb-scroll { overflow-x: hidden; overflow-y: auto; height: 300px; padding: 5px; border: 1px solid #CCCCCC; }
#observacions-amb-scroll div.icon { margin-left: 5px; }
.separa_avaluables { border-right: 1px solid #999999;text-align: center; }
.separa_avaluacio { border-right: 1px solid #666666 !important; }
.input-calendari-block { padding-right: 20px; position: relative; }
.input-calendari-block input[type="text"] { width: 100% !important; }
.input-calendari-block img.ui-datepicker-trigger { position: absolute; bottom: 0; right: 0; margin-right: 0 !important; }
.tit3 label{ min-height: 22px;}
@media all and (max-width: 1248px){
.tit2_sense_cicles{ margin-top: -80px; }
.tit1 h1{ margin-top: 0px; }
.tit1 small, #topbar h1 small { font-size: 12px; margin-left: 0px; float:none; display:block; width:100%; max-width: 350px; }
.tit2 .item_menu_icones{ max-width:70px; }
h1{ font-size: 18px; padding: 4px 2px 6px 8px; }
}
@media all and (max-width: 915px){
.identitat-i-carrec{display: none;}
h1{ font-size: 18px; padding: 4px 2px 6px 8px; }
}
@media all and (max-width: 768px){
.logo_capcalera{ width: 48px; }
.logo_capcalera img{ margin-left: -3px; }
.permis_perfil{ display: none; }
.perfil_requadre_esquerra{ padding: none; margin: 0px; }
.nom_centre { display:none; }
.nom_perfil{ width: 5px; }
.nom_perfil span{ margin: 0px; }
.nom_perfil .nom{ display: none; }
.nom_perfil .icon-arrow-triangle-down:before{ margin-left: -8px; }
#dialog-perfil #perfil-info img{ display: none; }
#dialog-perfil #perfil-info .perfil_user { margin-left: 0px; }
#dialog-perfil #perfil-info { min-width: 170px; }
h1{ font-size: 22px; }
h1 small{ font-size: 15px; }
.tit1 h1 {margin-top: 0px;}
h1{ font-size: 18px; padding: 4px 2px 6px 8px; }
h1 small{ font-size: 15px; }
.logo-centre img{ max-width: 70px;}
.logo-centre { margin-left: 10px; }
.perfil_requadre_dreta { margin: 18px 12px 0px 0px; }
#contingut, #contingut_calendari { padding: 5px 10px; }
.breadcrumbs { font-size: 10px; }
.item_menu_icones { margin-left: 10px; max-width: 50px; vertical-align: top; max-height: 75px;}
.tit2 .item_menu_icones{ font-size:11px; }
.breadcrumbs-wrapper { padding: 8px 0px 0px 8px;}
.tit2 { padding: 1px 8px 7px 2px; margin-top: -20px; }
/*.link-to-moodle { right: 290px; }*/
.tit3 label{ min-height: 0px;}
}
@media all and (max-width: 600px){
.logo-centre img{ max-width: 35px;}
.logo-centre { margin-left: 8px; width: 30px; height: 30px; border-radius: 60px; overflow: hidden; border: 1px solid gray; margin-top:12px; padding-top:0px; }
#contingut, #contingut_calendari { padding: 5px 10px; }
.tit2 { margin-top: 0px; }
.tit2 .item_menu_icones{ font-size:9px; }
.item_menu_icones { margin-left: 8px; max-width: 35px;max-height: 50px; }
/* .link-to-moodle { right: 190px; width: 30px;height: 30px; border-radius: 60px; overflow: hidden; border: 1px solid gray; top:12px }*/
.alert.badge { top: -25px !important; }
.perfil_requadre_dreta { margin: 15px 8px -2px 0px; }
}
.ieduca-check-classe { min-height: 23px !important; height: auto !important; }
#msg-assist { width: 448px; height: 40px; background-color: #00A0FF; color: #FFFFFF; display: none; position: fixed; top: 50%; left: 50%; margin-top: -35px; margin-left: -240px; font-size: 13px; z-index: 999; padding: 15px; -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important; -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important; box-shadow: 0 4px 5px -1px rgba(0,0,0,0.40)!important; }
#msg-assist span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width: 450px; font-weight: bold; }
#titol-disciplina > .check_container {margin-top: 20px; margin-left: 5px;}
.boto-basic-enabled { height: 34px; border-radius: 28px; background-color: #4863a5; cursor: pointer; }
.boto-basic-enabled:hover { background-color: #3c609b;background-color: var(--ieducaColorSecundari); }
.boto-basic-disabled { height: 34px; border-radius: 28px; background-color: #b3b3b3; cursor: default; pointer-events: none;}
.rodona-faltes-calendari{ background-color: #f5f7fa !important; border-radius: 100px;
height:38px; width: 41px; text-align:center; padding-top:3px; }
#msg-assist span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width: 450px; font-weight: bold; }
#topbar .item_menu_icones a{ color: #6f6f6e !important; }
#topbar .item_menu_icones a:hover{ color: #3c609b !important; color: var(--ieducaColorSecundari) !important; }
.ieduca-modal-simple .ui-dialog-buttonpane button.danger {
background-color: white !important;
color: #4670B5 !important;
color: var(--ieducaColor) !important;
border: 1px solid #4670b5 !important;
border: 1px solid var(--ieducaColor) !important;
}
#topbar .perfil_requadre_dreta .item_menu_icones a.btn_dropdown { display: inline-block; }
/* menu */
#sidebar {padding: 7px 0px 35px 0px; left: 0;top: 95px;width: 200px; height: calc((100% - 53px) - 1px); overflow-x: hidden; }
@supports (-moz-appearance:meterbar) and (display:flex) {
#sidebar { height: calc(100% - 95px); }
}
#topbar .item_menu_icones .icon-arrow-triangle-down{
display: inline-block;
vertical-align: top;
bottom: 0px;
margin-right: -13px;margin-left: -3px;
}
#topbar .nom_perfil span.icon-arrow-triangle-down{ color: #6f6f6e;
padding-left: 3px;
display: block;
float: right;
margin-top: 3px; }
#topbar .submenu_dropdown{ right: -12px; }
#tabs #contingut, #tabs #contingut_calendari { padding:0px; min-height: 427px; }
.circle_tipus_falta{
width:30px;
height:30px;
padding: 0 !important;
display: inline-block;
margin: 5px;
border-radius: 30px !important;
font-weight: 700;
cursor: default;
}
table.taula-estadistiques-asisstencia td {padding: 5px;}
table.taula-estadistiques-asisstencia th {padding: 5px;}
table.taula-estadistiques-asisstencia space { border: 0; border-spacing: 0;}
.padTop8{ padding-top: 8px; }
a div.icon-close-alt2:hover:before, .icon-close-alt2:hover:before{ color: #4670b5 !important; color: var(--ieducaColor) !important; }
#menu_ppal_esquerra .has_slide::after{ font-family: "ieduca"; content: '\33'; display: inline-block; float: right; color: #a6a6a6; margin-right:10px; margin-top: 2px; font-size: 0.55rem; }
.tit2 .item_menu_icones .btn_dropdown .icon-arrow-triangle-down{ font-size: 0.55rem; vertical-align: bottom; margin-left: 2px; }
.fletxes_ordre_taula .ordenacio::before, #topbar .icon-arrow-triangle-down::before{ font-size: 0.55rem; }
#menu_ppal_esquerra.menu_plegat .has_slide::after{ font-family: "ieduca"; content: '\33'; margin-top: -18px; margin-right: 3px; }
#menu_ppal_esquerra .has_slide:hover:after{ color: white !important; }
.item_menu_icones .icon-mail-alt{ margin-left: 8px !important; }
#menu_ppal_esquerra ul.ui-corner-bottom{ -webkit-border-bottom-left-radius: 0px !important; }
#menu_ppal_esquerra.menu_plegat #sidebar ul#accordion li ul.drawer li a, #menu_ppal_esquerra.menu_plegat #sidebar ul li a.ui-state-active{
color:#a6a6a6; background-color: #20222A;
}
#missatge_menu #redactar-missatge a:hover{ color: white !important; }
.boto-icon-quadrat .icon:hover:before{ color: white !important; }
.boto-icon-quadrat.inactive .icon:hover:before{ color: #d8d8d8 !important; }
#contingut #tabs.ui-widget-content { border: none !important; }
.group-caption.linia_clara:hover > .icona_moviment, .group-caption.linia_clara:hover > .nom_grup, .group-caption.linia_clara:hover > .codi_grup, .group-caption.linia_clara:hover > .modalitat_grup, .group-caption.linia_clara:hover > .punts_grup,
.group-caption.linia_clara:hover > .tutor_grup, .group-caption.linia_clara:hover > .membres_grup, .group-caption.linia_clara:hover > .nousubgrup_grup,
.group-caption.linia_clara:hover > .noumembre_grup, .group-caption.linia_clara:hover > .edita_grup, .group-caption.linia_clara:hover > .elimina_grup,
.group-caption.linia_clara:hover > .vinculat_grup, .group-caption.linia_clara:hover > .check_grup,
.group-caption.linia_fosca:hover > .icona_moviment, .group-caption.linia_fosca:hover > .nom_grup, .group-caption.linia_fosca:hover > .codi_grup, .group-caption.linia_fosca:hover > .modalitat_grup, .group-caption.linia_fosca:hover > .punts_grup,
.group-caption.linia_fosca:hover > .tutor_grup, .group-caption.linia_fosca:hover > .membres_grup, .group-caption.linia_fosca:hover > .nousubgrup_grup,
.group-caption.linia_fosca:hover > .noumembre_grup, .group-caption.linia_fosca:hover > .edita_grup, .group-caption.linia_fosca:hover > .elimina_grup,
.group-caption.linia_fosca:hover > .vinculat_grup, .group-caption.linia_fosca:hover > .check_grup{
background-color: inherit;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9dee4, endColorstr=#d9dee4)";
}
.pujar7{ margin-top: -7px;}
.noTeClasse{height:20px;padding:8px; border-bottom: 1px solid white; }
.missatges-contactes .contacte_msg.amb-delete-icon { position: relative; padding: 5px 25px 5px 15px; }
.missatges-contactes .contacte_msg.amb-delete-icon i { position: absolute; top: 3px; right: 4px; font-size: 18px; }
#grupC h4 { margin: 0; padding-bottom: 10px; }
#grupC ul li { padding-bottom: 10px; }
.persona-tag, .grup-tag { font-size: 12px; padding: 5px 15px; display: inline-block; background-color: #EBEFF4; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0 4px 4px 0; color: #4a4a4a; position: relative; font-weight: bold; }
.persona-tag.amb-delete-icon, .grup-tag.amb-delete-icon { padding: 5px 25px 5px 15px; }
i.delete-button { position: absolute; top: 3px; right: 4px; font-size: 18px; }
i.delete-button:hover { cursor: pointer; }
.width-email-obligatori{
width: 340px;
}
.margesTd{
border-collapse: separate;
border-spacing: 0px 5px;
}
i.delete-button:hover { cursor: pointer; }
.taula-llistat-notes tbody tr td:nth-child(1) {
position: relative;
display: block;
height: 36px;
width: 280px;
background-color: #ffffff;
z-index: 9;
border-right: 1px solid #666666;
}
.taula-llistat-notes thead th:nth-child(1) {
position: relative;
display: block;
background-color: #ffffff;
width: 286px;
border-right: 1px solid #666666;
}
.taula-llistat-notes td {
min-width: 44px !important;
}
.taula-llistat-notes th {
min-width: 53px !important;
}
.padding-left-0{
padding-left: 0 !important;
}
.outgoing_state { float:right; right:5%; width:130px; height:25px; }
.taula tr.senseFons { background-color: #ffffff !important; }
.AnyTime-pkr .AnyTime-btn { border: 1px solid #ddd !important; }
.boto-link {
color: #FFF !important;
background-color: #4670b5 !important;
background-color: var(--ieducaColor) !important;
padding: 5px 13px !important;
display: inline-block;
margin: 5px;
border-radius: 15px;
font-size: 13px !important;
text-decoration: none;
cursor: pointer;
}
.boto-link:hover {
color: #FFF !important;
background-color: #3c609b !important;
background-color: var(--ieducaColorSecundari) !important;
text-decoration: none;
}
.boto-link .icon::before{
font-size: 18px !important;
padding-to:8px;
}
.boto-link .icon:hover:before, .boto-link:hover, a .icon, a .icon:before { cursor: pointer; cursor: hand; }
.boto-link.vermell{ background-color: #ed5858 !important;}
.boto-link.disabled{ background-color: LightGray !important;}
.boto-link.disabled-cursor{ background-color: LightGray !important; cursor: not-allowed;}
.boto-link.cancel{ color: #4670b5 !important;color: var(--ieducaColor) !important; border: 1px solid #4670b5 !important; border: 1px solid var(--ieducaColor) !important; background-color: white !important; }
.icon.lila::before{color: #4670b5 !important;color: var(--ieducaColor) !important; }
.passwordGsuite{
width: 100%;
}
.tooltip-gsuite-parent {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip-gsuite {
display :none;
}
.tooltip-gsuite-parent .tooltip-gsuite {
display :none;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
z-index: 2;
bottom: 150%;
position: absolute;
left:50%;
white-space: nowrap;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.tooltip-gsuite-parent .tooltip-gsuite::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
.tooltip-gsuite-parent:hover .tooltip-gsuite {
display: block;
}
.tooltip-gsuite-container{
position: absolute;
margin-top: -15px;
}
.tooltip-gsuite-parent{
cursor: pointer;
}
.ajaxHoverDetail{
min-width: 100px;
}
.boto-ou {
width: auto !important;
}
.seccio{
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 4px;
border-color: #4670b5;
border-color: var(--ieducaColor);
}
.titol-seccio {
margin:0;
background-image: linear-gradient(to bottom,#4670b5 0, #3c609b 100%);
background-image: linear-gradient(to bottom,var(--ieducaColor) 0,var(--ieducaColorSecundari) 100%);
color: #fff;
background-color: #4670b5;
background-color: var(--ieducaColor);
border-color: #4670b5;
border-color: var(--ieducaColor);
border-bottom-color: rgb(51, 122, 183);
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
border-bottom-color: transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.c-informacio{
color: #6f6f6e;
}
.required{
border-bottom: 1px solid red;
}
.required-text-area{
border: 2px solid red;
}
.table-row-edited{
border: 2px solid #4670b5;
border: 2px solid var(--ieducaColor);
}
.input-text-disabled{
cursor: not-allowed;
border:none;
}
.vinculat_grup:hover{
color: #4670b5;
color: var(--ieducaColor);
}
.padding-contingut{
padding: 10px 20px;
}
.c-contingut{
padding: 10px 20px;
background-color: white;
overflow: auto;
}
.bxp-grid{
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.bxp-caixa{
width: 95%;
display:flex;
flex-direction: column;
position: relative;
margin: 10px 10px 10px 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
height: max-content;
}
.bxp-capcalera{
padding: 20px 15px 20px 15px;
color: black;
white-space: nowrap;
}
.bxp-text-capcalera{
width: 83%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bxp-span-blicon{
float:right;
margin-left:10px;
font-size: 16px;
}
.bxp-bottleft-icon{
color: #4670b5;
color: var(--ieducaColor);
cursor: pointer;
}
.bxp-titol{
font-size: 19px;
color: black;
}
.bxp-tag{
padding:3px 8px 3px 8px;
background-color:#eee;
margin:4px;
font-size: 13.5px;
display:inline-block;
border-radius:10px;
cursor:pointer;
}
.bxp-body{
z-index: 999;
padding: 15px;
position: absolute;
bottom: 0;
right: 0;
}
.bxp-main-icon{
display: inline-block;
width: 39px;
font-size: 32px;
margin-top: 11px;
}
.bxp-main-icon-container{
position: absolute;
background-color: white;
width: 58px;
height: 58px;
text-align: center;
vertical-align: middle;
border-radius: 1000px;
right: 0;
top: 0;
margin-right: 24px;
margin-top: 45px;
border-style: solid;
border-color: rgba(83, 102, 245, 0.4);
}
.bxp-separador{
width: 100%;
height: 2px;
margin-bottom: 45px;
}
.bxp-tag-container{
padding: 5px;
background-color: white;
/*margin-bottom: 21px;*/
}
.bxp-icon-expcoll{
margin-left: 0;
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 15px;
}
.bxp-percentatge{
font-size: 14px;
padding-top: -20px;
display: inline;
margin-top: -15px;
vertical-align: 2px;
margin-right: 5px;
background-color: var(--ieducaColor);
color: white;
border-radius: 100px;
padding: 1px 5px;
margin-right: -1px;
cursor: pointer;
}
.notificacio-vermell{
background-color: red;
width: max-content;
padding: 0 8px;
color: white;
border-radius: 28px;
text-align: center;
font-weight: bold;
}
.m0p15 {
margin: 0 !important;
padding: 15px !important;
}
#links {
margin-top: 0;
min-height: 53px;
}
#links .item_menu_icones {
width: 24px;
height: 24px;
margin-top: 14px;
}
#links .item_menu_icones > a {
display: block !important;
width: 24px;
height: 24px;
}
#links .item_menu_icones > a span.icon {
display: block !important;
width: 24px;
height: 24px;
margin: 0 !important;
}
#links .item_menu_icones > a span.icon-arrow-triangle-down {
display: block !important;
width: 24px;
height: 24px;
margin: 0 !important;
}
#links .item_menu_icones > a .icon-arrow-triangle-down {
position: absolute;
top: 0;
right: -16px;
}
#links .img-icon-google {
width: 24px;
height: auto;
}
#links .img-icon-moodle {
width: 24px;
height: auto;
}
#links .item_menu_icones #mail-item {
position: relative;
}
#links .item_menu_icones #mail-item span.alert_red {
position: absolute;
top: -6px !important;
left: 16px !important;
font-size: 10px;
padding: 2px 5px !important;
border-radius: 50%;
z-index: 1;
display: block;
text-align: center;
ext-indent: 0;
}
.mail_icon_carpeta span.alert_red {
position: absolute;
top: 0px !important;
left: 20px !important;
font-size: 10px;
padding: 2px 5px !important;
border-radius: 50%;
z-index: 1;
display: block;
text-align: center;
ext-indent: 0;
}
.button-red{
color: #cc0000 !important;
border-color: #cc0000 !important;
}
.ieduca-boto{
color:#FFF;background-color: #4670B5 !important;background-color: var(--ieducaColor); padding: 5px 15px; display: inline-block;
border-radius: 20px; font-weight: 500; vertical-align: middle; border: none; min-width: 100px;text-align: center; min-height: 20px;
cursor:pointer;
}
.ieduca-boto:hover{
background-color: #3c609b !important;
background-color: var(--ieducaColorSecundari) !important;
}
.row-competencia{
padding: 5px 0px;
}
.separa_finals{
border-left-color: #6f6f6e;
border-left-style: solid;
border-left-width: 2px;
}
.separa_dimensions{
border-right-style: solid;
border-right-width: 1px;
}
.bg-white{
background-color: white;
}
.boto-accepta{
width: auto !important;
}
.boto-cancela{
width: auto !important;
}
.text-btn-active{ color: white !important; }
.text-btn-active:hover{ color: white !important; }
.avaluable-comments {
background:
linear-gradient(to top right,#0000 50%,#4670b5 50.1%) top right/18px 18px no-repeat,
white;
overflow: hidden;
}
@media all and (max-width: 768px){
#contingut-centre{
margin-left:0px;
}
#contingut-lateral-esquerra{
position: inherit;
}
}
.cela-nota-warp{
word-wrap: break-word;
max-width:50px;
}
.vertical_align_padding10{
vertical-align: top!important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.ieduca-hover{
cursor:pointer;
}
.ieduca-hover:hover{
color: #3c609b !important;
color: var(--ieducaColor) !important;
}
.titol-dialog-slim{
color: black !important;
font-size: 16px !important;
}
.subtitol-dialog-slim{
color: black !important;
font-weight: initial !important;
font-size: 12 !important;
}
.boto-float-right{
display: flex;
align-items: center;
position: absolute;
float: right;
right: 0;
margin-right: 10px;
top: 0px;
}
.boto-float-center{
display: flex;
align-items: center;
position: absolute;
float: right;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
flex-wrap: wrap;
text-align: center;
top: auto;
}
.width-ponderacio{
width: 80px;
}
/* Vista pares / Expedient acadèmic */
.ctl-titol-avaluacio{
font-size: 20px;
font-weight: bold;
color: var(--ieducaColor);
}
.ctl-caixa-ambit{
margin-bottom: 20px;
}
.ctl-capcalera{
padding: 20px 0 5px 0;
color: black;
border-bottom: solid 1px;
border-color: var(--ieducaColor);
}
.ctl-titol{
font-size: 20px;
margin-bottom: 5px;
}
.ctl-crit-graf{
display: flex;
}
.ctl-criteris{
width: 50%;
padding: 20px 0;
}
.ctl-criteris-scroll{
max-height: 366px;
overflow-y: auto;
}
.ctl-grafica{
padding: 20px 0;
}
.ctl-table-grafica{
margin: 0 auto;
border-spacing: inherit;
border-collapse: collapse;
}
.ctl-grafica-scroll{
overflow-x: auto;
}
.ctl-grafica-llegenda{
text-align: center;
padding-top: 10px;
}
.ctl-grafica-llegenda-element{
display: inline-block;
padding: 0 10px 0 0;
}
.ctl-grafica-tr{
height: 50px;
}
.ctl-grafica-tr-divisor{
border-top: solid 1px #c4c4c4;
}
.ctl-grafica-td{
border-right: solid 1px #c4c4c4;
border-left: solid 1px #c4c4c4;
min-width: 25px;
text-align: center;
}
.ctl-grafica-td-header{
width: 1px;
writing-mode:sideways-lr;
text-orientation: sideways;
}
.ctl-materia-tag{
display: inline-block;
padding-right: 20px;
}
.ctl-materia{
}
.ctl-materia-titol{
font-size: 17px;
margin-bottom: 10px;
font-weight: bold;
}
.ctl-avaluable-box{
padding: 5px 0 5px 0;
}
.ctl-avaluable{
display: flex;
/* padding: 6px 0;*/
margin-bottom: 6px;
}
.ctl-avaluable-box:nth-of-type(odd){
background-color:#F9F9F9;
}
.ctl-observacions-prof{
padding: 10px 0;
}
.ctl-avaluable-comu{
width: 100%;
display: flex;
align-items: center;
}
.ctl-valor-nota{
vertical-align: middle;
}
.ctl-avaluable-nota{
display: inline-block;
border-color: #3d3d3d;
color: #3d3d3d;
border-radius: 1000px;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
text-align: center;
line-height: 40px;
margin-right: 5px;
margin-left: 5px;
border-style: solid;
border-width: 2px;
background-color: white;
font-weight: bold;
font-size: 13px;
}
.no-border{
border: none;
}
.ctl-sub-avaluable{
padding-left: 40px;
}
.ctl-avaluable-info{
display: inline-block;
width: 100%;
padding: 0 10px;
}
.ctl-avaluable-titol{
display: inline-block;
font-size: 15px;
/* margin-bottom: 5px; */
font-weight: bold;
}
.ctl-avaluable-subtitol{
display: inline-block;
color: #6f6f6e;
font-style: italic;
font-size: 12px;
}
.ctl-50{
width: 50%;
}
.ctl-98{
width: 98%;
}
.ctl-100{
width: 100%;
}
.ctl-sat-blau{border-color: #4285F4; color: #4285F4;}
.ctl-sat-verd{border-color: #34A853; color: #34A853;}
.ctl-sat-groc{border-color: #FBBC04; color: #FBBC04;}
.ctl-sat-roig{border-color: #EA4335; color: #EA4335;}
.ctl-middle-31{line-height: 31px;}
.icon-color{color: #999999!important;}
.ctl-no-bg{background: none;}
.ctl-no-sat{color:#3d3d3d;}
.ctl-no-mgbottom{margin-bottom: 0;}
.notificacio-rodona-vermella{
position: relative;
top: -37px;
left: 47px !important;
font-size: 10px;
padding: 2px 4px !important;
border-radius: 50%;
z-index: 1;
display: block;
text-align: center;
text-indent: 0;
color: #fff;
background-color: red;
width: 8px;
line-height: initial;
}
.boto-icon-quadrat {
display: inline-block;
font-size: 18px;
width: 31px;
height: 24px;
padding-top: 6px;
text-align: center;
background-color: var(--ieducaColor);
border: 1px solid var(--ieducaColor);
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}
.boto-icon-quadrat.inactive { background-color: #FFFFFF; color: #d8d8d8; border: 1px solid #999999; }
.cursor-not-allowed{
cursor: not-allowed;
}
.cursor-not-allowed-important{
cursor: not-allowed !important;
}
.ample-mitjana{
min-width: 73px;
}
.ample-mitjana-anual-cela{
min-width: 54px;
}
.ample-codi-associat-anual-cela{
min-width: 54px;
}
.input-fc{
vertical-align: bottom;
resize: none;
width: 98%;
}
.header-mitjana{
min-width: 65px;
max-width: 65px;
padding: 4px;
}
.majuscules{
text-transform: uppercase;
}
.fons-contingut{
background-color: #f4f7fa;
}
.tokapp-option{
margin-bottom: 5px;
}
.tokapp-option-title{
display:inline-block;
}
.tokapp-option-check{
display:inline-block;
float: right;
}
.tokapp-option-body{
padding: 15px;
}
.hover-a:hover{
color: var(--ieducaColor);
cursor: pointer;
}
.boto-desa-estat:hover{
cursor: pointer;
}
.boto-desa-estat:disabled{
background-color: #b3b3b3;
}
.boto-desa-estat:hover:disabled{
background-color: #b3b3b3 !important;
cursor: not-allowed;
}
.justify{
text-align: justify;
}
.warning-text{
color: var(--warningColor) !important}
.bloq_aval:hover{
color: var(--ieducaColor);
}
.col-alumnes{
z-index: 1;
}
.blanc-vermell{
color: white;
background-color: red;
padding: 0 4px 0px 3px;
border-radius: 21px;
}
.max-dimensions-picture{
max-width:138px;
max-height: 152px;
}
.text-tipus-nota{
font-size: 12px;
font-weight: initial;
padding-left: 5px;
}
.tag-ieduca-2{
margin-right: 3px;
background: #efefef;
padding: 4px 8px 4px 6px;
border-radius: 10px;
font-size: 10px;
position: relative;
cursor: pointer;
transition: all .3s;
float: left;
margin-bottom: 5px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tag-ieduca-2:hover{
background: #d7d7d7;
}
.icon-text-align{
position: relative;
bottom: -3px;
margin-left: 4px;
}
.icon-text-align2{
position: relative;
bottom: -2px;
margin-left: 4px;
}
.mr-4{
margin-right: 4px;
}
.voraBlavaDreta{
border-right: outset var(--ieducaColor);
width: 2%;
}
.alert-red-relative{
position: relative;
left: -13px;
top: 12px;
background-color: red;
padding: 2px;
border-radius: 50%;
color: white;
font-size: 11px;
min-width: 13px;
display: inline-block;
margin-left: -13px;
font-weight: bold;
}
.info-blau{
color: var(--ieducaColor);
font-style: italic;
}
.tag-tokapp-colors{
color: white;
background-color: #ffa525;
}
.tag-email-colors{
color: black;
background-color: #96d8ff;
}
.tag-sms-colors{
color: black;
background-color: white;
}
.tag-intern-colors{
background-color: #4670b5;
color: white;
}
.errorMissatge{
color: red;
font-size: 12.5px;
margin-top: 5px;
}
.desplegableNotaRA{
color: green;
margin-left: 10px;
width: 41px;
font-size: 9px;
letter-spacing: 2px;
}
.desplegableNotaRAFinal{
background-color: green;
color: white;
margin-left: 6px;
height: 12px;
width: 42px;
font-size: 10px;
display: flex;
justify-content: center; /* Centra horitzontalment */
align-items: center; /* Centra verticalment */
}
.errorCheckbox {
outline: 2px solid red !important;
}
.alturaDialeg .ui-dialog-titlebar {height: 60px !important;}
.alturaDialegPetita .ui-dialog-titlebar {height: 40px !important;}
.select-no-click {
pointer-events: none;
background-color: transparent;
}
.textNegre{
color: black !important;
}
.textVerd{
color: green !important;
}
.textGroc{
color: #d16915 !important;
}
.tooltip-container-info {
position: relative;
display: inline-block;
}
.tooltip-box-info {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 120%;
left: 0;
z-index: 100;
background-color: white;
padding: 10px;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.tooltip-container-info:hover .tooltip-box-info {
visibility: visible;
opacity: 1;
}
.programacio-petita {
font-size: 12px;
color: #888;
}
input.input-grup.input-even {
background-color: #F9F9F9
}
input.input-grup.input-odd {
background-color: #FFFFFF
}
.trigger-letter {
margin-top: 11px;
cursor: pointer;
color: #6f6f6e;
font-weight: bold;
font-size: 15px;
position: relative;
border: 1px solid #6f6f6e;
border-radius: 5px;
background-color: white;
text-align: center;
padding: 3px 0px 3px 0px;
}
.trigger-letter:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 5px 8px;
border-radius: 4px;
white-space: nowrap;
font-size: 12px;
opacity: 0.9;
z-index: 100;
}
.select-dropdown-trigger-letter {
display: none;
top: 30px;
left: 0;
background-color: white;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
padding: 5px;
z-index: 1000;
min-width: 150px;
}
.select-dropdown-trigger-letter.active {
display: block;
}
.select-dropdown-trigger-letter select {
width: 100%;
padding: 6px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
}
.dropdown-list {
background: white;
list-style: none;
padding: 0;
margin: 0;
z-index: 1000;
}
.dropdown-list li {
padding: 5px 10px;
cursor: pointer;
}
.dropdown-list li:hover {
background-color: #f0f0f0;
}
.dropdown-option.selected {
background-color: #e0f0ff;
font-weight: bold;
}
#selectDropdown {
max-height: 150px;
overflow-y: scroll;
border: 1px solid #ccc;
background: white;
position: absolute;
width: 250px;
box-sizing: border-box;
z-index: 1000;
}
#tokapp-sortida-autoritzacio {
position: relative;
display: block;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
font-weight: bold;
cursor: pointer;
}.desplegableNotaMateria {
color: green;
display: inline-block;
font-size: 0.8em;
position: relative;
vertical-align: middle;
margin-top: -7px;
}
.inputNotesNoEditable{
background: repeating-linear-gradient(-45deg, white, #dadbe7 5px) !important;
color: #878897 !important;
}
.notaPointerCv2024{
cursor: default !important;
}
.errorInputSubratllar{
border-bottom: 3px solid red !important;
}
.fons-intercalat-a {
background-color: #fbfcfc;
}
.fons-intercalat-b {
background-color: #fff;
}
.fons-intercalat-a:hover,
.fons-intercalat-b:hover {
background-color: #e8ebef;
}
.btn.btn-primary.btnAquiPreinscripcion {
color: white;
}
.classeImportancia{
color: var(--ieducaColor);
font-weight: bold;
font-style: italic !important;
}
.ctl-avaluable-comentaris{
font-style: normal !important;
padding-left: 10px;
display: inline-block;
color: #6f6f6e;
font-size: 12px;
width: 100%;
}