/*  
#a31217  |  Base
#cc161a  |  Base + chiaro
#de1f25  |  Base + + chiaro
#800e12  |  Base + scuro
#B5AAAA  |  Grigio
#C1B9B9  |  Grigio + chiaro
#E5E0E0  |  Grigio + + chiaro
#ACA2A2  |  Grigio + scuro
*/
/* logo */

.logo img {
    width: 120px;
    margin-top: 13px;
}
#logo-cnh img{
    margin-top:0 !important;
    width:160px !important;
}

/* color */

.head,
.search-box,
.cs-select ul span,
.navigator li span:last-child,
.payment .cs-select,
.payment-options label a,
.dati-utente,
.badge,
.popup h2,
.select-lang,
.select-style {
    /*BASE*/
    
    color: #a31217;
}

.search-filter span,
.code-search span,
.add-fields form > ul > li > span,
.in-cart form span,
.data-grid li span:first-child,
.payment-grid li span:first-child,
.span-title,
.user-grid span,
.track-grid span:first-child {
    /*GRIGIO*/
    
    color: #B5AAAA;
}

.add-fields input,
.cs-select,
.in-cart input {
    /*BASE + CHIARO*/
    
    color: #cc161a;
}

.terms-head label a,
.user-grid .select-style {
    /*BASE + + CHIARO*/
    
    color: #de1f25;
}
/* background */

.main ul,
.src-drop,
.search-buttons a,
.navigator li.active span:first-child,
.navigator li.active:before,
.cart-menu,
.user-menu,
.item .add,
.in-cart .delete,
.data .edit,
.user .add,
.user .save,
.payment .shipping-cost,
.payment-end,
.edit-default,
.btn1,
.generic-button {
    /*BASE*/
    
    background: #a31217;
}
.pagination{
  background: #a31217;
}


.main a.active,
.main a:hover,
.item .pricelist,
.purchase .pricelist,
.purchase .add,
.in-cart .edit,
.nav-buttons .indietro,
.data .edit:hover,
.user .add:hover,
.user .save:hover,
.in-cart .delete:hover,
.user .delete,
.payment .shipping-cost:hover,
.payment-end:hover,
.blue-menu a,
.edit-default:hover,
.btn1:hover,
.btn2,
.generic-button:hover {
    /*BASE + CHIARO*/
    
    background: #cc161a;
}

.navigator li:before,
.navigator li span:first-child,
.nav-buttons .avanti,
.item .pricelist:hover,
.item .add:hover,
.in-cart .edit:hover,
.user .delete:hover,
.add-fields .add:hover,
.blue-menu a:hover,
.btn2:hover,
.pagination li:hover,
.pagination li.active {
    /*BASE + + CHIARO*/
    
    background: #de1f25;
}

.view-preview,
.purchase .request {
    /*GRIGIO*/
    
    background: #B5AAAA;
}

.pricelist-head,
.generic-head,
.mobile-title{
    /*GRIGIO + CHIARO*/
    
    background: #C1B9B9;
}

.generic-alert{
    /* GRIGIO + + CHIARO*/
    background:#E5E0E0;
}

.cs-options {
    background: #fff;
}
/*border*/

.badge {
    /*BASE*/
    
    border-color: #a31217;
}

.active .badge,
.main li:hover .badge,
.purchase .add {
    /*BASE + CHIARO*/
    
    border-color: #cc161a;
}

.purchase .add:hover{
    border-color:#de1f25;
}

.pricelist-head li:first-child {
    /*GRIGIO + SCURO*/
    
    box-shadow: 1px 0 #ACA2A2;
}
.generic-alert{
    /* GRIGIO + CHIARO */
    box-shadow:0px 0px 0px 1px #C1B9B9;
}
.generic-alert .margins:last-child{
    /* GRIGIO + CHIARO */
    border-color:#C1B9B9;
}
/*/ Apro responsive desktop
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
---------------------------
----------------------- /*/

@media (min-width: 769px) {
    /* logo */
    
    .logo img {
        width: 170px;
        margin-top: 0px;
    }
    /* color */
    
    .main ul {
        /*BASE*/
        
        color: #a31217;
    }
    .main a.active,
    .main a:hover {
        /*BASE + + CHIARO*/
        
        color: #de1f25;
    }
    .search-box,
    .code-search span,
    .search-box .cs-select,
    .last-col .desktop-title,
    .bought-col .desktop-title,
    .badge {
        color: #fff;
    }
    /* background */
    
    .main ul,
    .main a.active,
    .main a:hover,
    .search .cs-select,
    .code-search input[type="text"],
    .search-buttons a {
        background: none;
    }
    .search-box,
    .main-select option {
        /*BASE*/
        
        background: #a31217;
    }
    .badge {
        /*BASE + + CHIARO*/
        
        background: #de1f25;
    }
    .last-col .desktop-title {
        /*GRIGIO*/
        
        background: #B5AAAA;
    }
    .purchase .pricelist,
    .bought-col .desktop-title {
        /*GRIGIO + CHIARO*/
        
        background: #C1B9B9;
    }
    /* border */
    
    .badge,
    .main li:hover .badge,
    .active .badge {
        border-color: #fff;
    }
    .desktop-title .x1,
    .desktop-title .x2 {
        /*GRIGIO + SCURO*/
        
        border-color: #ACA2A2;
    }
    .in-cart .edit {
        /*BASE*/
        
        border-color: #a31217;
    }
    .in-cart .delete {
        /*BASE + SCURO*/
        
        border-color: #800e12;
    }
    .last-col .desktop-title {
        /*GRIGIO + SCURO*/
        
        box-shadow: 1px 0 #ACA2A2;
    }
    /* chiudo responsive desktop*/
}
