/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * LOGO * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

THARSOS
580000

MERLO
177F00

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

._LOGO {
    font-size: 20px;
}

h1.logo {
    background: no-repeat center/100% url(/components/com_gestionale/assets/images/_THARSOS/logo.svg);
    width: 50%;
    height: 100%;
}


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

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a {
    color: #22b8f0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background: #22b8f0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #22b8f0;
}

#offcanvas-toggler>i {
    color: #000000;
}

#offcanvas-toggler>i:hover {
    color: #22b8f0;
}

.btn-primary,
.sppb-btn-primary {
    border-color: #0faae4;
    background-color: #22b8f0;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #580000;
    background-color: #580000;
}

ul.social-icons>li a:hover {
    color: #22b8f0;
}

.sp-page-title {
    background: #22b8f0;
}

.layout-boxed .body-innerwrapper {
    background: #ffffff;
}

.sp-module ul>li>a {
    color: #000000;
}

.sp-module ul>li>a:hover {
    color: #22b8f0;
}

.sp-module .latestnews>div>a {
    color: #000000;
}

.sp-module .latestnews>div>a:hover {
    color: #22b8f0;
}

.sp-module .tagscloud .tag-name:hover {
    background: #22b8f0;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a,
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a:hover {
    background: #22b8f0;
}

.search .btn-toolbar button {
    background: #22b8f0;
}

.post-format {
    background: #22b8f0;
}

.voting-symbol span.star.active:before {
    color: #22b8f0;
}

.sp-rating span.star:hover:before,
.sp-rating span.star:hover~span.star:before {
    color: #0e9cd1;
}

.entry-link,
.entry-quote {
    background: #22b8f0;
}

blockquote {
    border-color: #22b8f0;
}

.carousel-left:hover,
.carousel-right:hover {
    background: #22b8f0;
}

.sp-comingsoon body {
    background-color: #22b8f0;
}

.pagination>li>a,
.pagination>li>span {
    color: #000000;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: #000000;
}

.pagination>.active>a,
.pagination>.active>span {
    border-color: #22b8f0;
    background-color: #22b8f0;
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: #22b8f0;
    background-color: #22b8f0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * LOGIN * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._LOGIN {
    font-size: 20px;
}

#sfondo_th01 {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/sfondo04.png);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
}


/********************************************** FORM */

#formContainer {
    width: inherit;
}

#form1 {
    width: 370px;
    height: 600px;
    position: relative;
    margin-left: 50% !important;
    left: -180px !important;
    background: #fff;
    box-shadow: 2px 2px 6px #616161;
    border-radius: 3px;
    padding: 20px 20px 40px 20px;
    margin-top: 110px;
    margin-bottom: 110px;
    text-align: center;
    color: #580000;
}

#form2 {
    width: 370px;
    height: 550px;
    position: relative;
    margin-left: 50% !important;
    left: -180px !important;
    background: #580000;
    box-shadow: 2px 2px 6px #616161;
    border-radius: 3px;
    padding: 20px 20px 40px 20px;
    margin-top: 110px;
    margin-bottom: 110px;
    text-align: center;
    color: #fff;
}

#btnRegistrati {
    width: 206px;
    height: 34px;
}

.center-block {
    display: table;
    /* Instead of display:block */
    margin-left: auto;
    margin-right: auto;
}

#logo_login {
    position: relative;
    width: 100%;
    height: 100px;
    background: url(/components/com_gestionale/assets/images/_THARSOS/logo.svg) no-repeat center center;
    background-size: contain;
}

#logo_login_2 {
    position: relative;
    width: 100%;
    height: 100px;
    background: url(/components/com_gestionale/assets/images/_THARSOS/logo_white.svg) no-repeat center center;
    background-size: contain;
}

.area_discente {
    text-align: center;
    /*   text-transform: uppercase; */
    font-size: 16px;
    /*   margin-bottom: 10px; */
}

.utenteRegistrato {
    margin-top: 30px;
}

.validate-password {
    width: 250px;
    background-color: #fff1ea;
}

.btn_login {
    background: #580000;
    border-radius: 10px;
    width: 150px;
    height: 60px;
    position: relative;
    margin-top: 15px;
    margin-left: 50%;
    left: -75px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 18px;
}

.btn_login_2 {
    background: #580000;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 150px;
    height: 60px;
    position: relative;
    margin-top: 15px;
    margin-left: 50%;
    left: -75px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 18px;
}

.btn_login:hover,
.btn_login_2:hover {
    background: #580000;
}

.txtBox {
    display: block;
    color: #580000;
    font-size: 12px;
}


/*
.txtBox_red {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 300px;
    margin-left: 50%;
    left: -150px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
	background-color: #580000;
}
*/

.txtBox_red_1 {
    /* box */
    position: absolute;
    border-top: 1px solid #fff;
    background: #580000;
    bottom: -50px;
    left: 0px;
    width: 100%;
    height: 50px;
    border-radius: 0px 0px 3px 3px;
    cursor: pointer;
    font-weight: bold;
    text-align: left;
}

.txtBox_red_2 {
    /* text */
    display: block;
    position: relative;
    top: 3px;
    margin-left: 100px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    line-height: 1.5em;
}

.txtBox_red_3 {
    /* icona */
    position: relative;
    margin-left: 25px;
    height: 45px;
    width: 45px;
    float: left;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_help.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.txtBox_red_1 a:hover,
.txtBox_red_1 a {
    color: #fff;
}


/********************************************** IUBENDA */

.iubenda {
    position: absolute;
    bottom: -75px;
    background: none;
    width: 300px;
    margin-left: 50%;
    left: -150px;
    /* 	border-top: 1px solid #580000 ; */
}

.iubenda-th {
    padding: 2px 5px 3px 5px;
    border: 0px solid #580000;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    color: #580000;
}


/********************************************** NUOVO UTENTE? */

#nuovo_utente_1 {
    /* box */
    position: absolute;
    background: #580000;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    border-radius: 0px 0px 3px 3px;
    cursor: pointer;
}

#nuovo_utente_2 {
    /* text */
    display: block;
    position: relative;
    top: 30px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    font-size: 1.4em;
    font-weight: bold;
}

#nuovo_utente_3 {
    /* icona */
    position: relative;
    height: 100px;
    width: 100px;
    float: left;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/login_nuovo_utente.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

#utente_registrato_1 {
    /* box */
    position: absolute;
    border-top: 1px solid #fff;
    background: #580000;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    border-radius: 0px 0px 3px 3px;
    cursor: pointer;
}

#utente_registrato_2 {
    /* text */
    display: block;
    position: relative;
    top: 30px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    font-size: 1.4em;
    font-weight: bold;
}

#utente_registrato_3 {
    /* icona */
    position: relative;
    height: 100px;
    width: 100px;
    float: left;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/login_utente_registrato.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}


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


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * LOGOUT - HOME * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._LOGOUT-HOME {
    font-size: 20px;
}

h1.txtHeader {
    padding-bottom: 30px;
    padding-top: 30px;
    text-transform: uppercase;
}

#paginaHome {
    position: relative;
    display: block;
    height: 900px;
    width: 100%;
}

#pulsante_esci {
    position: relative;
    z-index: 200;
    top: 200px;
    width: 100%;
    height: 200px;
    left: 30%;
    margin-left: -140px;
}

.esci,
.esci:focus {
    width: 100px;
    height: 100px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    border: none !important;
    background-color: #580000 !important;
}

#logo_esci {
    position: relative;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/logo_white.png) no-repeat center center;
    background-size: contain;
}

#testo_home {
    position: relative;
    top: 100px;
    width: 100%;
    margin: auto;
    text-align: center;
    /*     color: #580000; */
}

#icona_esci {
    position: relative;
    width: 60px;
    height: 60px;
    margin-bottom: 0px;
    left: 50%;
    margin-left: -30px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/Esci.png) no-repeat center center;
    background-size: contain;
}

#box_home {
    position: relative;
    z-index: 200;
    top: 150px;
    width: 70%;
    margin: auto;
    height: 300px;
    border: 1px red solid;
}

.fa-chalkboard-teacher {
    color: #580000;
    font-size: 16px;
    margin-right: 5px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* * * * * * * * * CSS PERSONALIZZATO THEL * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._CSS-GENERALE {
    font-size: 20px;
}

body {
    background-color: #f7f7f7 !important;
}

.cellaTab {
    padding: 5px !important;
}

.btn-group>.btn:first-child {
    /* 	border: 1px solid #ccc !important; */
}

.image {
    width: 50%;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-top: 0px;
}


/*  colore sfondo background body */

#sp-main-body,
#sp-page-title {
    background-color: #f7f7f7;
}


/* padding body */

#sp-main-body {
    padding: 0px;
}


/* Intestazione */

#sp-header {
    border-bottom: 1px solid #580000;
}


/* colore link */

a {
    color: #580000;
}

a:hover {
    color: #ec971f;
}

.listaHeader {
    font-weight: bold;
}


/* colore voci menu principale ********************/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffffff;
    box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    border: 1px solid #580000;
    border-top: 1px solid #ffffff;
    margin-top: -1px;
    border-radius: 0px 0px 10px 10px;
}

.sp-megamenu-parent>li.active>a {
    color: #580000;
    font-weight: bold;
}

.sp-megamenu-parent>li:hover>a {
    color: black;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #580000;
    font-weight: bold;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    background: #580000;
}


/* padding voci sottomenu */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    padding: 4px 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 20px 0;
}


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


/*********** CERCA **********************/

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #580000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #580000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #580000;
}


/* icone rotonde dimensione colore bordi - pulsante Azioni */

.actionButton {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-Radius: 40px;
    border: 0px;
}

.btnAzioni {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-Radius: 40px;
    border: 0px;
}

.btn_round {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-Radius: 40px;
    border: 0px;
}

.btn-primary,
.sppb-btn-primary {
    border-color: #fff;
    background-color: #580000;
}

.btn-primary:hover,
.sppb-btn-primary:hover,
.btn-primary:active,
.sppb-btn-primary:active,
.btn-primary:focus,
.sppb-btn-primary:focus,
.btn-primary:link,
.sppb-btn-primary:link {
    border-color: #fff !important;
}


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

.btn-success {
    color: #fff;
    border-color: #fff !important;
    background-color: #580000 !important;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    border-color: #fff !important;
    background-color: #830000 !important;
}

.btn-success:hover {
    color: #fff;
    border-color: #fff !important;
    background-color: #aa0000 !important;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #580000 !important;
    border-color: none !important;
}

.label-success {
    background-color: #580000;
}

.pulsantiFiltri {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

.fa-user-graduate,
.fa-download,
.fa-print,
.fa-pencil,
.fa-envelope,
.fa-times,
.fa-comments,
.fa-file,
.fa-hourglass,
.fa-trash,
.fa-refresh,
.fa-calendar,
.fa-ban,
.fa-mail-forward,
.fa-industry,
.fa-user {
    color: #580000;
    font-size: 18px;
    margin-right: 5px;
}

.fa-download{
    color: #ffffff;
}

/************************************************************
**** ACADEMY -> DISCENTI ************************************	 
*************************************************************/

._ACADEMY\DISCENTI {
    font-size: 20px;
}


/************************************************** CONTATORI */

.label_gruppi,
.label_discenti,
.contatore {
    position: relative;
    padding: 10px;
    margin-top: 30px;
    height: 50px;
}

.label_gruppi,
.label_discenti {
    text-align: right !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-size: 16px;
}

.contatore {
    text-align: left;
    color: #580000;
    font-size: 65px;
    font-weight: bold;
}


/*********************************************** GRAFICO TORTA */

#chart_div {
    position: relative;
    left: 0px;
    top: 0px;
    width: 410px;
    height: 270px;
    border: 1px solid #580000;
    margin-top: 15px;
    padding: 4px;
    border-radius: 6px;
    overflow: hidden;
}


/*********************************************** Tabella */

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
        text-align: left;
    }
}

#container_header a {
    display: inline-block !important;
}

#container_header,
#container_header_row {
    width: 100%;
    display: inline-block;
    font-weight: bold;
}

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


/*********************************************** tooltip fumetto a comparsa */

.ui-tooltip {
    background: #d49d32;
    padding: 10px 20px;
    color: white !important;
    border-radius: 5px;
    font: 12px;
    box-shadow: none !important;
}

.arrow:after {
    background: #d49d32;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: hidden;
}


/************ ICONA - DETTAGLIO DISCENTE *******************/

.ab1 {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/info_discente_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 2px;
}

.ab1:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/info_discente_UP.png);
}


/************ ICONA - INVIA UNA NOTIFICA AL DISCENTE ********/

.ab2 {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_crea_notifiche_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 2px;
}

.ab2:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_crea_notifiche_UP.png);
}


/************ ICONA - VEDI CORSI DEL DISCENTE ***************/

.ab3 {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/lente_bianca_on.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 2px;
}

.ab3:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/lente_bianca_UP.png);
}


/************ ICONA - Icona utente ghost ***************/

.ab4 {
    background-image: url("/components/com_gestionale/assets/images/discenti_academy/DiscenteFantasma.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
}


/****************************************** ELENCO CORSI */

.corsoTag {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/corsoTag.png);
    height: 55px;
    background-repeat: no-repeat;
}

.titoloCorso {
    color: #580000;
}

.corsoDettaglio {
    line-height: 90%;
    font-weight: bold;
}

.rowCorso {
    margin-top: 10px;
}

.table_row {
    border-bottom: 1px dashed #cacaca;
    padding: 5px !important;
}

.barre {
    margin-top: 0px;
}


/************************************ BARRA AVANZAMENTO (MENU AZIONI) */

.dropdown-menu {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    float: left;
    min-width: 180px;
    min-height: 180px;
    padding: 20px 0px 20px 0px;
    margin-left: -90px;
    margin-top: -15%;
    font-size: 0.94em;
    text-align: left;
    list-style: none;
    background: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #580000;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) / box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.ptBar {
    background-color: #580000;
    border-radius: 9px;
}


/* pulsante Rimuovi filtro ************************/

.btn-danger {
    color: #fff;
    background-color: #830000;
    border: none;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #830000;
}

.btn-danger:hover {
    color: #fff;
    background-color: #aa0000;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  Academy -> CORSI AULA * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._ACADEMY\CORSI_AULA {
    font-size: 20px;
}

.itemTitle {
    text-align: left;
    color: #580000;
    font-size: 65px;
    font-weight: bold;
}

.itemSubTitle1 {
    text-align: left;
    margin-top: -10px;
    color: #580000;
    font-size: 34px;
    font-weight: bold;
}

.itemSubTitle2 {
    text-align: left;
    margin-top: -5px;
    font-size: 18px;
    font-weight: bold;
}

.table_testata_CorsiAula {
    border-bottom: 1px solid #580000;
    margin-bottom: 10px !important;
    display: inline-block;
    padding: 5px !important;
}

.corso_codice {
    /* 	width: 10%; */
    font-weight: bold;
}

.corso_nome {
    line-height: 1.3em !important;
}

.cruscottoFiltri {
    /*  	background: #a3a3a3; */
    padding: 40px !important;
    margin-top: 5px;
    border: 3px solid #580000;
    border-radius: 10px;
    color: #580000;
    font-weight: bold;
    font-size: 1.5em;
}

.NuovaEdizioneCorsi {
    background-color: #ffb810;
    color: #580000;
    font-weight: bold;
    padding: 15px;
    text-align: center;
}

.NuovaEdizioneCorsi:hover {
    background-color: #ff9010;
    color: #580000;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  Academy -> ELENCO CLIENTI * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._ELENCO CLIENTI {
    font-size: 20px;
}

#div_filter {
    margin: 10px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  (Referente) -> CORSI * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._CORSI {
    font-size: 20px;
}


/******************************* ELENCO CORSI */

#container_header {
    /*   margin-bottom: 20px !important; */
    font-weight: bold;
}

.elementLine {
    display: inline-block;
    border-bottom: 1px dashed #cacaca;
    text-transform: uppercase;
    margin: 4px 0px;
}

.container0 {
    float: left;
    text-align: center;
    color: #333;
    line-height: 1.2em;
    padding: 5px;
}

.container1 {
    float: left;
    text-align: left;
    color: #333;
    line-height: 1.2em;
    padding: 5px;
}

#end_tabella {
    width: 100%;
    display: block;
    border-top: 1px solid #580000;
    position: absolute;
    bottom: 4px;
}


/******************************* Avanzamento */

.sliderStats {
    width: 175px;
}

.sliderFrame {
    width: 100%;
    height: 10px;
    background: #DDD;
    border-radius: 5px;
    margin-top: 5px;
}

.sliderFill {
    width: 200px;
    height: 10px;
    background: #580000;
    position: absolute;
    margin: 0;
    border-radius: 5px;
}

#completamento {
    color: #000;
    font-style: italic;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 12px;
}


/******************************* Scadenza */

.scadenza {
    /* 	font-weight: bold; */
}

.scaduto {
    color: #ba5200;
    padding: 2px 0px 2px 0px;
}


/******************************* ICONE CORSI */


/******************************* ICONA PLAY */

.avvia_corso {
    width: 40px;
    height: 40px;
    background-size: 40px 40px !important;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/play.png) no-repeat center center;
    left: 50%;
    margin-left: -20px;
}

.avvia_corso.corso_scaduto {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/playnondisponibile.png) no-repeat center center;
}

.avvia_corso.corso_non_attivo {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/playnondisponibile.png) no-repeat center center;
}


/******************************* ICONA DISPENSA */

.dispense {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/dispense.png) no-repeat center center;
}

.dispense.corso_scaduto {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/dispensenondisponibile.png) no-repeat center center;
}

.dispense.corso_non_attivo {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/dispensenondisponibile.png) no-repeat center center;
}


/******************************* ICONA QUIZ */

.quiz {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    cursor: pointer;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/quiz.png) no-repeat center center;
}

.quiz.corso_scaduto {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/quiznondisponibile.png) no-repeat center center;
}

.quiz.corso_non_attivo {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/quiznondisponibile.png) no-repeat center center;
}

.noquiz {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    margin-right: 5px;
    cursor: pointer;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/quiznondisponibile.png) no-repeat center center;
}

.noquizsuperato {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/quiznonsuperato.png) no-repeat center center;
}


/******************************* ICONA ATTESTATO */

.attestato {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/attestato.png) no-repeat center center;
    cursor: pointer;
}

.attestato:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/attestato_ON.png);
}

.attestato_nodownload {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/attestatonondisponibile.png) no-repeat center center;
}


/******************************* ICONA SEND MAIL */

.send {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/SEND_R.png) no-repeat center center;
    cursor: pointer;
}

.send:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/SEND_Y.png);
}

.no_send {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/SEND_G.png) no-repeat center center;
}


/******************************* ICONA GAMING */

.gaming {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/gaming.png) no-repeat center center;
    cursor: pointer;
}

.gamingspento {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/gamingspento.png) no-repeat center center;
}


/********** PAGINATION **************************/

ul.pagination-list {
    list-style-type: none !important;
    display: inline-block !important;
    width: 100% !important;
}

ul.pagination-list li {
    display: inline-block !important;
    margin: auto;
    line-height: 30px;
    font-size: 1.2em;
    padding: 0.1vh;
}

ul.pagination-list li a {
    vertical-align: text-bottom;
}

ul.pagination-list .active span {
    vertical-align: text-bottom;
}
ul.pagination-list .active {
    font-weight: 500;
    color: #580000;
}

.tail-select{
    width: 100%;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 5rem !important;
}

div.pagination {
    width: 100% !important;
    text-align: center;
    margin-left: -40px;
}

li span.icon-backward {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/pagination_backward.png) no-repeat center center;
}

li span.icon-step-backward {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/pagination_step-backward.png) no-repeat center center;
}

li span.icon-forward {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/pagination_forward.png) no-repeat center center;
}

li span.icon-step-forward {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/pagination_step-forward.png) no-repeat center center;
}


/****** FOOTER **************************/

._FOOTER {
    font-size: 20px;
}

#sp-footer {
    background: #f7f7f7 !important;
}

#menu_footer {
    background: #fff;
    /* 	background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 60%, rgba(251,251,251,0) 100%); */
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0px;
    z-index: 9999;
    padding: 0px;
    border-top: 1px solid #580000;
}

#menu_footer div {
    cursor: pointer;
}


/****** ICONE FOOTER **************************/

#contenitore_icone_footer {
    position: relative;
    width: 500px;
    left: 50%;
    margin-left: -250px;
}

#AddDiscente {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/invita_discente_on.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
    /* 	margin-top: 41px;  */
}

#massive_upload {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/upload_massivo.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
    /* 	margin-top: 41px;  */
}

#info_discente.spento {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/info_discente_off.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#info_discente.acceso {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/info_discente_on.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#crea_notifica_discente.spento {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_crea_notifiche_off.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#crea_notifica_discente.acceso {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_crea_notifiche_on.png) no-repeat top center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#help {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_help.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#exit {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_home.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
    /* 	margin-top: 41px;  */
}

#exit_footer {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/exit_footer.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
    /* 	margin-top: 41px;  */
}


/******************************* ICONE IUBENDA */

#iubendaDx {
    position: relative;
    bottom: 0px;
    margin-left: 50px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  (Referente) -> ISCRITTI * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._ISCRITTI {
    font-size: 20px;
}

.cestino {
    width: 40px;
    height: 40px;
    background-size: contain !important;
    margin: 0px 2px;
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/cestino.png);
    cursor: pointer;
}

.cestino:hover {
    background-image: url(../../../../components/com_gestionale/assets/images/_THARSOS/cestino_on.png);
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  LICENZE (FORMAZIONE) * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._LICENZE-FORMAZIONE {
    font-size: 20px;
}

#assegnaLicenzeAcliente,
#acquista {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/nuova_licenza.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  PROFILO * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._PROFILO {
    font-size: 20px;
}

#modifica {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/modifica.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

div.categories {
    text-align: right;
}

.profilo_sx {
    font-size: 18px;
    /* 	font-weight: bold; */
    text-align: right;
    color: #fff;
    float: left;
    clear: both;
    padding: 10px;
    background-color: #580000;
    border-bottom: 1px solid #fff;
}

.profilo_dx {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #000;
    padding: 10px;
}

#cf{
    text-transform: uppercase;
}

.container_profilo {
    margin: auto;
    position: relative;
    background: #fff;
    box-shadow: 2px 2px 6px #616161;
    border-radius: 3px;
    margin-top: 50px;
    padding: 0px !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  LICENZE (ACADEMY) * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._LICENZE-ACADEMY {
    font-size: 20px;
}

#assegna.spento {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/addDiscenteToGroup_off.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

#assegna.acceso {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/addDiscenteToGroup_on.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

.discenti_on,
.discenti_off {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_small_1.png) no-repeat 0 0;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-left: 5px;
}

.gruppi_off,
.gruppi_on {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/icona_small_2_off.png) no-repeat 0 0;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-left: 5px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  LICENZE (ADMIN) * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._LICENZE-ADMIN {
    font-size: 20px;
}

.estensione {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/estendi_off.png) no-repeat center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

.estensione.spento,
#richiediEstensione.spento {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/estendi_off.png) no-repeat center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}

.estensione.acceso,
#richiediEstensione.acceso {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/estendi_on.png) no-repeat center center;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  REGISTRATION * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._REGISTRATION {
    font-size: 20px;
}

#punto_interrogativo {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/punto_interrogativo.png) no-repeat 0 0;
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 25px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *  NOTIFICHE * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *	 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

._NOTIFICHE {
    font-size: 20px;
}

.iconaBusta {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 20px;
}

.iconaBustaChiusa {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/iconaBustaChiusa2.png);
    background-size: contain;
}

.iconaBustaAperta {
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/iconaBustaAperta2.png);
    background-size: contain;
}

.iconaCancellaNotifica {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 20px;
    background: url(../../../../components/com_gestionale/assets/images/_THARSOS/cestino.png);
    background-size: contain;
}

.cruscottoNotifiche {
    padding: 40px !important;
    margin: 5px 0px 15px 0px;
    border: 3px dotted #580000;
    border-radius: 10px;
    color: #580000;
    font-weight: bold;
    font-size: 1.5em;
}

.cercaNotifiche {
    position: relative;
    margin-top: 24px;
}

.cf {
    margin-left: 20px;
    margin-right: -20px;
}

.no-padding {
    padding: 0;
}

.filtro > [class*='col-'] > input,select{
    height: 4vh;
}
.selection > .select2-selection--single{
    height: 4vh;
}

.row > .col-md-3 > label{
    margin-bottom:auto;
}

.vertical-align-div,#select2-select_filter_clienti-container {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
li.dropdown-option{
    text-align: center !important;
}