.md-button.md-fab{
  height: 44px !important;
  width: 44px !important;
}

html{
    overflow-y: scroll;
    overflow-x: hidden;
}

td{
    cursor: inherit !important;
}

#footer{
  position: fixed;
  bottom: -5px;
  width: 100%;
  background-color: #D2D7D3;
  height: 20px;
  z-index: 10;
}

#footer-mask{
  position: fixed;
  bottom: -5px;
  width: 10%;
  z-index: 11;
  float: right;
  right: 35px;
}

#ideas{
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #D2D7D3;
  font-size: 35px;
  z-index: 30;
  padding-left: 15px;
  padding-top: 0px;
}

.siip-button-settings{
  font-size: 25px;
  background-color: white !important;
}

.siip-button-usuari{
  background-color: white !important;
  font-size: 18px;
  line-height: 18px !important;
  vertical-align: middle !important;
  text-align: center;
  font-weight: lighter;
}

.siip-exportacio-invisible{
  color: white !important;
}

.siip-link-no-css,.siip-link-no-css:hover,.siip-link-no-css:active{
    color: inherit;
    width: 100%;
}

.col-centered{
    float: none !important;
    margin: 0 auto !important;
}

.siip_noresultats{
    text-align: center;
    color: darkred;
}

.siip-home-panel{
    margin-top: 50px;
    background-color: #E6E9ED;
    padding: 25px;
}

.siip-home-item{
    opacity: 0.8;
    cursor: pointer;
}

.siip-home-item:hover{
    opacity: 1;
    cursor: pointer;
}

.siip-home-items-icon{
    font-size: 40pt !important;
    margin-left: -15px !important;
}

.siip-home-items-txt{
    text-align: center;
    font-size: 14pt !important;
    padding-bottom: 20px;
}

.siip-menu-item-icon{
    margin-top: 10px;
}

.siip-menu-item-txt{
    margin-left: 10px;
}

#siip-toolbar-general{
    /*display: none;*/
    /*margin-bottom: 25px;*/
}

#siip-breadcrumb-box{
    background-color: #EEEEEE;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.siip-breadcrumb-item{
    position: relative;
    float: left;
    padding-left: 5px;
}

.siip-breadcrumb-item > span > a{
    cursor: pointer;
    color: #9a9a9a;
}

#siip-submenu-box{
  background-color: #F5F5F5;
  margin-bottom: 25px;
  margin-top: -25px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 50px;
}

.siip-submenu-item{
  position: relative;
  float: left;
  margin-right: 35px;
}

.siip-submenu-item-selected{
  font-weight: bolder;
  text-decoration: underline;
}

.siip-toolbar-ini{
    color: white !important;
    background-color: white !important;
}

.siip-dialog-mask{
    position: absolute;
    height: 100%;
    top: 0px;
    background-color: rgba(255, 255, 255,0.9);
    display: none;
    width: 100%;
    right: 0px;
    z-index: 2;
}

/***************  GESTOR SOL·LICITUDS  ******************/
.siip-label-estat{
    text-align: center;
    margin-left: 30%;
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    font-weight: 600;
}

.siip-label-fase{
    text-align: center;
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    font-weight: 600;
}

.siip-multiple-buttons-box{
    display: none !important;
}

.siip-filtre-solicituds md-content {
    background-color: transparent !important;
}
.siip-filtre-solicituds md-content md-tabs {
    border: 1px solid #e1e1e1;
}
.siip-filtre-solicituds md-content md-tabs md-tab-content {
    background: #ECECEC;
}
.siip-filtre-solicituds md-tab-content {
    padding-bottom: 15px;
}
.siip-filtre-solicituds md-content md-tabs md-tabs-wrapper {
    background: white;
}

.siip-row-selected{
  background: #F5F5F5;
}

.siip-badge-tab-label{
  margin-top: -20px;
  font-size: 10px;
  padding: 2px 5px;
}

.siip-badge-chip{
  padding: 10px 25px;
  margin: 10px;
  border-radius: 16px;
  background-color: rgb(224,224,224);
  color: rgb(66,66,66);
}

.siip-badge-chip-opcJPO{
  padding: 6px 15px;
  margin-left: 8px;
  border-radius: 16px;
  background-color: rgb(224,224,224);
  color: rgb(66,66,66);
  font-size: 10px;
  margin-top: 3px;
}

.siip-badge-chip > .fa{
  margin: -4px 0px -10px 6px;
  font-size: 20px;
  position: absolute;
}

.siip-badge-chip-opcJPO > .fa{
  margin: -1px 0px -10px 6px;
  font-size: 12px;
  position: absolute;
}

.siip-badge-chip > .chip-no-activa,.siip-badge-chip-opcJPO > .chip-no-activa{
  opacity: 0;
}

.siip-badge-chip > .chip-activa,.siip-badge-chip-opcJPO > .chip-activa{
  opacity: 0.5;
}

.siip-datepicker-filtre{
    /*background-color: #ECECEC !important;*/
}

.siip-datepicker-filtre .md-datepicker-input-container .md-datepicker-input{
    /*background-color: #ECECEC !important;*/
}

.siip-completat-box{
  width: 100%;
  position:relative;
  float: left;
  background-color: #DADFE1;
  height: 10px;
}

/*****  NOVA SOL·LICITUD  ******/
.siip-configuracio-extra-box{
    border: 1px dashed silver;
    margin: 15px 0px;
    position: relative;
    float: left;
    padding: 10px 0px;
    width: 100%;
}
.siip-configuracio-extra-item{
    margin: 15px 30px;
}
.siip-configuracio-extra-label-box{
    position: relative;
    float: left;
    margin-right: 15px;
}
.siip-label-disabled{
    opacity: 0.5;
    /*background-color: #ABB7B7;*/
    background-color: gray !important;
}


/**** GESTOR INCIDÈNCIES ****/

.siip-cercle-gran{
    position: relative;
    float: left;
    border-radius: 50%;
  	width: 25px;
  	height: 25px;
    margin-right: 10px;
    margin-top: -3px;
}


/**** DIALOGS *****/

.siip-ajuda-button{
    margin-right: -20px !important;
    font-size: 13pt;
}

.siip-seguiment-textarea{
    width: 100%;
    border: 1px dashed silver;
    padding: 5px;
}

.siip-llegenda-box{
    padding: 25px 15px;
}

.siip-llegenda-item-box{
    position: relative;
    float: left;
    line-height: 16px;
    margin-right: 15px;
}

.siip-llegenda-item{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-right: 5px;
}

.siip-chip-curs-box{
    margin-top: -20px !important;
}

.siip-chip-curs-box-2{
    margin-top: 0px !important;
    margin-bottom: 15px;
}

.siip-chip-curs-box-2 > md-chips-wrap{
    box-shadow: 0 0px !important;
}

.siip-chip-curs{
    padding-right: 10px !important;
    font-size: 9pt !important;
}

.siip-chip-curs-2{
    font-size: 9pt !important;
}

.siip-highlight-autocompletar{
  color: #00B16A;
}

.siip-historic-unlock{
  color: #DADFE1;
}

.siip-historic-lock{
  color: #019875;
}

.siip-historic-td-lock{
  border-left: 0px !important;
}

.siip-historic-td-pre-lock{
  border-right: 0px !important;
}

.siip-cercle-petit{
  position: relative;
  float: left;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: 3px;
}

.siip-email-tracking-no{
  color: #B71C1C;
  opacity: 0.5;
}

.siip-email-tracking-no:hover{
  opacity: 1;
}

.siip-email-tracking-si{
  color: #2E7D32;
  opacity: 0.5;
}

.siip-email-tracking-si:hover{
  opacity: 1;
}

.siip-registre-email-table{
  background-color: #ECEFF1;
}

.siip-led{
  position: relative;
  float: left;
  border-radius: 50%;
	width: 15px;
	height: 15px;
}

.siip-led-enviament-erroni{
  background-color: #D32F2F;
}

.siip-led-enviament-no-obert{
  background-color: #FF8F00;
}

.siip-led-enviament-obert{
  background-color: #2E7D32;
}

.siip-led-enviament-pendent{
  background-color: #BDBDBD;
}

/****  CAMPANYES   ****/

.siip-campanya-estadistica-titol{
  text-align: center;
  background-color: #EEEEEE;
  margin-top: 10px;
  font-weight: 600;
  font-size: 19px;
  padding: 10px 0px;
}

.siip-campanya-estadistica-dada{
  font-size: 40px;
  text-align: center;
  font-weight: lighter;
  color: #616161;
  opacity: 0.8;
}

/****  ENVIAMENTS ESTADÍSTIQUES  ****/
.siip-estadistiques-widget-numeracio{
  font-size: 40pt;
  text-align: center;
  font-weight: bolder;
  color: #424242;
  margin-bottom: -20px;
}

.siip-estadistiques-widget-titol{
  font-size: 16pt;
  text-align: center;
  color: #424242;
}

/****  SETTINGS  ****/

.siip-settings-item{
  /*padding-bottom: 10px;
  padding-top: 10px;*/
}

.siip-settings-item-nom{
  line-height: 65px;
}




/****  PERSONALITZACIONS PER CENTRE   ****/

.siip-color-solid-1250, .siip-color-solid-1251{
    background-color: #005CB9 !important;
    color: white;
}

.siip-color-line-1250, .siip-color-line-1251{
    border-color: #005CB9 !important;
}

.siip-color-text-1250, .siip-color-text-1251{
    color: #005CB9 !important;
}

.siip-color-solid-1254{
    background-color: #026C56 !important;
    color: white;
}

.siip-color-line-1254{
    border-color: #026C56 !important;
}

.siip-color-text-1254{
    color: #026C56 !important;
}

.siip-color-solid-1255{
    background-color: #ED8221 !important;
    color: white;
}

.siip-color-line-1255{
    border-color: #ED8221 !important;
}

.siip-color-text-1255{
    color: #ED8221 !important;
}

.siip-color-solid-1256{
    background-color: #931F31 !important;
    color: white;
}

.siip-color-line-1256{
    border-color: #931F31 !important;
}

.siip-color-striped-1256{
  background: repeating-linear-gradient(
    45deg,
    rgba(147,31,49,1),
    rgba(147,31,49,1) 5px,
    rgba(147,31,49,0.7) 5px,
    rgba(147,31,49,0.7) 10px
  );
}

.siip-color-text-1256{
    color: #931F31 !important;
}

.siip-color-solid-1257{
    background-color: #DD2827 !important;
    color: white;
}

.siip-color-text-1257{
    color: #DD2827 !important;
}


.siip-color-solid-1258{
    background-color: #5C3083 !important;
    color: white;
}

.siip-color-text-1258{
    color: #5C3083 !important;
}

.siip-color-solid-1259{
    background-color: #4274B8 !important;
    color: white;
}

.siip-color-text-1259{
    color: #4274B8 !important;
}

.siip-color-solid-1260{
    background-color: #D36149 !important;
    color: white;
}

.siip-color-text-1260{
    color: #D36149 !important;
}

.siip-color-solid-1261{
    background-color: #009561 !important;
    color: white;
}

.siip-color-text-1261{
    color: #009561 !important;
}






/*****   PERSONALITZACIÓ ESTAT / MATRICULACIÓ (EN CALLOUT ES NÚMERIC)  *****/

.label-fase-informacio{
    background-color: #4A89DC;
    border-color: #4A89DC;
}

.label-fase-preinscripcio{
    background-color: #F89406;
    border-color: #F89406;
}

.label-fase-admes{
    background-color: #66CC99;
    border-color: #66CC99;
}

.label-fase-matriculacio{
    background-color: #8CC152;
    border-color: #8CC152;
}

.label-fase-renuncia{
    background-color: #DA4453;
    border-color: #DA4453;
}

.label-fase-espera{
    background-color: #8e44ad;
    border-color: #8e44ad;
}

.label-estat-correcte{
    background-color: #A0D468;
    border-color: #A0D468;
    cursor: default;
}



.bs-callout-0 {
    border-left-color: #A0D468 !important;
}
.bs-callout-0 h4 {
    color: #A0D468;
}

.label-estat-seguiment{
    background-color: #16A085;
    border-color: #16A085;
}

.bs-callout-1 {
    border-left-color: #16A085 !important;
}
.bs-callout-1 h4 {
    color: #16A085;
}


.label-estat-lleu{
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.bs-callout-2 {
    border-left-color: #F6BB42 !important;
}
.bs-callout-2 h4 {
    color: #F6BB42;
}

.label-estat-greu{
    background-color: #DA4453;
    border-color: #DA4453;
}

.bs-callout-3 {
    border-left-color: #DA4453 !important;
}
.bs-callout-3 h4 {
    color: #DA4453;
}

.label-incidencia-tancat{
    background-color: #95A5A6;
    border-color: #95A5A6;
}

.bs-callout-tancat-0{
   border-left-color: #95A5A6 !important;
}

.bs-callout-tancat-0 h4 {
    color: #95A5A6 !important;
}




.eg-button-group-align{
    float: right;
    margin-top: 35px;
}

/*.statictoolbar {
    position: fixed;
    z-index: 200;
}*/

/*.parentAngularText{
    position: relative;
}

.ta-toolbar{
    position: fixed;
    z-index: 200;
    width: 300px;
    top: 430px;
    background-color: white;
    padding: 15px 0px;
    right: 350px;
}

.ta-editor{
    width: 700px;
    position: relative;
}*/

.table-condensed>tbody>tr>td{
    vertical-align: middle;
}

.dl-horizontal-egestio>dt{
    width: 30%;
}
.dl-horizontal-egestio>dd{
    width: 70%;
}
.siip_input-label{
    color: #7f8c8d !important;
}
.md-select-placeholder, .siip_input_autocomplete_label>md-autocomplete>md-autocomplete-wrap>md-input-container>label{
    color: #7f8c8d !important;
    font-weight: bold;
}

.siip_msg_error{
    font-style: italic;
    font-size: 9pt;
}
.siip_msg_requerit{
    color: red;
}
.siip_msg_error_2{
    font-style: italic;
    font-size: 9pt;
    color: red;
    width: 100%;
    position: relative;
    float: left;
    padding: 0 15px;
}


.siip-toast{
    position: fixed;
    margin-top: 75px;
}

.siip-alerta-0{
    color: transparent;
}

.siip-alerta-1{
    color: #FFCDD2;
}

.siip-alerta-2{
    color: #E57373;
}

.siip-alerta-3{
    color: #D50000;
}

.siip-icona-seguiment{
    margin-top: 100%;
    display: inline-block !important;
}

.siip-modal-seguiment{
    height: 550px;
}

input[disabled]{
    color: black !important;
}

.siip-checkbox-cursos{
    width: 75px;
}

/*.siip-curs-prioritari>div>md-chip{*/
/*md-chip>div>.siip-curs-prioritari{*/
.siip-curs-prioritari{
  /*background-color: #86E2D5 !important;*/
  color:#CF000F !important;
}

.siip-historic-countup-header{
  font-size: 20pt;
  font-weight: lighter;
  text-align: center;
}

.siip-historic-countup{
  margin-top: -10px;
  text-align: center;
  font-size: 25pt;
  color: #424242;
}

.siip-planol-countup-header{
  font-size: 20pt;
  font-weight: lighter;
  text-align: right;
}

.siip-planol-countup{
  margin-top: -10px;
  text-align: right;
  font-size: 25pt;
  color: #424242;
}

/*********     NG-ANIMATE          **********/

.ng-hide-add, .ng-hide-remove {
    display: block !important;
}

.siip-slideUp-multi {
    transition: .5s linear all;
    height: 100px;
    overflow: hidden;
}

.siip-slideUp-filtre {
    transition: .5s linear all;
    height: 300px;
    overflow: hidden;
}
.siip-slideUp-filtre.ng-hide, .siip-slideUp-multi.ng-hide {
    height:0;
}


/*********    CSS SPINNER         **********/

@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
  -moz-animation: three-quarters-loader 1250ms infinite linear;
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 8px solid #005CB9;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}


/*****   PDF SOL·LICITUD INFORMACIÓ   *****/

.siip-wrap-solicitud-pdf{
    max-width: 730px;
}

.pdf-input-box{
    border: 1px solid silver;
    border-left-width:  5px;
    padding: 10px;
    font-family: Segoe UI;
    margin: 10px 0px 10px 0px;
}

.pdf-imput-block{
    padding-bottom: 10px;
}

.pdf-title-item{
    color: #656D78;
    font-size: 12px;
    margin-bottom: 5px;
}

.pdf-txt-item{
    color: black;
    font-size: 14px;
    margin-bottom: 0px;
}

.siip-pdf-header{
    margin: 25px 0 25px 0;
}

.siip-pdf-headet-txt{
    text-align: right;
    right: -45px !important;
}

.siip-pdf-header-h1{
    font-family: Segoe UI;
    font-size: 20pt;
    font-weight: 600;
}

.siip-pdf-header-sub{
    font-family: Segoe UI;
    font-size: 14pt;
    font-style: italic;
}

.siip-pdf-row-data{
    margin-bottom: 10px;
}



/*   ESTADISTIQUES    */

.siip-charts-card-header{
    background-color: #E6E9ED;
    color: #434A54;
    padding: 10px;
}

.siip-chart-sol-etapes + chart-legend > .doughnut-legend{
    margin-top: 15px;
}

.siip-mascara-card{
    position: absolute;
    float: left;
    z-index: 5;
    display: block;
    background-color: rgba(230, 233, 237,0.9);
    padding: 20px;
    display: none;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/*  CALLOUTS  */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

.la-line-scale,
.la-line-scale > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.la-line-scale {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-line-scale.la-dark {
    color: #333;
}

.la-line-scale > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-line-scale {
    width: 40px;
    height: 32px;
}

.la-line-scale > div {
    width: 4px;
    height: 32px;
    margin: 2px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-animation: line-scale 1.2s infinite ease;
       -moz-animation: line-scale 1.2s infinite ease;
         -o-animation: line-scale 1.2s infinite ease;
            animation: line-scale 1.2s infinite ease;
}

.la-line-scale > div:nth-child(1) {
    -webkit-animation-delay: -1.2s;
       -moz-animation-delay: -1.2s;
         -o-animation-delay: -1.2s;
            animation-delay: -1.2s;
}

.la-line-scale > div:nth-child(2) {
    -webkit-animation-delay: -1.1s;
       -moz-animation-delay: -1.1s;
         -o-animation-delay: -1.1s;
            animation-delay: -1.1s;
}

.la-line-scale > div:nth-child(3) {
    -webkit-animation-delay: -1s;
       -moz-animation-delay: -1s;
         -o-animation-delay: -1s;
            animation-delay: -1s;
}

.la-line-scale > div:nth-child(4) {
    -webkit-animation-delay: -.9s;
       -moz-animation-delay: -.9s;
         -o-animation-delay: -.9s;
            animation-delay: -.9s;
}

.la-line-scale > div:nth-child(5) {
    -webkit-animation-delay: -.8s;
       -moz-animation-delay: -.8s;
         -o-animation-delay: -.8s;
            animation-delay: -.8s;
}

.la-line-scale.la-sm {
    width: 20px;
    height: 16px;
}

.la-line-scale.la-sm > div {
    width: 2px;
    height: 16px;
    margin: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.la-line-scale.la-2x {
    width: 80px;
    height: 64px;
}

.la-line-scale.la-2x > div {
    width: 8px;
    height: 64px;
    margin: 4px;
    margin-top: 0;
    margin-bottom: 0;
}

.la-line-scale.la-3x {
    width: 120px;
    height: 96px;
}

.la-line-scale.la-3x > div {
    width: 12px;
    height: 96px;
    margin: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * Animation
 */
@-webkit-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-moz-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
           -moz-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
           -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-o-keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
             -o-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
             -o-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes line-scale {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4);
           -moz-transform: scaleY(.4);
             -o-transform: scaleY(.4);
                transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
           -moz-transform: scaleY(1);
             -o-transform: scaleY(1);
                transform: scaleY(1);
    }
}

/* ANIMATION */

.cssFade {
    transition: 0.5s linear all;
    opacity: 1;
}
.cssFade.ng-hide {
    opacity: 0;
}

/* WIDGETS */

.jqstooltip{
    width: 100px !important;
    height: 25px !important;
}

.siip-sparkline-box{
    padding: 10px 5px;
    height: 100px;
    color: white;
}

.siip-sparkline-title{
    position: relative;
    float: left;
    text-align: center;
    font-size: 40pt;
    font-weight: lighter;
    line-height: 40pt;
    margin-top: 0px !important;
    width: 100%;
}

.siip-sparkline-grafic-box{
    height: 100%;
    padding-top: 15px;
    padding-left: 5px;
}

.siip-sparkline-text-box{
    height: 100%;
    padding-top: 10px;
    padding-left: 0px;
}

.siip-sparkline-txt-data{
    text-align: center;
    font-size: 30pt;
    font-weight: 100;
}

.siip-sparkline-txt-data>h3{
    font-size: 30pt !important;
    font-weight: 100 !important;
    text-align: left;
}


.siip-sparkline-color-high-1{
    background-color: rgba(0, 105, 92, 1);
}

.siip-sparkline-color-low-1{
    background-color: rgba(0, 105, 92, 0.75);
}

.siip-sparkline-color-high-2{
    background-color: rgba(85, 139, 47, 1);
}

.siip-sparkline-color-low-2{
    background-color: rgba(85, 139, 47, 0.75);
}

.siip-sparkline-color-high-3{
    background-color: rgba(192, 57, 43, 1);
}

.siip-sparkline-color-low-3{
    background-color: rgba(192, 57, 43, 0.75);
}


.siip-sparkline-color-high-lleu{
    background-color: rgba(255, 143, 0, 1);
}

.siip-sparkline-color-low-lleu{
    background-color: rgba(255, 143, 0, 0.75);
}

.siip-sparkline-color-high-greu{
    background-color: rgba(198, 40, 40, 1);
}

.siip-sparkline-color-low-greu{
    background-color: rgba(198, 40, 40, 0.75);
}

.siip-widget-top-num-wrap{
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.siip-widget-top-num{
    padding: 10px 0px 0px 14px;
    font-size: 14pt;
    color: white;
    top: 7px;
    position: relative;
}

/*  ESTADISTICAS  */

.siip-nav-selected-item{
  border-bottom: 2px solid #03A678;
}

/*  APP CONTINUÏTAT  */

.app-box-grafic-lineal{
  background-color: #bdc3c7;
  height: 25px;
  width: 100%;
  margin: 25px 0px;
}

.app-grafic-lineal-llegenda-color{
  position: relative;
  float: left;
  height: 25px;
  width: 25px;
}

.app-grafic-lineal-llegenda-color-xs{
  position: relative;
  float: left;
  height: 25px;
  width: 15px;
}

.app-grafic-lineal-llegenda-txt{
  position: relative;
  float: left;
  line-height: 25px;
  margin-left: 10px;
  margin-right: 15px;
}
.app-grafic-lineal-llegenda-txt-xs{
  position: relative;
  float: left;
  line-height: 25px;
  margin-left: 10px;
  font-size: 9pt;
}

.app-grafic-lineal-item{
  position: relative;
  float: left;
  height: 100%;
}

.app-grfic-lineal-item-sense-resposta, .siip-label-continuitat-{
  background-color: #bdc3c7;
}

.app-grfic-lineal-item-si, .siip-label-continuitat-Si{
  background-color: #29b865;
}

.app-grfic-lineal-item-no, .siip-label-continuitat-No{
  background-color: #c0392b;
}

.bs-callout-continuitat-alumne-{
  border-left-color: #v !important;
}

.bs-callout-continuitat-alumne-Si{
  border-left-color: #29b865 !important;
}

.bs-callout-continuitat-alumne-No{
  border-left-color: #c0392b !important;
}

/*.bs-callout-continuitat-alumne h4{
  color: #A0D468;
}*/

.siip-continuitat-alumne{
  padding-bottom: 10px;
}

.siip-card-alert-box{
  border-color: #c0392b;
  border-style: dashed;
  border-width: 1px;
  padding: 10px;
}


.siip-label-type-button{
  padding: 10px;
  font-size: 10pt;
  width: 100%;
  position: relative;
  float: left;
}

/*LEAFLET - PERSONALITZACIÓ*/

.marker-cluster-small.marker-cluster-1254{
  background-color: rgba(2, 108, 86, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1254 div{
  background-color: rgba(2, 108, 86, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1254{
  background-color: rgba(2, 108, 86, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1254 div{
  background-color: rgba(2, 108, 86, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1254{
  background-color: rgba(2, 108, 86, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1254 div{
  background-color: rgba(2, 108, 86, 1) !important;
}

.marker-cluster-1254 div span{
  color: white !important;
}




.marker-cluster-small.marker-cluster-1255{
  background-color: rgba(237, 130, 33, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1255 div{
  background-color: rgba(237, 130, 33, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1255{
  background-color: rgba(237, 130, 33, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1255 div{
  background-color: rgba(237, 130, 33, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1255{
  background-color: rgba(237, 130, 33, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1255 div{
  background-color: rgba(237, 130, 33, 1) !important;
}

.marker-cluster-1255 div span{
  color: white !important;
}




.marker-cluster-small.marker-cluster-1256{
  background-color: rgba(147, 31, 49, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1256 div{
  background-color: rgba(147, 31, 49, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1256{
  background-color: rgba(147, 31, 49, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1256 div{
  background-color: rgba(147, 31, 49, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1256{
  background-color: rgba(147, 31, 49, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1256 div{
  background-color: rgba(147, 31, 49, 1) !important;
}

.marker-cluster-1256 div span{
  color: white !important;
}



.marker-cluster-small.marker-cluster-1257{
  background-color: rgba(221, 40, 39, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1257 div{
  background-color: rgba(221, 40, 39, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1257{
  background-color: rgba(221, 40, 39, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1257 div{
  background-color: rgba(221, 40, 39, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1257{
  background-color: rgba(221, 40, 39, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1257 div{
  background-color: rgba(221, 40, 39, 1) !important;
}

.marker-cluster-1257 div span{
  color: white !important;
}


.marker-cluster-small.marker-cluster-1258{
  background-color: rgba(92, 48, 131, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1258 div{
  background-color: rgba(92, 48, 131, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1258{
  background-color: rgba(92, 48, 131, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1258 div{
  background-color: rgba(92, 48, 131, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1258{
  background-color: rgba(92, 48, 131, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1258 div{
  background-color: rgba(92, 48, 131, 1) !important;
}

.marker-cluster-1258 div span{
  color: white !important;
}


.marker-cluster-small.marker-cluster-1259{
  background-color: rgba(66, 116, 184, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1259 div{
  background-color: rgba(66, 116, 184, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1259{
  background-color: rgba(66, 116, 184, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1259 div{
  background-color: rgba(66, 116, 184, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1259{
  background-color: rgba(66, 116, 184, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1259 div{
  background-color: rgba(66, 116, 184, 1) !important;
}

.marker-cluster-1259 div span{
  color: white !important;
}



.marker-cluster-small.marker-cluster-1260{
  background-color: rgba(211, 97, 73, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1260 div{
  background-color: rgba(211, 97, 73, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1260{
  background-color: rgba(211, 97, 73, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1260 div{
  background-color: rgba(211, 97, 73, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1260{
  background-color: rgba(211, 97, 73, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1260 div{
  background-color: rgba(211, 97, 73, 1) !important;
}

.marker-cluster-1260 div span{
  color: white !important;
}



.marker-cluster-small.marker-cluster-1261{
  background-color: rgba(0, 149, 97, 0.2) !important;
}
.marker-cluster-small.marker-cluster-1261 div{
  background-color: rgba(0, 149, 97, 0.6) !important;
}

.marker-cluster-medium.marker-cluster-1261{
  background-color: rgba(0, 149, 97, 0.4) !important;
}
.marker-cluster-medium.marker-cluster-1261 div{
  background-color: rgba(0, 149, 97, 0.8) !important;
}

.marker-cluster-large.marker-cluster-1261{
  background-color: rgba(0, 149, 97, 0.6) !important;
}
.marker-cluster-large.marker-cluster-1261 div{
  background-color: rgba(0, 149, 97, 1) !important;
}

.marker-cluster-1261 div span{
  color: white !important;
}