.text-xx{
    color:pink
}

.btn-xx{
    background-color: pink;
}


/* HEADER PERSONALIZZATA */
/*background header */
.header-gsl {
    background-color: #2196F3 !important
}
/*colore font */
.header-nav-profile .dropdown.open {
    color: #313534;
}

/*colore font profilo quando aperto */
#header.header-inverse {
    /*background: #242a31;*/
    color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
    .header-inverse .headerbar-left {
        background: #2196F3;
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

    .header-inverse .headerbar-right {
        background: #2196F3;
    }
}

/* FINE HEADER PERSONALIZZATA */

.active-gsl {
    background-color: #2196F3;
    color: white;
}
/*.menubar-gsl::before {
    background-color: #3498db !important;
}*/
/* verde #4caf50*/
/* blu #2196F3*/
/* slider */
.ui-slider .ui-slider-handle {
    background: #2196F3;
}
/* slider */
    .ui-slider .ui-slider-handle:focus,
    .ui-slider .ui-slider-handle.ui-state-hover {
        outline: none;
        -webkit-box-shadow: 0px 0px 0px 7px #2196F3;
        box-shadow: 0px 0px 0px 7px #2196F3;
    }

/* dashboard su menu */
.gui-controls li.active > a .title {
    color: #2196F3;
}

/* icona dashboard su menu */
.gui-controls a.expanded .gui-icon,
.gui-controls li.active .gui-icon,
.gui-controls li.active .gui-icon:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #2196F3;
}

/* label input */
.form-group .form-control:focus ~ label {
    color: #2196F3;
    opacity: 1;
}
/* input */
.form-group .form-control ~ label:after,
.form-group .form-control ~ .form-control-line:after {
    background-color: #2196F3;
}

/** Switch
 -------------------------------------*/

.switch input {
    position: absolute;
    opacity: 0;
}

/**
 * 1. Adjust this to size
 */

.switch {
    display: inline-block;
    font-size: 25px; /* 1 */
    height: 1em;
    width: 2em;
    background-color: #E5E6E6;
    border-radius: 1em;
}

    .switch div {
        height: 1em;
        width: 1em;
        border-radius: 1em;
        background: #FFF;
        box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        transition: all 300ms;
    }

    .switch input:checked + div {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        background-color: #4caf50
    }

a span.title {
    font-size: 15px;
}

@media (max-width: 940px) {
    .responsive-tabs {
        max-height: 50px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .responsive-tabs ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 1000px;
            height: 50px;
        }

            .responsive-tabs ul li a {
                /*width:160px*/
            }
}

.tronca-stringa {
    width: 100%; /* Imposta la larghezza massima del contenitore */
    white-space: nowrap; /* Impedisce al testo di andare a capo */
    overflow: hidden; /* Nasconde il testo che supera la larghezza */
    text-overflow: ellipsis; /* Aggiunge i tre puntini "..." alla fine del testo */
}

/*scroll dell'autocomplete*/
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}