:root {
    --bianco: #FFF;
    --defaultFont: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    --secondFont: 'Fjalla One', sans-serif;
    --osvaldoFont: 'Oswald', sans-serif;
    --newFont: 'Europa', sans-serif;
    --size14: 14px;
    --size16: 16px;
    --upperCase: uppercase;
   
    --colore-alternativo-tras: rgba(218, 228, 227, 0.25);
    --color-success: rgba(2, 188, 119, 1);
    --color-success-tras: rgba(2, 188, 119, 0.3);
    --color-danger: rgba(231, 76, 60, 1);
    --color-danger-tras: rgba(231, 76, 60, 0.3);
    --color-warning: rgba(241, 196, 15, 1);
    --color-warning-tras: rgba(241, 196 15, 0.3);
    --color-silver: rgba(192, 192, 192, 1);
    --color-silver-tras: rgba(192, 192, 192, 0.3);
    --color-gold: rgba(255, 215, 0, 1);
    --color-gold-tras: rgba(255, 215, 0, 0.3);
    --color-bronze: rgba(205, 127, 50, 1);
    --color-bronze-tras: rgba(205, 127, 50, 0.3);
    --color-grey: rgba(41, 43, 44, 1);
    --color-grey-tras: rgba(41, 43, 44, 0.5);
    --colore-apple: #2189e6;
        --colore-android: #98ce00;
} 

/*
    --colore-primario: rgba(0, 0, 0, 1);
    --colore-primario-tras: rgba(82, 83, 94, 1);
    --colore-primario-tras: rgba(0, 0, 0, 0.5);
    --colore-primario-tras-tras: rgba(82, 83, 94, 0.5);
    --colore-alternativo: rgba(218, 228, 227, 1); 
    */

/** --------------------------------------------------------- BACKGROUND PRIMARIO  -------------------*/

.bg2{
    background-color: var(--colore-primario) !important;
}


/** --------------------------------------------------------- COLORE PRIMARIO  -------------------*/

#punti-text{
    color: var(--colore-primario)
}

/** --------------------------------------------------------- TOOLTIP  -------------------*/

.tooltip.top .tooltip-arrow,
.tooltip .tooltip-inner,
.tooltip.bottom .tooltip-arrow {
    background-color: var(--colore-primario) !important;
}

.tooltip .tooltip-inner {
    font-weight: 400;
    font-family: var(--size16);
}

.bs-tooltip-top .arrow::before,
.tooltip .arrow:before,
.bs-tooltip-auto[x-placement^="top"].arrow::before,
.bs-tooltip-auto[x-placement^="bottom"].arrow::before,
.bs-tooltip-auto[x-placement^="left"].arrow::before,
.bs-tooltip-auto[x-placement^="right"].arrow::before {
    border-top-color: var(--colore-primario) !important;
}


th a {
    color: rgb(33, 37, 41) !important
}

@media (min-width: 992px) {}

.nav-function-minify:not(.nav-function-top) .page-header [data-class=nav-function-minify] {
    background: var(--colore-primario);
    border-color: var(--color-4) !important;
}

.header-btn:hover,
.dropdown-icon-menu>ul>li .btn:hover {
    border-color: var(--colore-primario);
    background: var(--colore-primario);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--colore-primario) !important;
    background-color: #f3f3f3;
}

.colored,
.breadcrumbs a,
#footer-site a,
.user-detail {
    color: var(--color-5);
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    -webkit-box-shadow: inset 0 0 0px 1px var(--colore-primario-tras);
    box-shadow: inset 0 0 0px 1px var(--colore-primario-tras);
    background: var(--color-tras);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    background-color: var(--colore-primario-tras);
}

/**
	COLORE 1 
	COLORE Chiaro
*/



.dataTables_wrapper tr.child td.child .dtr-details:before {
    color: var(--colore-primario);
}

.dataTables_wrapper tr.child td.child .dtr-details:after {
    background: var(--colore-primario);
}

.breadcrumbs a,
#footer-site a {
    font-size: 12px;
}

.icon-btn-big {
    color: var(--colore-primario-tras);
    border: var(--colore-primario) 1px solid;
    background: linear-gradient(250deg, var(--colore-primario-tras), var(--colore-primario));
}

.bg-trans-gradient,
.modal-header {
    background: linear-gradient(250deg, var(--colore-primario-tras), var(--colore-primario));
    color:#FFF;
}

btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.form-control:focus,
.custom-control-input:checked~.custom-control-label::before,
.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-color: var(--colore-primario);
}

.btn-primary,
.swal2-styled.swal2-confirm {
    background: linear-gradient(250deg, var(--colore-primario-tras), var(--colore-primario));
    border-color: var(--color-primario);
}

.btn-primary {
    -webkit-box-shadow: 0 1px 3px 0px var(--colore-primario-tras) !important;
    box-shadow: 0 1px 3px 0 var(--colore-primario-tras) !important;
    border: var(--colore-primario) 1px  solid ;
}

.btn-primary:hover {
    color: #fff;
    background: linear-gradient(250deg, var(--colore-secondario), var(--colore-secondario));
    border: var(--colore-secondario) 1px solid;
}

.btn-outline-secondary {
    border-color: var(--colore-primario-tras);
    color: var(--colore-primario-tras);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    border-color: var(--colore-primario-tras);
    color: #FFF;
    background: linear-gradient(250deg, var(--colore-secondario-tras), var(--colore-secondario-tras));
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.has-length .input-group-text:not([class^=bg-]):not([class*=" bg-"]) {
    background: var(--colore-primario);
}


.custom-control-input:checked~.custom-control-label::before,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--colore-primario);
}

.has-length .input-group-text {
    border-color: var(--colore-primario);
}


.bg-brand-gradient,
.nav-footer,
.page-sidebar,
.page-logo {
    background-color: var(--colore-primario-tras)
}

.nav-menu li.active:not(.open)>a:before {
    color: var(--colore-primario-tras)
}

.nav-menu li a:hover {
    color: rgb(255, 255, 255);
    background-color: var(--colore-primario-tras)
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact)>li>ul>li a:after {
    background-color: var(--colore-primario);
    border: 1px solid var(--color-3)
}

.nav-menu b.collapse-sign {
    color: var(--colore-primario)
}

.bar {
    border: 10px solid var(--colore-primario-tras);
    border-bottom-color: var(--colore-primario);
    border-right-color: var(--colore-primario)
}

.pr-percent {
    color: var(--colore-primario-tras);
}

.pr-promo {
    background-color: var(--colore-primario);
}

/*
    Gestione Tooltip
*/

.tooltip.top .tooltip-arrow,
.tooltip .tooltip-inner,
.tooltip.bottom .tooltip-arrow {
    background-color: var(--colore-primario) !important;
}

.tooltip .tooltip-inner {
    font-weight: 400;
    font-family: var(--font-title);
}

.bs-tooltip-top .arrow::before,
.tooltip .arrow:before,
.bs-tooltip-auto[x-placement^="top"].arrow::before,
.bs-tooltip-auto[x-placement^="bottom"].arrow::before,
.bs-tooltip-auto[x-placement^="left"].arrow::before,
.bs-tooltip-auto[x-placement^="right"].arrow::before {
    border-top-color: var(--colore-primario) !important;
}

/*
    PULSANTI - LINK -ICONE
*/
/*
.btn-table .icona-custom,.btn-header .icona-custom{
    box-shadow: 0 1px 5px 0 var(--colore-primario), 0 1px 5px 0 var(--color-3);
} */


.btn-table .icona-custom:hover,
.btn-header .icona-custom:hover {
    background: -webkit-linear-gradient(to right, var(--colore-primario), var(--color-4));
    background: linear-gradient(to right, var(--colore-primario), var(--color-4));
    color: #FFF;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: var(--colore-primario);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.form-control:focus,
.custom-control-input:checked~.custom-control-label::before,
.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-color: var(--colore-primario);
}

.color-primary-500 {
    color: var(--colore-primario-tras);
}

.color-primary-300 {
    color: var(--colore-primario);
}

.colored,
.user-detail{
    color: var(--colore-primario);
}
.breadcrumbs a,
#footer-site a
{
    color: var(--colore-primario-tras);
}

.breadcrumbs a:hover,
#footer-site a:hover {
    color: var(--colore-primario);
}

/*
a {
   color: var(--colore-primario-tras) !important;
}
a:hover {
    color: var(--color-5) !important;
}*/

/* STATISTICHE  */

.stats-box-under-2 {
    background: var(--color-4);
}

.stats-box-under-3,
.stats-box-upper {
    background: var(--color-5);
}

.stats-box-overlay-blu {
    border: var(--colore-primario) 23px solid
}

.stats-box-overlay-green {
    border: var(--colore-primario-tras) 23px solid
}

.stats-border {
    border-bottom: var(--colore-primario-tras) 2px solid;
    margin-bottom: 0px;
}

.menu-text-hover {
    background: --(var-color-2) !important;
}

#promo-link,
#promo-menu,
.promo-link:hover,
.menu-text-hover {
    background: --(var-color-2);
    color: #FFF;
}

#promo-link:hover,
#promo-menu:hover,
.promo-link,
.promo-text-detail {
    background: --(var-color-1);
    color: #FFF;
}

.a-btn-big-pacchetto,
.a-btn-big-acquisto {
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-bottom: 20px;
}

.pulsante-new-home .pacchetto-desc {
    line-height: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #000;
}

.pulsante-new .pacchetto-desc,
.pulsante-new .icon-btn-big,
.pulsante-new {
    padding-top: 20px;
}

.pacchetto-desc {
    text-align: center;
    line-height: 25px;
    font-family: var(--font-title);
    padding: 0px 0px 10px 0px;
}



.pulsante-new .pacchetto-desc,
.pulsante-new .icon-btn-big,
.pulsante-new {
    padding-top: 10px;
}

.icon-btn-big {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 26px;
    padding-top: 10px;

}

.cat-small,
.cat-day {}

.cat-small,
.cat-day {
    color: var(--colore-primario-tras);
    border: var(--colore-primario) 1px solid;
    box-shadow: 0 1px 7px 0 var(--colore-primario), 0 1px 1px 0 var(--colore-primario);
}

#help-ghest:hover {
    background: var(--colore-primario);
    border: var(--colore-primario) 1px solid;
    box-shadow: 0 1px 7px 0 var(--colore-primario), 0 1px 1px 0 var(--colore-primario);
}

.section-selected,
.cat-small:hover,
.day-selected,
.cat-day:hover,
#help-ghest {

    background: var(--colore-primario-tras);
    color: #FFF;
    border: var(--colore-primario-tras) 1px solid;
    box-shadow: 0 1px 7px 0 var(--colore-primario-tras), 0 1px 1px 0 var(--colore-primario-tras);
}

.pulsante-new-home .desc-btn-big {
    font-size: 14px;
    padding-top: 10px;
    color: rgb(68, 68, 68);
}

.bg-categoria {
    border-bottom: var(--colore-primario-tras) 3px solid;
    background-size: cover;
}


.desc-btn-big {
    font-size: 19px;
}

.desc-btn-big {
    font-size: 19px;
}

.desc-btn-big {
    font-size: 16px;
    padding-top: 10px;
    display: block;
}

.punto-vendita-titolo {
    background: var(--colore-primario-tras);
    color: #FFF;
}

.punto-vendita-social {
    color: var(--colore-primario-tras)
}

.punto-vendita-social:hover {
    color: var(--colore-primario)
}

.punto-vendita-promo {
    background: var(--colore-primario-tras)
}

.punto-vendita-promo:hover {
    background: var(--colore-primario)
}

.row-punto-vendita-promo-titolo {
    background: var(--colore-primario-tras)
}

#help {
    background: var(--colore-primario);
}

#help:hover {
    background: var(--color-4);
}

#qrcode-ghest {
    border-radius: 20px;
    width: 150px;
    border: var(--color-5) 5px solid;
}

.btn-attive i,
.btn-attive span {

    color: var(--colore-primario-tras) !important
}

.show-storico {

    color: var(--colore-primario);
}

.show-storico:hover {

    color: var(--color-4);
}

.box-soglia-circle {
    background: var(--colore-primario) !important;
}

#box-slogia-line-colored,
#box-soglia-line-circle {
    background: var(--colore-primario-tras) !important;
}

.primary-small {
    width: 80px !important;
    padding: 3px;
    font-size: 10px;
}

.colore1 {
    color: var(--colore-primario)
}

.colore2 {
    color: var(--colore-primario-tras);
}

.colore3 {
    color: var(--color-3)
}

.colore4 {
    color: var(--color-4)
}

.bg1 {
    background-color: var(--colore-primario)
}

.bg2 {
    background-color: var(--colore-primario-tras)
}

.bg3 {
    background-color: var(--color-3)
}

.bg4 {
    background-color: var(--color-4)
}

#help {
    background: var(--colore-primario-tras);
}


#promo-link,
#promo-menu,
.promo-link:hover,
.menu-text-hover {
    background: var(--colore-primario-tras);
    color: #FFF;
}

#promo-link:hover,
#promo-menu:hover,
.promo-link,
.promo-text-detail {
    background: var(--colore-primario);
    color: #FFF;
}

.menu-text {
    color: #FFF;
}

.menu-text-hover {
    background: var(--colore-primario-tras) !important;
}

#promo-menu-0 {
    bottom: 82px;
}

#promo-text-0 {
    bottom: 92px;
}

#promo-menu-1 {
    bottom: 132px;
}

#promo-text-1 {
    bottom: 142px;
}

#promo-menu-2 {
    bottom: 182px;
}

#promo-text-2 {
    bottom: 192px;
}


.punto-vendita-titolo {
    background: var(--colore-primario-tras);
    color: #FFF;
}

.punto-vendita-social {
    color: var(--colore-primario-tras)
}

.punto-vendita-social:hover {
    color: var(--colore-primario)
}

.punto-vendita-promo {
    background: var(--colore-primario-tras)
}

.punto-vendita-promo:hover {
    background: var(--colore-primario)
}

.row-punto-vendita-promo-titolo {
    background: var(--colore-primario-tras)
}

.punto-vendita-prezzo {
    color: var(--colore-primario)
}

.link-grey {
    color: var(--color-grey);
    font-weight: 500;
}

.link-grey:hover {
    color: var(--colore-primario);
    text-decoration: underline !important;
}

.link-login a:hover{
    color: var(--colore-primario);
}

/* ---------------------------  ADD TO HOME ------------------------ */

.icona-add-android {
    border-color: var(--colore-android);
}

.icona-add-apple {
    border-color: var(--colore-apple);
}

.icona-add-android i {
    color: var(--colore-android);
}

.icona-add-apple i {
    color: var(--colore-apple);
}

.add-android-text,
.add-apple-text {
    border-bottom-right-radius: 10px;
    color: #FFF;
}

.add-android-text {
    background: var(--colore-android);
}

.add-apple-text {
    background: var(--colore-apple);

}


/*
.btn-primary {
    background: var(--colore-primario-tras) !important;
    border: none !important
}

.btn-primary:hover {
    background: var(--colore-primario)!important;
    border: none !important
}
    */