@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700italic,700);
@import url(https://fonts.googleapis.com/css?family=Kreon:700);

body {
    font-size:16px;
    line-height:125%;
    color:#7a4627; 
    background:#fff;   
} 
body,select,input,textarea,button {
    font-family: Lato,sans-serif;
}
body,html {overflow-x:hidden;min-height:100vh}
.mainsize {
    width:100%;
    padding:0 2%;
    min-width: 960px;
    max-width:1200px;
    margin:0 auto;
}

#grvGlob {
    position:absolute;bottom:0px;right:0;border-radius:10px 10px 0 0;padding:10px 30px;box-shadow:inset 0 0 15px #bbf;
    text-shadow:none !important; font-size:1.2em;
}
input,textarea,select, .comInput, .contCheck {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px;
    font-size:16px;
    color: #4f3420;
    width:100%;
    margin-bottom:15px;
    outline:none;
    resize:none;
    background-color:rgba(255,255,255,.7);
}
.comInput {min-height:37px;line-height:normal}

input:focus,textarea:focus,select:focus {
    border-color: #bea469; /*#d3c198;*/
    box-shadow:0 0 5px #d3c198;
    background-color:rgba(255,255,255,.5);
}
/*input[type="button"], input[type="submit"], button:not([role='presentation']):not(.tox-mbtn):not(.tox-tbtn):not(.tox-listbox), a.boto {*/
input[type="button"], input[type="submit"], button:not([role='presentation']):not([class*='tox']), a.boto {
    padding:8px 20px;
    background: #7a8827; 
    color:#fff !important;
    border-radius:5px;
    outline:none;
    font-weight:700;
    font-family:kreon, serif;
    border:0;
    text-decoration:none;display:inline-block;
}

input[type="button"][disabled], input[type="submit"][disabled], button[disabled], .disabled, *[disabled] {
    background:#ccc !important;
    opacity:1 !important;
    text-shadow:none !important;
    pointer-events:none;
}

input[type="button"]:hover, input[type="submit"]:hover, button:not([role='presentation']):hover {
    background:#9eb032;
    text-shadow: 1px 1px 1px #000;
    opacity:.9;
}

.input-error{
    border-color:#d05934 !important;
}

i.minibot, button.minibot {
    background: #7a8827;color:#fff;border-radius:4px;
    padding:4px 6px!important;margin:1px 5px;position:relative;
    min-width:28px;min-height:24px;text-align:center;
}
i.minibot:hover, button.minibot:hover {
    background:#9eb032;
    text-shadow: 1px 1px 1px #000;
    opacity:.9; 
    cursor:pointer;  
}
button.minibot {
    font-size:.85em;
    padding:3px 6px 1px 6px;
}
select.minisel {
    border:0;
    display:inline-block !important;
    width:auto !important;
    padding:1px 6px;
    color:inherit !important;
    margin:0;
    font-weight:normal;
}
select.minisel:hover {
    text-decoration:underline;
    cursor:pointer; 
}
label {
    font-weight:700;
    color:  #bea469;
}
label.etiq {
    padding:5px 10px!important;
}
label.etiq>input {
    border:3px #fff solid;
}
textarea[readonly="readonly"], textarea[readonly], input[readonly], textarea[readonly="disabled"], textarea[disabled], input[disabled], select[disabled], .comInput.dis {
    color:#5193e2;
}

input[type=checkbox]:not(.old),
input[type=radio   ]:not(.old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
input[type=checkbox]:not(.old) + label,
input[type=radio   ]:not(.old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 24px;
}
input[type=checkbox]:not(.old):checked + label {
  background-position : 0 -48px;
  color: #9eb032;
}

input[type=radio]:not(.old):checked + label{
  background-position : 0 -48px;
  color:#9eb032;
}

.contCheck {
    padding:6px 6px 5px 6px;
    height:37px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:700;
    margin-bottom:.6em;
    line-height:125%; 
}

.nomarge {
    margin:0px !important;
}
.noshadow {
    box-shadow:0 0 0 #fff !important;
}
.strong {font-weight:bold}
p {margin-bottom:10px;}

.ftit {
    font-family: kreon, serif;
}
.ftxt {
    font-family: Lato,sans-serif !important;  
}
.text-marro {
    color: #7a4627;   
}
.bg-marro, .bg-marroh {
    background: #7a4627 !important;
}
.bg-marroh:hover {
    background: #a15c33 !important;
}
.bg-marroi {
    background: #7a4627 !important;
}
.text-blau {
    color: #5193e2; 
}
.bg-blau, .bg-blaui, .info {
    background: #5193e2 !important;
}
.text-negre {
    color:#000;
}
.info, .espaiple {
    cursor:help;
    border: 1px #ccc solid;
    border-radius:5px;
    padding:10px 15px 15px 30px;
    color:#fff;
    position:relative;
}
.iconInfo {
    position:absolute;top:4px;left:5px;font-size:1.5em;
}
.bg-blau:hover, .bg-blauClar {
    background: #7daee9 !important; 
    opacity:1 !important;
}

.text-fosc {
    color: #4f3420;
}
.text-clar {
    color: #bea469;
}
.bg-clar {
    background: #bea469 !important;
}
.text-blanc {
    color:#fff;
}
.bg-blanc {
    background:#fff !important;
}
.text-verd {
    color: #9eb032;
}
.bg-verd {
    background-color:#9eb032;
}
.bg-verdi {
    background-color:#9eb032 !important;
}
.bg-verdf {
    background-color:#7a8827;                                   
}
.text-verdf {
    color: #9eb032;    
}
.bg-verdf:hover {
    background-color: #9eb032;    
}
.text-roig {
    color: #aa4627;
}
.text-roigClar {
    color:#d05934;
}
.text-taronja {
    color:orange;
}
.bg-roig {
    background: #aa4627 !important;
}
.bg-roig:hover, .bg-roigClar {
    background: #d05934 !important;
}
.bg-gris {
    background-color:#ccc;
}
.regLink {
    color: #4f3420; 
}
.regLink:hover {
    color: #bea469;
}
.pull-left {
    float:left;
}
.pull-right {
    float:right;
}
.text-center {
    text-align:center;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.center-block {
    display:block;
    margin:0 auto;
}
.inline {
    display:inline-block !important;
    width:auto;
}
.block {display:block !important;}

.ocult {display:none}
.nowrap {white-space: nowrap;}
.small {font-size:.8em}
.big {font-size:1.2em}

.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1;width:100%} /* For IE 6/7 (trigger hasLayout) */

.tool-box {
    background:#f6f3eb;border:1px #f1ecdf solid; border-radius:0 0 5px 5px;padding:10px 10px;
}
.tool-inici {
    background:#f6f3eb;border:1px #e8dfc3 solid; border-radius:5px;padding:20px; padding-top:15px; margin:5px 0 20px 0;box-shadow:0 0 20px #eee;    
}
.tool-inici.alert {
    /*background:rgba(255,220,220,1);*/    
    background:#fcdbd9;    
}

.tool-inici>div {
    background:#fff;
    padding-top:2px;
    border:1px #fff solid;
}
.tool-inici > table {
    background:#fff;
}

.tool-box input, .tool-box select, .tool-box comInput {
    margin:0 !important;
}
.tool-add {
    border:1px #f1ecdf solid; border-radius:5px;padding:10px 10px;    
}
.tool-form {
    background:#f7f6f5;border:1px #e0e0e0 solid; border-radius:5px;
    padding:25px;
}

.tool-data:before {
    font-family: 'FontAwesome';
    font-size:18px;
    content: "\f073";
    background:#000;
    color:#fff;
    padding:5px;
}

.tool-info {
    margin-top:15px;position:relative;padding:25px;padding-left:80px;border:1px solid;border-radius:5px;
}
.tool-iconInfo {
    position:absolute;top:25px;left:15px;width:50px;text-align:center;outline:0px red solid;
}

.tool-tit {
    border-bottom:1px solid;
    margin-bottom:20px;
}
.tool-titacord {
    border-bottom:1px solid;
    margin:0;padding:0;
    cursor:pointer;
    position:relative;    
}
.tool-acord {
    display:none;
}

i.aTancat:after, td.details-control:after  {
    content: "►";
    font-family:arial, sans-serif;
}
i.auxAcord:after  {
    content: "►";
    font-family:arial, sans-serif;
}
i.auxAcord {
    vertical-align:top;
    margin-top:2px;
    font-size:.85em;
}

i.aTancat, i.auxAcord {
    display:inline-block;
    -webkit-animation:rotate .4s linear;
    -moz-animation:rotate .4s linear ;
    transition: transform .4s linear ;    
}
i.aTancat.obert, tr.shown td.details-control, i.auxAcord.obert {
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);    
}
.tool-spc {
    display:inline-block;
    width:0px;height:30px;margin:0 20px;vertical-align:-10px;
}

.etiq {
    color:#fff;
    background:#7a4627;
    font-size:.85em; font-weight:bold;
    padding:.15em .3em;
    border-radius:4px;
}

/* MODALS */
#alerta, #modal, #confirma, #bigLoader {
    position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);z-index:2400;text-align:center;
}
#modal {z-index:800}
#confirma {z-index:900}

#contAlerta, #contModal, #contConfirma {
    position:relative;display:inline-block;margin:0 auto;background:#fff;max-width:90%;width:auto;padding:5% 75px 5% 5%;text-align:left;
    box-shadow:0 0 50px #888;border-radius:5px;border:1px #bea469 solid;
}
#contModal {
    z-index:800;
    max-height:80%;
    height:auto;
    max-width:1120px;
    width:99%;
}
#contConfirma {
    min-width:300px;
}
#txtAlerta, #txtConfirma {
    font-size:1.1em;margin-top:1em;
}
#tancaAlerta, #tancaModal, #tancaConfirma, #tancaComAnem {
    position:absolute;top:15px;right:15px;cursor:pointer;
    width:30px;height:30px;
}
.creu {
    background: #bea469;
}
.creu:hover {
    background: #aa4627;
}
#peuConfirma {
    margin-top:40px;
}

/* Taules */
table {
    border-collapse: separate; 
    width:100%; 
    border-spacing:1px;  
}
th, .lhead {
    font-weight:bold;
    text-align:left;
    padding:0 8px;
    border-bottom:1px solid;
}
td, .llistbody .llista, .itemValoras {
    margin:1px;
    padding:4px 6px;
    vertical-align:middle;
    text-align:left;
}
td>input, td>select, input.llista, select.llista, .comInput.llista, textarea.llista, .contCheck.llista {
    margin:0 !important;
    padding: 4px;
}
td>button, button.llista {
    margin:0 !important;
    padding: 4px 10px;    
}
tbody tr:nth-child(odd), .llistbody:nth-child(odd), .zebra:nth-child(odd) {
  background: #eee ;
}
tbody tr:nth-child(even), .llistbody:nth-child(even), .zebra:nth-child(even) {
  background: #f8f8f8 ;
}
tbody:not(.noactiu) tr:hover, tbody tr.actiu, .llistbody:hover, .llistbody.actiu, .odd:hover, .even:hover, tbody tr:hover > .sorting_1, .setActiu, .zebra:hover  {
    background-color:rgba(245,231,222,.8) !important;
}

tbody tr.actiu {
    background-color: rgba(190,164,105,.4) !important;
}
tbody tr.actiu > .sorting_1 {
    background-color: rgba(190,164,105,.1) !important;  
}
.llistbody, .itemValoras {
    border:1px #aaa solid;border-radius:5px;margin:5px 0 10px 0;
}
.itemValoras {
    background:#fff;
}
.itemValoras:hover {
    background-color:rgba(250,240,210,.4) !important;
}
tfoot tr, .tool-add {
    background: #ecf1ce !important;
}
i.h {
    display:none; /* Per que quedin les dades ocultes al endreçar taules amb inputs*/
}

/* celdes especials taula posicions */
    .ftot {
        border-right:2px solid;text-align:center;
    }
    .nifalu {
        text-align:center;text-shadow:1px 1px 1px #fff;color:#500;font-weight:700;
    }
    
/* Main menu*/
#lLogout {
    color:#ddd;
    text-decoration:none;
}
#iLogout {
    background: #bea469;
    height:25px; width:auto;
    margin-top:5px;
}
#lLogout:hover {
    color:#fff;    
}
#lLogout:hover>#iLogout {
    background: #eee;
}

ul.mainMen {
    display:block;position:absolute;top:5px;left:115px;
}
li.mainMen {
    display:inline-block;
    padding:5px 12px;
    padding:5px 1.2vw;
    color:#fff;position:relative;  
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
    border-radius:4px 4px 0 0px;
}
li.mainMen:hover {
    background:#fff;
    color:#7a4627; 
}

li.menSol {
    display:inline-block;
    position:relative; 
}
li.menSol>a {
    transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    border-radius:4px;
    padding:5px 12px;    
    padding:5px 1.2vw;
    padding-bottom:6px; 
    color:#fff;
    text-decoration:none;
}
li.menSol>a:hover {
    color:inherit;
    background:#fff;    
}
ul.subMen {
    position:absolute;min-width:110px;width:auto;left:-0px;top:30px;display:block; /**/
    background:#fff;
    box-shadow: 0 3px 8px #aaa;
    transition: max-height .2s ease-out;
    max-height:0; 
    overflow:hidden; 
    border-radius:0 4px 4px 4px;  
}

li.mainMen:hover > ul.subMen {
    max-height:500px;
    transition: max-height 0.4s ease-in; 
}

ul.subMen>li {
    color:#7a4627;
    border-bottom:1px solid;
    height:37px;
}
ul.subMen>li:last-child {
    border-bottom:1px #fff solid;    
}

ul.subMen>li>a {
    display:block;height:100%;width:100%;
    white-space: nowrap;
    color:#7a4627;
    text-decoration:none;
    padding:8px 20px;
}
ul.subMen>li>a:hover {
    color:#bea469; 
    background: #f5f5f5;  
}

/* users... */
#contRes {
    position:absolute;
    width:auto;height:auto;max-height:300px;overflow:auto;min-width:600px;
    background:#fff;box-shadow:2px 3px 12px #aaa;border-radius:0 4px 4px 4px;white-space:nowrap;
    z-index:10;
}
.selUser, .selCurs {
    display:block;
    white-space: nowrap;
    color:#7a4627;
    text-decoration:none;
    padding:8px 10px;
    color:#7a4627;
    border-bottom:1px solid;        
}
.selUser:hover, .selCurs:hover {
    color:#bea469; 
    background: #f5f5f5;      
}
.contEtiq {
    min-width:40px;
    display:inline-block;
    text-align:center;
}

/* assignatures/grups/profes */
.divAssign {
    margin-bottom:2px;
    border-bottom:0px #bbb solid;
}
body .divAssign:nth-child(odd) {
    background:rgba(0,0,0,.02);    
}
body .divAssign:nth-child(even) {
    background:rgba(0,0,0,.06);    
}
.etiprofe {
    color:#fff;
    font-size:.85em; font-weight:bold;
    padding:0 0 0 .6em !important;
    border-radius:4px;
    margin-top:4px;
    display:inline-block;
}
.etiprofe > .minibot {
    margin:0 0 0 15px !important;
}
.selocult {
    position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer;
    margin:0 !important;padding:0 !important;
}

/* Cursos gen */
.etiassign {
    color:#fff;
    font-size:.85em; font-weight:bold;
    padding:0 !important;
    border-radius:4px;
    margin-top:4px;
    display:inline-block;    
}
.etiassign >.minibot.mleft {
    margin: 0 10px 0 0;
}
.etiassign >.minibot.mright {
    margin: 0 0 0 10px;
}
.etiProfAssign {
    color:#fff;
    font-size:.85em; font-weight:bold;
    padding:1px 10px !important;
    border-radius:4px;
    margin:2px 0;
    display:inline-block;      
}

/* Gestió cursos */
.selVolta {
    padding:3px 8px;cursor:pointer;margin-right:2px;width:100px;text-center;border-radius:5px 5px 3px 3px;border:1px #ccc solid;border-bottom:1px #667 solid;
    box-shadow:none;color:#eee;background-color: #5193e2;display:inline;position:relative;top:-3px;font-size:.90em;
}
.selVolta:hover:not(.voltesAct) {
    background: #7daee9;        
}
.voltesAct {
    background:#f5f5f5;
    border:1px #ccc solid;border-bottom:1px #f5f5f5;
    color: #5193e2;
    box-shadow: 1px -2px 3px #ddd;
    top:-2px; 
    font-weight:bold;
    font-size:.95em;  
    border-radius:5px 5px 0 0;
}

/* avaluacions alumn */
a.selAvalu, a.selSimulacre {
    color:inherit;
    text-decoration:none;
}
a.selAvalu:hover, a.selSimulacre:hover {
    background:#c6dbf5;
}

/* Perfil Alumne */
#selCampUni {
    position:absolute;top:53px;left:0;right:0;z-index:100;opacity:1;border-radius:0 0 4px 4px;max-height:200px;width;100%;overflow:auto;padding:0px 0px;
    background-color: #fff;border:1px #bea469 solid;border-top: 1px #ddd dotted;display:none;box-shadow:0 0 5px #d3c198;
}
#selCampUni>div {
    padding:2px 10px;color:#666;height:23px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
}
#selCampUni>div:hover {
    background-color:#5193e2;color:#fff;    
}

.puntAval {
    cursor:pointer;width:10%;padding:5px 0;text-align:center;border-right:1px #aaa dotted;
    font-size:.8em;
    font-family: kreon, serif;
}
.puntAval:first-child {
    border-radius:5px 0 0 5px;
}
.puntAval:last-child {
    border-radius:0 5px 5px 0;
    border:none;
}

/* Llistats */

.fotoLlist {
    width:24px;height:24px;vertical-align:middle;border-radius:3px;margin-right:3px;cursor:help;
    float:left;
}
.tdnum {
    padding-right:15px !important;
    text-align:right;
}

.getCursGrup {
    cursor:pointer;
}
.getCursGrup.tcurs:hover {
    opacity:.6;    
}
.ctrlPagos {
    cursor:pointer;
}
.ctrlPagos:hover {
    text-decoration:underline;
    font-weight:600;
}
/* tutories */
.setSactiu {
    font-weight:bold !important;
    box-shadow: 0 0 10px #bbb;
    background-color:#5193e2 !important;
    pointer-events: none;
    color:#fff;
    text-shadow: -1px -1px #777;
}
/* Valoracions */
.setActiu {
    font-weight:bold;
    box-shadow: 0 0 15px #bbb;
}

/* Resultats Simulacres */
#tpr {
    border-collapse:collapse;
    font-size:.85em;
    max-width:100% !important;
    table-layout:fixed;
    line-height:100%; 
}
#tpr td {
    border:1px #888 solid;
    text-align:center;
    padding:4px 2px;
    
} 
#tpr td.titl {
    background:rgba(243,243,243,.6);
    vertical-align:middle;
    border-left:0px;
    text-align:right;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    border-style:dotted;
    border-color:#b99;    
}
#tpr th {
    pointer-events: none;
    background:rgba(243,243,243,1);;
    border:none;
    border-right:1px #b99 dotted;
    font-weight:bold;
    text-align:center;
    padding:2px; 
    vertical-align:bottom;
    overflow:hidden;
    text-overflow:ellipsis; 
                 
}        
.nomasg {
    border-left:1px dotted;border-right:1px dotted;vertical-align:top;font-size:.93em;line-height:115%;display:inline-block;margin-right:1%;height:4em;padding:3px 1px;
    text-align:center;overflow:hidden;text-overflow:ellipsis;   
    /*
    -ms-transform: rotate(-25deg); 
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    */
} 
.noPG {
    page-break-inside:avoid;
}
.env-simu {
    background:#f3f3f3;border:1px #e0e0e0 solid; border-radius:5px;padding:15px;margin-top:20px;margin-bottom:0px;   
}

/* Inici Alumne */

/*
.menuSocial {
    line-height:100%;padding:0px;font-size:29px;color:#fff;
}
.menuSocial > li {
    width:25%;height:35px;text-align:center;padding:2px 0;display:inline-block;
    color:#fff;background-color: #7a4627;
    border-radius:10px 10px 0 0;
    border-right: 1px #fff solid;border-top:1px #eee solid; border-bottom:1px #aaa solid;
    cursor:pointer;
    box-shadow:0 0px 5px #fff;
}
.menuSocial > li:hover {
    background-color: #a15c33;
    text-shadow:1px 1px 1px #000;    
}
.menuSocial > li.actiu {
    background:#eee;
    box-shadow: 0 -2px 5px #ccc;
    color: #7a4627;
    text-shadow:none !important;
    position:relative;z-index:5;
    top:1px;
    border: 1px solid; 
    border-bottom:1px #eee solid;
    margin-bottom:0;  
}
*/

.menuSocial {
    line-height:100%;background-color: #7a4627;
    /*border-radius:5px 5px 0 0;*/
}
.menuSocial > li {
    width:20%;height:0%;margin:2% 2.5% 1% 2.5%;text-align:center;display:inline-block;
    color:#fff;
    
    /*cursor:pointer;
    box-shadow:0 0px 5px #fff;*/
    position:relative;
}
.menuSocial > li > a {
    position:relative;display:block;margin:0 auto;width:45px;border-radius:50%; border:1px solid;text-align:center;
    color:#fff;font-size:1.5em;/*padding:25% 0;*/
    transition:all .3s;
}
.menuSocial > li > a {
  content: "";
  display: block;
  padding-bottom: 45px;
}
.menuSocial > li > a > span {
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:2em;
}
.menuSocial > li > a:hover {
    background:#fff;color:#7a4627;
    transition:all .3s;    
}

/* top:50%;left:50%;width:100%;height:100%;transform:translateY(-50%); */

.instaElem {
    display:inline-block;margin:15px 2% 5px 2%;box-shadow:0 0 3px #bbb;float:left;text-align:center;padding:5px;
    border-radius:5px;text-decoration:none;color:inherit;width:46%;background:#fff;font-size:12px;
}
.instaElem>img {
    display:block;min-width:130px;min-height:130px;border-radius:4px;width:100%;height:auto;
}
.txtInsta {
    margin-bottom:0px;font-size:12px;text-decoration:none;text-align:left;line-height:13px;
}

#utweet li {
    margin: 15px 1%;border-radius:5px;box-shadow: 0 0 3px #bbb;padding: 10px;background:#fff;
}
#utweet img[data-scribe='element:avatar'] {
    border-radius:4px;float:left;margin: 0 5px 5px 0;
}
#utweet .user {
    position:relative;
} 
#utweet .user a {
    text-decoration:none;font-weight:bold;color:inherit;    
}
#utweet .user a span[data-scribe="element:screen_name"] {
    font-weight:normal;color:#964; /*#a15c33*/    
}
#utweet .media>img {
    max-width: 100%;border-radius: 5px;
}
#utweet .tweet a{
    vertical-align:-3px;display:inline-block;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    color:#a75;text-decoration:none;
} 
#utweet .tweet a:hover {
    text-decoration:underline;color:#964;
}
#utweet .publi {
    position:absolute;right:0px;top:0px;font-size:.85em;
} 
p.tweet img {
    height:16px !important;width:auto !important;
}

.contYT {
    border-radius:4px;padding:10px;box-shadow:0 0 3px #bbb;margin:15px 1% 5px 1%;background:#fff;
}

/* Mat. didactic alumne */

ol.matdid { 
    counter-reset: item;
}
ol.matdid>li { 
    display: block;font-size:16px;font-weight:normal;margin: 2px 0 3px 33px;
    text-indent:-38px;
    padding:4px;
    border:1px transparent solid; 
}
ol.matdid>li.titllist { 
    font-weight:bold;
    font-size:17px;
    margin:12px 0 10px 30px;
    text-indent:-25px;
}
ol.matdid>li>a {
    font-size:16px;
    font-weight:normal;
    opacity:.95;
    text-decoration:none;
    color:inherit;
}
ol.matdid>li:hover, ol.matdid>li.actiu {
    opacity:1;
    background:rgba(196,173,120,.15);
    border:1px rgba(196,173,120,.25) solid;
    padding:4px;
    border-radius:5px;
}
ol.matdid>li:before { content: counters(item, ".") " "; counter-increment: item }

.element {
    display:block;background:rgba(196,173,120,.3);border:1px rgba(196,173,120,.3) solid;border-radius:5px;padding:10px 15px;margin:10px 0 15px 0;
    color:inherit;
    text-decoration:none;
    text-indent:-11px;
    padding-left:37px;
}
.element:hover {
    background:rgba(196,173,120,.23);
}

a.linkEdit {
    color:inherit;
    opacity:.8;      
}
a.linkEdit:hover {
    opacity:1;    
}

.infoprofe {
    display:none;
}
.bubble {
    font-size:1.4em;
    cursor::help;
    line-height:100% !important;
    position:relative;
    top:1px;
    z-index:10;
}
.notaInfoProfes {
    font-size:1em;
    padding-top:2px;
    display:inline-block;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
.z180 {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.zTxtValora {
    z-index:11 !important;
    box-shadow:0 0 15px #555 !important;
}

.mce-container {
    border-radius:5px !important;
    overflow:hidden !important;
}

.foratutor {
    float:right;
}

#InscCod {
    padding:.7em;
    border-radius:5px;
    border:1px solid;
    text-decoration:none;
    margin-top:1.5em;
    color:#5193e2;
}

#fcqrwrap:hover #showQR {
    opacity:1 !important;
}

input, textarea {
    -webkit-appearance: none;
}
select {
    -webkit-appearance: menulist-button;
}

.lTtutos, .lTDist {height:33px;}
.lTtutos > div, .lTDist > div {
    display:inline-block;text-align:center;padding:8px 3px;border-right:1px #fff solid;border-top:1px #fff solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:100%;height:33px
}
.lTtutos.accTutoria, .lTDist.accTutoria {
    cursor:pointer;
}

/******************************/

.volca {
    transform: rotateX(180deg);
    transition: all 1s;    
}
.caret {
    transition: all 1s;
}

/**********************************************/
.exemple-preg {
    max-width:790px;
    padding:75px 40px; /*2cm 1cm 2cm 1cm;*/
    margin:10px auto;
    box-shadow:0 0 10px rgba(0,0,0,.2); 
    background:#fff;   
}
.exemple-preg a {
    color:inherit;
    opacity:.8;    
}
.exemple-preg a:hover {
    opacity:1;
}
.exemple-preg p {margin-bottom:.8em;margin-top:.3em;}
.exemple-preg h2 {
    margin-bottom:1em;
    margin-top:0;
    font-size:20px;
}
.exemple-preg h2:not(:first-child) {
    margin-top: 2em;
}

.exemple-preg li {
    margin-top:.6em;
    margin-left:10px;
    /*text-indent:-1em;*/
    padding:0;
}

.exemple-preg ol, .exemple-preg ul {
    list-style-position: outside;
    color:inherit;
    text-align:left;
    /*margins i paddings a responsive.css*/
}

.exemple-preg ol {
    list-style-type: decimal;
}
.exemple-preg ul {
    list-style-type: disc;    
}

.exemple-preg table {
    width:100%;
}
.exemple-preg table tr {
    background:transparent!important;
}
.exemple-preg table tr:hover {
    background:transparent!important;
}
.exemple-preg td p {
    margin-bottom:.4em;
    margin-top:.2em;    
}
.exemple-preg td p:last-child {
    margin-bottom:.2em;
    margin-top:.2em;    
}
.exemple-preg table li {
    margin-top:.3em;
    margin-left:5px;    
}
.exemple-preg table ul, .exemple-preg table ol {
    list-style-position: outside;
    margin:5px 0 5px 5px;
    color:inherit;
    text-align:left;
    padding-left:12px;   
}

.exemple-preg img, .exemple_preg iframe {
    max-width:100%!important;
    height:auto !important;
    display:inline-block;
}

.exemple-preg img[style*="float: left"] {
  margin: 5px 15px 3px 0px;
}

.exemple-preg img[style*="float: right"] {
  margin: 5px 0px 3px 15px;
}
.exemple-preg p.enunciat {font-size:1.1em;line-height:135%;font-weight:bold;margin-top:1em;}
.exemple-preg li.preg {
    border-bottom:1px #ccc dotted;
    padding-bottom:.5em;
    margin-bottom:2em;
}
.exemple-preg h3 {font-size:25px;font-weight:normal;margin:0}
.exemple-preg h3 i {display:inline-block;vertical-align:top;margin:0 10px} 
/**************************************************/

.alResps li {
    margin-top:.6em;
    margin-left:10px;
    /*text-indent:-1em;*/
    padding:0;
}

.alResps ol, .alResps ul {
    list-style-position: outside;
    margin:10px 0 10px 10px;
    color:inherit;
    text-align:left;
    padding-left:25px;
}

.alResps ol {
    list-style-type: decimal;
}
.alResps ul {
    list-style-type: disc;    
}

.wResposta {background-color: #fff;transition:all .5s}
.colDubte {background-color: rgb(250,220,167);transition:all .5s}
.colResp {background-color: rgb(164,235,164);transition:all .5s}
.colNoResp {background-color: rgb(255,153,173);transition:all .5s}
.colDubteC {background-color: rgba(250,220,167,.3);transition:all .5s}
.colRespC {background-color: rgba(164,235,164,.3);transition:all .5s}
.colNoRespC {background-color: rgba(255,153,173,.3);transition:all .5s}
.text-encert {color:#60aa00;text-shadow:1px 1px 1px #eee;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/********************************** PART >768 DE RESPONSIVE INCLOSA LA IMPRESSSIO DE SIMULACRES ***(està aquí per considerar la part de simulacres a l'admin) **********************************/

    @media only screen and (min-width: 1024px) { 
        .labelVert {padding-left:50px}
        .labelInBar {display:none;}
        .boteti {bottom:46px;}
        .alteti {height:50px}
        
        .etiTags {white-space:nowrap;padding:1px 4px;margin-right:10px;border-radius:3px;font-size:14px;font-weight:normal}
    }

    @media print { /* copia idéntica al media only screen and (min-width: 1024px) */
        .labelVert {padding-left:50px}
        .labelInBar {display:none;}
        .boteti {bottom:46px;}
        .alteti {height:50px}
        
        .etiTags {white-space:nowrap;padding:1px 4px;margin-right:10px;border-radius:3px;font-size:14px;font-weight:normal}
    }


    
/**********************************************************************************************************************************************************************************************/
.candauoff {
    pointer-events:none;
    opacity:.5;/*background:#aaa;*/
    border-radius:4px;
    position:relative;
}
.candauoff::after {
    font-family: FontAwesome; /*"Font Awesome 5 Free";*/
    content: "\f05e"; /*f0a7*/
    position:absolute;top:4px;left:1.3em;
    transform: scale(1.5);
    color:red;
    display: inline-block;
    font-weight: 900;        
}

.qrVF {
    transform: scale(1.7);margin-left:4px;    
}
.qrVFa {
    transform: scale(1.3,1.5);margin-left:3px;
}