:root {
    --main-color: #c94640;
    --cta-color: #dab13d;
    --light-green: #88a350;
    --accent-color: #224732;
    --red-linear-gradient: linear-gradient(rgb(192, 51, 48), rgb(217, 14, 51));
    --neutralizer: #363636;

    /* Nuove costanti colore */
    --white: #ffffff;
    --white-alpha-30: rgba(255, 255, 255, 0.3);
    --white-alpha-10: rgba(255, 255, 255, 0.1);

    --main-color-soft: rgba(192, 51, 48, 0.1);

    --esp-bundle-color: #e76600;

    --list-red-bg: #e74c3c;
    --list-red-shadow: #e43725;
    --list-red-rgb: 228, 55, 37;
}

.settings-menu{
    background-color: var(--accent-color)!important;
}
.table-white a{
    color: var(--accent-color)!important;
}

.quick-actions .list{
    background: var(--cta-color);
}

.rest-api .grid4 .bubble,
.how-it-works .bubble, .how-it-works .bubble-right:before, .how-it-works .bubble-left:before, .how-it-works .bubble-bottom:before, .how-it-works .bubble-top:before{
    color: var(--main-color);
    background-color: var(--main-color-soft);
}
.how-it-works .grid4:hover .bubble{
    color: var(--main-color);
    background-color: var(--main-color-soft);
}
.rest-api .grid4 .bubble.green,
.how-it-works .bubble:after{
    color: var(--white);
    background-color: var(--main-color);
}

.new-nav,
.db-ong .db-bk,
.db-partner .db-bk,
.email-pack .icon figure{
    background: var(--main-color)!important;
}

.db-ong .db-bk .top-menu li.hover a,
.db-partner .db-bk .top-menu li.hover a{
    color: inherit;
}
.db-ong .db-bk .dropdown-box .panel li:hover,
.db-partner .db-bk .dropdown-box .panel li:hover{
    background-color: inherit;
}

.top-menu li.active > a,
.top-menu li.hasOptions:hover > a,
.text-blue,
.top-menu li a:hover,
.top-menu ul:hover li.active:hover > a,
.top-menu li.hover:hover > a,
.top-menu li.hover > a,
.db-ong .db-bk .top-menu ul:hover li.active > a,
/*.dropdown-box .panel li:hover a,*/
.top-menu li:hover.hasOptions:before, .top-menu li.hover.hasOptions:before,
.top-menu ul li.active:before,.top-menu ul li:before,
.top-menu li:hover > a
.top-menu li.active a:hover,
.top-menu li.hover ul.main li:hover a,
.top-menu ul:hover li.active:hover:before,
.db-ong .db-bk .top-menu li:hover.hasOptions:before, .db-ong .db-bk .top-menu li.hover.hasOptions:before, .top-menu ul:hover li.active:hover:before, 
.db-ong .db-bk .top-menu li.active > a, .db-ong .db-bk .top-menu:hover li.active > a, 
.db-ong .db-bk .top-menu:hover li.active:hover > a, 
.db-ong .db-bk .top-menu ul:hover li.active:hover > a,
.db-ong .db-bk .top-menu li.active > a, 
.db-ong .db-bk .top-menu li:hover > a,
.db-ong .db-bk .top-menu a:hover, 
.db-ong .db-bk .top-menu li.hover > a, 
.db-ong .db-bk .top-menu li.active:before,
.db-ong .db-bk .settings-menu .dropdown-box li:hover a, .db-ong .db-bk .settings-menu .dropdown-box a:hover,
.db-partner .db-bk .top-menu li:hover.hasOptions:before, .db-partner .db-bk .top-menu li.hover.hasOptions:before,
.db-partner .db-bk .top-menu li.active > a, .db-partner .db-bk .top-menu:hover li.active > a, .db-partner .db-bk .top-menu:hover li.active:hover > a,
.db-partner .db-bk .top-menu li.active > a, 
.db-partner .db-bk .top-menu li:hover > a,
 .db-partner .db-bk .top-menu a:hover, 
.db-partner .db-bk .top-menu li.hover a, .db-partner .db-bk .top-menu li.active:before,
.db-partner .db-bk .settings-menu .dropdown-box li:hover a, .db-partner .db-bk .settings-menu .dropdown-box a:hover,
.team-social a,
.bm-4-agency .text-blue{
    color: var(--main-color);
}
.top-menu ul:hover li.active > a{
    color: var(--white)!important;
}
.top-menu ul:hover li.active:hover > a{
   color: var(--main-color)!important;
}
.top-menu ul:hover li:hover .hasOptions .dropdown-box a,
.db-ong .db-bk .top-menu li:hover .dropdown-box a,
.db-partner .db-bk .top-menu li:hover .dropdown-box a{
    color: inherit;
}

.top-menu ul:hover li:hover .hasOptions .dropdown-box a:hover,
.top-menu li.hover a:hover,
.top-menu ul:hover li:hover > a,
.db-ong .db-bk .top-menu li.hover a:hover, .db-partner .db-bk .top-menu li.hover a:hover{
    color: var(--main-color);
}


.database-search-container, .database-promo,
.database-classification, .section.aboutPageBanner,
.ourPhilosohpyPageBanner, .section-contact,
#shoppingCartHeader
{
    background-color: var(--main-color);
    background-image: url('/images/png/various/xmass-pattern-3.png'), url('/images/png/various/xmass-pattern-2.png'), var(--red-linear-gradient)!important;
    background-attachment: scroll, fixed, fixed;
    background-repeat: repeat;
    background-size: auto;
}

.db-ong .aboutPageBanner, .db-ong .ourPhilosohpyPageBanner, .db-ong #shoppingCartHeader, .db-ong .section-contact, .db-ong .section.error,
.db-partner .homePageBanner .screen-blue, .db-partner .aboutPageBanner, .db-partner .ourPhilosohpyPageBanner, .db-partner #shoppingCartHeader, .db-partner .section-contact, .db-partner .section.error{
    background: var(--red-linear-gradient);

}

.email-pack .pack-item.icon .badge,
.price .badge-green{
    background-color: var(--accent-color)!important;
}

.homePageBanner,
.db-bk .homePageBanner,
.db-ong .homePageBanner,
.db-partner .homePageBanner{
    background-color: var(--main-color);
    background-image: url('/images/png/various/xmass-pattern-3.png'),  url('/images/png/various/xmass-pattern-2.png'), var(--red-linear-gradient);
    background-attachment: scroll, scroll, fixed;
    background-repeat: repeat;
    transition: background 0.4s ease-out;
    background-size: auto;
}

.homePageBanner .screen,
.db-bk .homePageBanner .screen,
.db-ong .homePageBanner .screen{
    background-color: transparent;
    background-image: url('/images/png/various/xmass-pattern-1.png');
    background-attachment: scroll;
    background-repeat: repeat;
    transition: background 0.4s ease-out;
    background-size: auto;
}


#icebergHolder .text-blue{
    color: var(--neutralizer)!important;
}
ul.nations .email-pack .icon figure {
    background-color: transparent!important;
}

/*Packs in caousel homepage*/
.top-panel.bg-blue,
a.carousel{
  background-color: var(--light-green)!important;
}
/* Pack rebon*/
.product .discountBubble,
.packInfo .badge-green,
.shoppingCart .shoppingCartItems td.price .badge.badge-green,
.discountBubble.esp_ok{
    background-color: var(--accent-color)!important;
}

.product .discountBubble:after,
.esp-item .discountBubble.esp_ok:after{
    border-color: transparent var(--accent-color)!important;
}
.discountBubble.esp_bundle{
    background-color: var(--esp-bundle-color)!important;
}
.esp-item .discountBubble.esp_bundle:after{
    border-color: transparent var(--esp-bundle-color)!important;
}

.top-menu li.requote,
.btn-blue, .btn-azure, .btn-skyblue,
 #carrello{
    background-color: var(--cta-color)!important;
}
.demoTable th, .table.blue thead tr,
.btn-orange, .btn-yellow{
    background: var(--cta-color)!important;
}
.ac-content{
    border-left: 3px solid var(--neutralizer);
}
.template-container .btn-skyblue{
    background: var(--main-color)!important;
}

.sconto-listino td{
    background-color: var(--main-color);
}


@media (max-width: 1024px){
    .top-menu > ul.flex,
    .top-menu li:hover {
        background-color: var(--main-color)!important;
    }
    .top-menu li {
        background-color: transparent;
        border-bottom: 1px solid var(--white-alpha-30);
    }
    .top-menu li:nth-child(5) > a,
    .top-menu li:hover a, .top-menu li.active a,
    .top-menu ul:hover li.active:hover > a,
    .db-ong .db-bk .top-menu ul:hover li.active > a,
    .dropdown-box .panel li:hover a,
    .top-menu ul li.active:before,
    .top-menu ul:hover li.active:hover:before{
        color: var(--white)!important;
    }
    .top-menu li:nth-child(5){
        background-color: var(--main-color)!important;
        color: var(--white);
    }
    .db-partner .db-bk .top-menu > ul.flex .dropdown-box ul,
    .db-ong .db-bk .top-menu > ul.flex .dropdown-box ul{
        background-color: transparent;
    }
    .db-ong .db-bk .top-menu > ul.flex li{
        border-color: var(--white-alpha-10);
    }
}

.list.blue .list-thumb, .ul.blue .ul-thumb,
.list.skyblue .list-thumb, .ul.skyblue .ul-thumb {
    background: var(--list-red-bg)!important;
}

.list.blue .long-shadow,
.list.skyblue .long-shadow{
    text-shadow: 
        0px 0px 0 var(--list-red-shadow),
        1px 1px 0 var(--list-red-shadow),
        2px 2px 0 var(--list-red-shadow),
        3px 3px 0 var(--list-red-shadow),
        4px 4px 0 var(--list-red-shadow),
        5px 5px 0 var(--list-red-shadow),
        6px 6px 0 var(--list-red-shadow),
        7px 7px 0 var(--list-red-shadow),
        8px 8px 0 var(--list-red-shadow),
        9px 9px 0 var(--list-red-shadow),
        10px 10px 0 var(--list-red-shadow),
        11px 11px 0 var(--list-red-shadow),
        12px 12px 0 var(--list-red-shadow),
        13px 13px 0 var(--list-red-shadow),
        14px 14px 0 var(--list-red-shadow),
        15px 15px 0 var(--list-red-shadow),
        16px 16px 0 var(--list-red-shadow),
        17px 17px 0 var(--list-red-shadow),
        18px 18px 0 var(--list-red-shadow),
        1px 1px 0 rgba(var(--list-red-rgb), 0.95),
        2px 2px 0 rgba(var(--list-red-rgb), 0.9),
        3px 3px 0 rgba(var(--list-red-rgb), 0.85),
        4px 4px 0 rgba(var(--list-red-rgb), 0.8),
        5px 5px 0 rgba(var(--list-red-rgb), 0.75),
        6px 6px 0 rgba(var(--list-red-rgb), 0.7),
        7px 7px 0 rgba(var(--list-red-rgb), 0.65),
        8px 8px 0 rgba(var(--list-red-rgb), 0.6),
        9px 9px 0 rgba(var(--list-red-rgb), 0.55),
        10px 10px 0 rgba(var(--list-red-rgb), 0.5),
        11px 11px 0 rgba(var(--list-red-rgb), 0.45),
        12px 12px 0 rgba(var(--list-red-rgb), 0.4),
        13px 13px 0 rgba(var(--list-red-rgb), 0.35),
        14px 14px 0 rgba(var(--list-red-rgb), 0.3),
        15px 15px 0 rgba(var(--list-red-rgb), 0.25),
        16px 16px 0 rgba(var(--list-red-rgb), 0.2),
        17px 17px 0 rgba(var(--list-red-rgb), 0.15),
        18px 18px 0 rgba(var(--list-red-rgb), 0.1),
        20px 20px 0 rgba(var(--list-red-rgb), 0)!important;
}

.list .list-thumb, .ul .ul-thumb {
    background: var(--cta-color)!important;
}

.list .long-shadow{
    text-shadow: 
        0px 0px 0 var(--cta-color),
        1px 1px 0 var(--cta-color),
        2px 2px 0 var(--cta-color),
        3px 3px 0 var(--cta-color),
        4px 4px 0 var(--cta-color),
        5px 5px 0 var(--cta-color),
        6px 6px 0 var(--cta-color),
        7px 7px 0 var(--cta-color),
        8px 8px 0 var(--cta-color),
        9px 9px 0 var(--cta-color),
        10px 10px 0 var(--cta-color),
        11px 11px 0 var(--cta-color),
        12px 12px 0 var(--cta-color),
        13px 13px 0 var(--cta-color),
        14px 14px 0 var(--cta-color),
        15px 15px 0 var(--cta-color),
        16px 16px 0 var(--cta-color),
        17px 17px 0 var(--cta-color),
        18px 18px 0 var(--cta-color),
        1px 1px 0 rgba(var(--list-red-rgb), 0.95),
        2px 2px 0 rgba(var(--list-red-rgb), 0.9),
        3px 3px 0 rgba(var(--list-red-rgb), 0.85),
        4px 4px 0 rgba(var(--list-red-rgb), 0.8),
        5px 5px 0 rgba(var(--list-red-rgb), 0.75),
        6px 6px 0 rgba(var(--list-red-rgb), 0.7),
        7px 7px 0 rgba(var(--list-red-rgb), 0.65),
        8px 8px 0 rgba(var(--list-red-rgb), 0.6),
        9px 9px 0 rgba(var(--list-red-rgb), 0.55),
        10px 10px 0 rgba(var(--list-red-rgb), 0.5),
        11px 11px 0 rgba(var(--list-red-rgb), 0.45),
        12px 12px 0 rgba(var(--list-red-rgb), 0.4),
        13px 13px 0 rgba(var(--list-red-rgb), 0.35),
        14px 14px 0 rgba(var(--list-red-rgb), 0.3),
        15px 15px 0 rgba(var(--list-red-rgb), 0.25),
        16px 16px 0 rgba(var(--list-red-rgb), 0.2),
        17px 17px 0 rgba(var(--list-red-rgb), 0.15),
        18px 18px 0 rgba(var(--list-red-rgb), 0.1),
        20px 20px 0 rgba(var(--list-red-rgb), 0)!important;
}