@charset "utf-8";

/* CSS Document

COLORI BASE DEL SITO:

Per le ancore e titoli: #202020
Per le sfumature del default button: #5C5C5C

Per gli hover e i selezionati: #428bca
Per le sfumature del primary button: #65A5DA

*/

body {
    background-color: #fafafa;
}

#login {
    background-color: #FF956B;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: #fff !important;
}

#login .corpo_pagina,
#login .mybox,
#login .mybox-titolo {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

#login .mybox-corpo {
    width: 340px;
    margin: auto;
    max-width: 100%;
}


#login .mybox-titolo h2 {
    color: #fff;
    font-size: 26px;
    letter-spacing: 5px;
}

#login .form-control {
    background: rgba(255, 255, 255, 0.30);
    border: none;
    border-radius: 5px;
}

#login .form-control:focus {
    background-color: #fff;
}

#login .pulsante_procedi {
    margin: 0px;
}

#login .btn {
    width: 100%;
    border: none;
    background-color: #E84D0F;
}

#login .btn:hover {
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
}


.nascosto {
    display: none;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-border {
    border: none !important;
}

.word_break {
    /* For Firefox */
    word-break: break-all !important;
    /* For Chrome and IE */
    word-wrap: break-word !important;
}


.space-xxs {
    padding: 4px;
}

.space-xs {
    padding: 8px;
}

.space {
    padding: 16px;
}

.space-lg {
    padding: 32px;
}

.centratore {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spacer {
    padding-bottom: 50px;
}

.pic_test input {
    font-size: 12px;
}

.ellipsi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.clearer {
    clear: both;
}

a:hover,
a:focus {
    text-decoration: none;
}

.link:hover span {
    text-decoration: none;
}

/* HEADER */

.header_c {
    /* background-color: #F1F1F1;*/
    margin-bottom: 20px;
    /* border-bottom: solid 1px #CCC; */
    /* border-top: solid 1px #CCC; */
}


.header {
    padding: 0px;
}


.header .nome_crm {
    float: left;
    margin: 0px;
    font-size: 17px;
    margin-top: 17px;
    /* font-family: 'Slabo 27px', serif; */
}

.header .nome_crm .fa {
    margin-right: 5px;
}

.header .sx.area_notifica li {
    display: block;
    line-height: 45px;
    height: 45px;
    border-left: 1px solid #E1E1E1;
    padding: 0;
    position: relative;
    float: left;
}

.sx.area_notifica {
    float: right;
}

.header .sx a {
    text-decoration: none;
    color: #ff9900;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
}


.header .sx.area_notifica a {
    padding: 0px 10px;
    color: #FFF;
}

.header .sx.area_notifica .purple a {
    /* background-color: #a94442; */
    color: #d15b47;
}

.header .sx.area_notifica .green a {
    color: #2e8965;
}

.header .sx.area_notifica .grey a {
    color: #333;
}

.header .sx.area_notifica .badge {
    position: relative;
    top: -4px;
    left: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

.badge-danger,
.badge-important,
.label-danger,
.label-important {
    background-color: #d15b47 !important;
}

.badge-stato-pending {
    background-color: #D0A215 !important;
}

.badge-stato-approvato {
    background-color: #879A39 !important;
}

.badge-stato-rifiutato {
    background-color: #D14D41 !important;
}

.badge-dipendente {
    background-color: #D4B46A !important;
    color: #FFF;
}

.badge-azienda_gruppo {
    background-color: #ff1100 !important;
    color: #FFF;
}


.badge-consorzio {
    background-color: #ff9900 !important;
    color: #FFF;
}

.badge-cottimista {
    background-color: #a4942A !important;
    color: #FFF;
}

.badge-ente_certificatore {
    background-color: #E674EC !important;
    color: #FFF;
}

.badge-cliente {
    background-color: #9cba90 !important;
    color: #FFF;
}

.badge-impresa_esecutrice {
    background-color: #7882AB !important;
    color: #FFF;
}

.badge-fornitore {
    background-color: #FF6949 !important;
    color: #FFF;
}

.badge-professionista {
    background-color: #FFC25A !important;
    color: #FFF;
}

.badge-ente_pubblico {
    background-color: #D624DC !important;
    color: #FFF;
}

.badge-discarica {
    background-color: #4D658D !important;
    color: #FFF;
}

/* FINE HEADER */

/* HEADER-TOP */

.header-top {
    background-color: #202020;
    color: #FFF;
}

.header-top .social-links li a {
    color: #FFF;
}

.header-top .social-links li:hover {
    background-color: #a2a2a2;
}

#header-top-second {
    text-align: right;
    padding-top: 7px;
}

.header-top-first .social-links .dropdown-menu {
    min-width: 0px;
    width: 109px;
    /* IMPOSTARE UN VALORE IN BASE AL NUMERO DI PULSANTI SOCIAL */
    background-color: #ccc;
}

#header-top-second .lingue a {
    display: inline-block;
    margin-right: 10px;
}

/* FINE HEADER-TOP */

#barra_sx {
    min-height: 550px;
    background-color: #fafafa !important;
    margin-bottom: 10px;
    padding: 10px;
    padding-bottom: 0px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #DDD;
    position: relative;
    top: -50px;

}

@media (max-width: 767px) {
    #barra_sx {
        min-height: 0px;
    }
}

#barra_sx .saluto_utente {
    background-color: transparent;
    margin: 10px -10px;
    padding: 5px;
    text-align: center;
    color: #444;
    font-size: 13px;
    position: relative;
    bottom: -50px;
}

#barra_sx .menu .nav.nav-list>li>a {
    font-size: 13px;
}

#barra_sx .menu .nav.nav-list>li.active>a {
    color: #E8A57D;
}

/* CONSENSO COOKIE */
#consenso_cookie {
    background-color: rgba(100, 100, 100, 0.6);
    font-size: 11px;
    padding: 10px;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999;
}

#consenso_cookie .container {
    max-width: 980px;
    margin: auto;
}

.pull-right {
    float: right;
}

.comandi_cookie a {
    margin-left: 10px;
    text-transform: uppercase;
    color: #FFF;
    display: inline-block;
    margin-top: 5px;
    font-size: 10px;
    padding: 5px 10px;
    min-width: 0px;
    background-color: #999;
    border: solid 1px #aaa;
}

.comandi_cookie a:hover,
.comandi_cookie a:focus,
.comandi_cookie a:active,
.comandi_cookie a.active {
    background-color: #666;
    border-color: #AAA;
}

h1.page-header {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #ccc;
    line-height: normal;
}

h1.page-header a {
    color: #ccc;
}

h1.page-header a:hover {
    text-decoration: underline;
}


.contenitore_privacy_cookie td {
    padding: 10px;
    font-size: 10px;
}

@media screen and (max-width: 400px) {
    /* PER SMARTPHONE */

    .contenitore_privacy_cookie {
        width: 100%;
        overflow: auto;
    }
}


.footer {
    padding-bottom: 80px;
}


/* FINE CONSENSO COOKIE */



/* SLIDER */
.tparrows.round:hover {
    background-color: #428bca;
}

.tp-bannertime {
    background-color: #428bca;
}

.tp-bannertimer {
    background-color: #428bca;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #428bca;
}

/* FINE SLIDER */


/* IOS_SLIDER */

#ios_slider {
    background-color: #F5F5F5;
    padding: 30px 0px;
    border: solid 2px #EEE;
}

.sliderContainer {
    height: 400px;
    max-height: 400px;
    padding: 0 0;
}

.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.iosSlider .slider {
    width: 100%;
    height: 100%;
}

.iosSlider .slider .item {
    width: 800px;
    height: 100%;
    padding: 0 0 0 0;
    text-align: center;
}


.iosSlider .slider .item .inner {
    position: relative;
    top: 0;
    left: 0;
    width: 95%;
    margin: 0 auto;
    height: 100%;
    box-shadow: 0 0 10px -5px #000;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.iosSlider .slider .item .inner img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    max-height: 100%;

}

.iosSlider .slider .item .inner .selectorShadow {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../_img/selector-shadow.png) no-repeat 0 0;
    width: 120px;
    height: 30px;
    display: none;
}

.iosSlider .slider .item .inner .text1 {
    background: none repeat scroll 0 0 #000000;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 100px;
    top: 30px;
    padding: 0 2px 0 7px;
    height: 75px;
    text-align: left;
}

.iosSlider .slider .item .inner .text1 span {
    color: #fff;
    font-size: 420%;
    font-weight: 100;
    line-height: 76px;
    padding: 0 8px;
}

.iosSlider .slider .item .inner .text1 span i {
    margin: 0 0 0 5px;
}

.iosSlider .slider .item .inner .text2 {
    background: none repeat scroll 0 0 #000000;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 10px 7px 7px;
    position: absolute;
    left: 100px;
    top: 115px;
    text-align: left;
    width: 80%;
}

.iosSlider .slider .item .inner .text2 .sottotitolo {
    display: block;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 120%;
    line-height: 120%;
    font-weight: 100;
    padding: 0 8px;
}

.sliderContainer .slideSelectors {
    position: relative;
    bottom: -17px;
    left: 0;
    width: 137px;
    margin: 0 auto;
    z-index: 1;
    height: 11px;
}

.sliderContainer .slideSelectors .prev {
    float: left;
    width: 11px;
    height: 11px;
    background: url(../_img/selector-prev.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .next {
    float: left;
    width: 11px;
    height: 11px;
    margin: 0 0 0 10px;
    background: url(risorse/selector-next.png) no-repeat 50% 0;
}

.sliderContainer .slideSelectors .item {
    float: left;
    width: 9px;
    height: 9px;
    background: #aaa;
    margin: 1px 1px 1px 11px;
    /* opacity: 0.25; */
    filter: alpha(opacity=25);
    border-radius: 10px;
}

.sliderContainer .slideSelectors .item.first {
    margin-left: 1px;
}

.sliderContainer .slideSelectors .selected {
    width: 11px;
    height: 11px;
    margin: 0 0 0 10px;
    background: #eee;
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: none;
}

.sliderContainer .slideSelectors .selected.first {
    margin-left: 0;
}

.sliderContainer .scrollbarContainer {
    position: relative;
    bottom: 4px;
    left: 0;
    width: 1024px;
    height: 4px;
    margin: 0 auto;
    z-index: 1;
}

@media screen and (max-width: 1200px) {

    .iosSlider .slider .item {
        width: 100%;
    }

    .iosSlider .slider .item .inner {
        width: 954px;
    }

    .sliderContainer .slideSelectors {}

}

@media screen and (max-width: 991px) {
    #ios_slider {
        display: none !important;
    }
}

/* FINE IOS_SLIDER */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666;
    /* font-family: 'Slabo 27px', serif; */
}


/* ANCORE HOVER */
a {
    color: #202020;
}

a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu .menu>.active>a,
.dropdown-menu .menu>.active>a:hover,
.dropdown-menu .menu>.active>a:focus .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #428bca;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #428bca;
    border-color: #428bca;
}


/* MENU */

#logo {
    margin: auto;
    max-height: 200px;
}

.navbar-default .navbar-nav>li {
    display: inline-block;
    float: none;
    width: 100%;
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    padding: 10px 5px;
    width: 100%;
    display: inline-block;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a.titoli_sx.active {
    color: #fff;
    background-color: #E8A57D;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus {
    color: #E8A57D;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #E8A57D;
}


.main-navigation .navbar-nav>.open>a,
.main-navigation .navbar-nav>.open>a:hover,
.main-navigation .navbar-nav>.open>a:focus {
    color: #428bca;
}


.navbar.navbar-default {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border-color: #428bca;
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #428bca;
}

.mega-menu .immagine_presentazione img {
    max-height: 150px;
    max-width: 150px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
}

.mega-menu .menu>li>a:hover,
.mega-menu .menu>li>a:focus {
    color: #428bca;
}

@media (max-width: 991px) and (min-width: 768px) {
    .main-navigation .navbar-nav {
        float: none !important;
        text-align: center;
    }

    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
}

/* FINE MENU */

/* MENU CENTRATO: sostituire .navbar-right con .navbar-center in menu.php */

.navbar-nav.navbar-center {
    float: none;
    text-align: center;
}

.navbar-nav.navbar-center>li {
    float: none;
    display: inline-block;
}

@media (max-width: 767px) {
    .navbar-nav.navbar-center>li {
        display: block;
    }
}

/* FINE MENU CENTRATO */

/* BUTTON */
.btn-default {
    background-color: #CCC;
    border-color: #AAA;
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #5C5C5C;
    border-color: #5C5C5C;
}


.btn-primary {
    background-color: #E8A57D;
    border-color: #E8A57D;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #E97353;
    border-color: #E97353;
}


.default_bg {
    background-color: #428bca;
}




/* CAROSELLO */
.owl-prev {
    background-color: #428bca;
}

.owl-next {
    color: #428bca;
}

.content-slider-with-controls .owl-buttons div,
.content-slider-with-controls-autoplay .owl-buttons div {
    background-color: #428bca;
}

.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
    color: #428bca;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
    background: #428bca;
}

a.overlay i {
    color: #428bca;
}

a.overlay.small i {
    font-size: 50px;
    margin-left: -35px;
}

.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
    background-color: #428bca;
    border-color: #428bca;
}

h2 {
    color: #202020;
}

.call-to-action .immagine img {
    margin: auto;
    margin-top: 20px;
}

.scrollToTop i::before {
    line-height: 50px;
}

.crediti {
    margin-top: 15px;
    font-size: 12px;
}

footer#footer {
    margin-top: 50px;
}

footer a {
    color: #666;
}

footer a:hover {
    color: #BBB;
    text-decoration: underline;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {

    color: #666;

}

.subfooter a {
    color: #a2a2a2;
}

.subfooter .navbar-default .nav>li>a:hover,
.subfooter .navbar-default .nav>.active>a:hover,
.subfooter .navbar-default .nav>.active>a:focus {
    color: #428bca;
}

footer .summer-spot h2:hover {
    color: #428bca;
}

#logo-footer {
    width: 80%;
    border-radius: 10px;
}



#edgeweb {
    color: #a2a2a2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


#edgeweb:hover {
    color: #d00000;
    text-decoration: none;
}

#spot-home {
    margin-top: 50px;
    margin-bottom: 50px;
}

#spot-home img {
    margin: auto;
}


/* COLORI DEI TAB */
.tabs-style-2 .nav-tabs>li.active>a,
.tabs-style-2 .nav-tabs>li.active>a:hover,
.tabs-style-2 .nav-tabs>li.active>a:focus,
.tabs-style-2 .nav-tabs>li>a:hover {
    border: 1px solid #428bca;
    background-color: #428bca;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
    color: #428bca;
}


/* CARRELLO MENU */
#carrello_menu a.btn {
    padding: 8px 10px;
    margin: 0;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    min-width: 0;
    background-color: transparent;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
}

#carrello_menu a.btn:hover {
    color: #428bca;
}



/* GALLERIA DEI PRODOTTI */
#isotope_container .item {
    width: 25%;
    padding: 10px;
}

#isotope_container .item img {
    width: 100%;
}


#categorie #isotope_container .titolo {
    text-align: center;
    margin-top: 10px;
    color: #9b8231;
}

#categorie #isotope_container .titolo:hover {
    text-decoration: underline;
}


/* DETTAGLIO PRODOTTO */
#prodotto .descrizione img {
    float: left;
    margin-right: 20px;
    max-width: 350px;
}

#prodotto .descrizione .titolo {
    font-size: 18px;
}

#prodotto .descrizione .descrizione_prodotto {
    text-align: justify;
}

#prodotto .prezzo {
    color: #9b8231;
    margin-top: 20px;
    font-weight: bold;
    font-size: 20px;
    float: left;
}

#prodotto .aggiungi a {
    float: right;
    margin-top: 20px;
    background-color: #9b8231;
    padding: 9px;
    color: #FFFFFF;
    border: solid 1px #9b8231;
    border-radius: 0px;
}

#prodotto .aggiungi a:hover {
    background-color: #FFFFFF;
    color: #9b8231;
}

#prodotto .ballon_dx {
    border: dashed 1px #efda97;
    padding: 10px;
    border-radius: 10px;
    background-color: #eee;
    height: 200px;
    overflow: hidden;
    line-height: 30px;
}

#prodotto .ballon_dx .titolo {
    color: #555;
}

#prodotto .ballon_dx a {
    color: #555;
}

#prodotto .ballon_dx a:hover {
    text-decoration: underline;
}




/* CARRELLO */
#carrello .dx_main {
    font-size: 12px;
}

#carrello .carrello_vuoto {
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

#carrello .titolo_sezione {
    color: #747474;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px;
}

#carrello .intestazione_tabella {
    background-color: #f3f3f3;
    margin-left: 10px;
    line-height: 24px;
    padding-left: 5px;
    font-weight: bold;

}

#carrello .articolo {
    float: left;
    width: 220px;
}

#carrello .descrizione_articolo {
    float: left;
    width: 350px;
}

#carrello .colore {
    float: left;
    width: 150px;
    text-align: center;
}

#carrello .taglia {
    float: left;
    width: 90px;
    text-align: center;
}

#carrello .quantita {
    float: left;
    width: 90px;
    text-align: center;
}


#carrello .prezzo {
    float: right;
    text-align: right;
    margin-right: 15px;
    font-weight: bold;
}

#carrello .elenco_articoli {
    padding-left: 5px;
    margin-left: 10px;
}

#carrello .elenco_articoli .riga_articolo {
    margin-top: 20px;
    border-bottom: dashed 1px #aaa;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

#carrello .elenco_articoli .riga_articolo .articolo {
    float: left;
    width: 220px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#carrello .elenco_articoli .riga_articolo img {
    max-width: 180px;
    max-height: 180px;
    display: block;
    margin: auto;
    float: none;
}

#carrello .elimina_articolo {
    line-height: 30px;
    color: #000;
}

#carrello .elimina_articolo:before {
    content: url('risorse/carrello_elimina.png');
    margin-right: 6px;
}

#carrello .spese_spedizione {
    background-color: #f3f3f3;
    margin-top: 20px;
    margin-left: 10px;
    line-height: 40px;
    padding-left: 5px;

}

#carrello .spese_spedizione .etichetta_consegna:before {
    content: url('risorse/camion.png');
    margin-right: 6px;
    position: relative;
    top: 7px;
}

#carrello .spese_spedizione .etichetta_consegna {
    width: 440px;
    float: left;
}

#carrello .spese_spedizione .etichetta_costo {
    float: left;
}

#carrello .spese_spedizione .costo {
    float: right;
    margin-right: 15px;
}

#carrello .riga_totale {
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 20px;
    border-bottom: dashed 1px #c56b63;
    padding-bottom: 20px;
}

#carrello .riga_totale .etichetta_totale {
    margin-left: 440px;
    float: left;
    font-weight: bold;
    font-size: 16px;
}

#carrello .riga_totale .costo_totale {
    float: right;
    margin-right: 15px;
    color: #c56b63;
    font-size: 16px;
    font-weight: bold;
}

#carrello .riga_totale .iva_inclusa {
    clear: both;
    text-align: right;
    margin-right: 15px;
    font-size: 10px;
    color: #a2a2a2;
}

#carrello .pulsante_shopping a {
    text-align: center;
    background-color: #dedede;
    padding: 9px;
    color: #000000;
    border: solid 1px #dedede;
    float: left;
}

#carrello .pulsante_shopping a:hover {
    text-decoration: none;
    background-color: #000000;
    color: #dedede;
}

#carrello .pulsante_acquista a {
    text-align: center;
    background-color: #f73923;
    padding: 9px;
    color: #FFFFFF;
    border: solid 1px #f73923;
    float: right;
}

#carrello .pulsante_acquista a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #f73923;
}

/*
#carrello .pulsante_acquista a:after {
    content: url('risorse/carrello_freccia.png');
    top: 10px;
    margin-left: 10px;
}
*/

#carrello .riepilogo_totale {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 40px;
}

#carrello .riepilogo_totale span {
    color: #c56b63;
    font-size: 18px;
    margin-left: 20px;
}


/* CARRELLO -> PAGINA DI LOGIN */
#carrello .barra_navigazione {
    margin-bottom: 10px;
}

#carrello .barra_navigazione img {
    float: none;
    width: 100%;
    max-width: none;
}

#login-registrati .nuovo_cliente {
    position: relative;
}

#login-registrati .nuovo_cliente #nuovoClienteImg {
    float: none;
}

#login-registrati #registratiForm {
    margin-top: 25px;
    background-color: #f3f3f3;
    border: solid 1px #ebebeb;
    padding: 20px;
}

#login-registrati #registratiForm .etichetta {
    clear: both;
    padding-top: 10px;
    float: left;
    text-align: right;
    line-height: 30px;
    height: 30px;
    margin-right: 10px;
    width: 40%;
}

#login-registrati #registratiForm .campo {
    float: left;
    padding-top: 10px;
    width: 50%;
}

#login-registrati #registratiForm .campo input {
    width: 100%;
    height: 30px;
}

#login-registrati #registratiForm .informazioni_consegna {
    clear: both;
    border-top: dashed 1px #939393;
    border-bottom: dashed 1px #939393;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
    margin: 20px 5px 30px;
    text-align: center;
}

#login-registrati #registratiForm .nota {
    clear: both;
    margin-left: 200px;
    font-size: 10px;
}

#login-registrati #registratiForm .nazione_consegna {
    clear: both;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

#login-registrati #registratiForm .privacy {
    margin-left: 60px;
    margin-right: 30px;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
}

#login-registrati #registratiForm .nota_obbligatorio {
    text-align: right;
    margin-right: 30px;
}


#login-registrati .gia_cliente {
    position: relative;
}

#login-registrati .gia_cliente #loginForm {
    margin-top: 25px;
    clear: both;
    border: solid 1px #e9e9e9;
    padding: 20px;
}

#login-registrati .gia_cliente #loginForm .etichetta {
    clear: both;
    padding-top: 10px;
    width: 40%;
    float: left;
    text-align: right;
    line-height: 30px;
    height: 30px;
    margin-right: 10px;
}

#login-registrati .gia_cliente #loginForm .campo {
    width: 50%;
    float: left;
    padding-top: 10px;
}

#login-registrati .gia_cliente #loginForm .campo input {
    width: 100%;
    height: 30px;
}

#login-registrati .gia_cliente #loginForm .ricordami {
    clear: both;
    margin-left: 2px;
}

#login-registrati .gia_cliente #loginForm .recupera_password {
    float: left;
    font-style: italic;
}

.pulsante_procedi {
    text-align: right;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#login-registrati .gia_cliente .pulsante_procedi {
    float: right;
    margin: 0px;
}

.pulsante_procedi input {
    margin: 0px;
    padding: 0px;
    background-color: #f73923;
    padding: 9px 20px;
    color: #FFFFFF;
    border: solid 1px #f73923;
    border-radius: 0px;
}

.pulsante_procedi input:hover {
    background-color: #FFFFFF;
    color: #f73923;
    text-decoration: none;
}

.errore {
    padding: 10px;
    text-align: center;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

/* CARRELLO SPEDIZIONE */
#carrello .indirizzo_spedizione {
    width: 240px;
    float: left;
    padding: 10px;
    margin-right: 20px;
}

#carrello .titolo_spedizione {
    color: #000;
    border-top: dashed 1px #000;
    border-bottom: dashed 1px #000;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
}

#carrello .indirizzo_spedizione .contenuto {
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
    text-align: left;
}

#carrello .indirizzo_alternativo {
    float: left;
    width: 40%;
    padding: 10px;
    margin-left: 10%;
    border-left: solid 1px #333;
    padding-left: 2%;
}


/* PAGAMENTO */
#carrello .modalita_pagamento {
    position: relative;
    width: 60%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

#carrello .modalita_pagamento .pulsante_procedi {
    position: absolute;
    right: 20px;
    top: 0px;
}

#carrello .modalita_pagamento .pulsante_procedi input {
    background-color: #026aa9;
    border: solid 1px #026aa9;
}

#carrello .modalita_pagamento .pulsante_procedi input:hover {
    color: #026aa9;
    background-color: #FFFFFF;
}

#carrello .guida {
    text-align: center;
}

#carrello .modalita_pagamento img,
#carrello .guida img {
    float: none;
    max-width: none;
}

#carrello .testo_conferma {
    padding: 20px;
    font-size: 14px;

}


#carrello .modalita_pagamento .pagamento_contrassegno {
    width: 429px;
    background-color: #FFF;
    border: solid 1px #eee;
}


#carrello .modalita_pagamento .pagamento_contrassegno .titolo {
    background-color: #eee;
    padding: 10px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

#carrello .modalita_pagamento .pagamento_contrassegno .descrizione {
    padding: 10px;
    padding-top: 0px;
    font-size: 14px;
}


/* MENU PER LOGIN / CARRELLO */
.carrello_menu {
    position: absolute;
    right: 20px;
    top: 4px;
    color: #FFF;
}

.carrello_menu .link {
    float: left;
    margin-right: 10px;
}

.carrello_menu .link {
    float: left;
    margin-right: 10px;
}

.carrello_menu .link a {
    text-transform: uppercase;
    color: #999;
}

.carrello_menu .link a:hover {
    color: #FFF;
}


/* RIEPILOGO ORDINI - ACCOUNT.PHP */


/* RIEPILOGO ORDINI */

.riepilogo_ordini {
    /*margin-top: 40px;*/
}

.riepilogo_ordini .ordine {
    position: relative;
    width: 80%;
    padding: 20px;
    border: 1px solid #428bca;
    margin-bottom: 60px;
}

.riepilogo_ordini .numero_ordine {
    font-size: 14px;
    position: absolute;
    top: -13px;
    left: 20px;
    padding: 3px;
    background: #FFF;
}

.riepilogo_ordini span {
    font-weight: bold;
}

.riepilogo_ordini .totale_ordine {
    float: left;
}

.riepilogo_ordini .vedi_dettagli {
    font-weight: bold;
    text-align: right;
}

.riepilogo_ordini .vedi_dettagli a {
    color: #D44016;
    cursor: pointer;
}

.riepilogo_ordini .stato {
    text-align: right;
}

.riepilogo_ordini .elenco_artioli {
    font-size: 14px;
    display: none;
}

.riepilogo_ordini .ordine_intestazione td {
    background: #428bca;
    font-weight: normal;
    color: #FFF;
    font-size: 12px;
    padding: 5px 8px;
}

.riepilogo_ordini .ordine_prodotto td {
    padding: 5px 8px;
    border-bottom: 1px solid #c0c0c0;
    font-size: 12px;
    background: #FFF;
}


.conferma_modifica {
    margin: 20px 200px;
    margin-bottom: 0px;
    text-align: center;
    padding: 5px;
    color: #1ea599;
    font-weight: bold;
    font-style: italic;
}

.errore_modifica {
    margin: 20px 200px;
    margin-bottom: 0px;
    text-align: center;
    padding: 5px;
    color: #A30F16;
    font-weight: bold;
    font-style: italic;
}


/* FINE RIEPILOGO ORDINI */

#blocco_notizie {
    padding: 20px;
    margin: 30px;
    margin-top: 45px;

    border: solid 3px #428bca;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #202020;

}

#blocco_notizie .notizia {
    margin-bottom: 20px;
}

#blocco_notizie .notizia .immagine {
    height: 150px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#blocco_notizie .notizia .titolo {
    font-size: 20px;
    font-weight: bold;
}

#blocco_notizie .notizia a {
    display: block;
    text-align: right;
}

#blocco_notizie .notizia .data {
    float: right;
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

#blocco_notizie .notizia img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    max-width: 100%;
}

#blocco_notizie .notizia .descrizione {
    line-height: normal;
}

#blocco_notizie .notizia .divisore {
    width: 70%;
    margin: auto;
    border: dashed 1px #dcdcdc;
    margin-bottom: 20px;
}

.box_contatti {
    padding: 20px;
    margin: 30px;
    margin-top: 45px;
    border: solid 1px #eee;
    border-radius: 10px;
}

/* IMMAGINE A SINISTRA E DESTRA RESPONSIVE */
.immagine_sinistra {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 40%;
}

.immagine_destra {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 40%;
}


@media screen and (max-width: 768px) {

    .immagine_sinistra,
    .immagine_destra {
        max-width: 90%;
        margin: auto;
        margin-bottom: 20px;
        float: none;
        display: block;
        text-align: center;
    }

    .box_contatti {
        margin-top: 20px;
    }

}

.links_link {
    margin: 15px 0px;
}

.links_link a:hover {
    text-decoration: underline;
}

/* PAGINA CHI SIAMO - INFO */
#pagina_chisiamo .testo_presentazione {
    text-align: left;
    padding-right: 20px;
}

#pagina_chisiamo .testo_presentazione img {
    max-width: 30%;
    margin-right: 20px;
}

/* FINE PAGINA CHI SIAMO - INFO */

.stile_dida {
    padding: 5px;
}


/* GESTIONE PIU' SEDI AZIENDALI */
.sede {
    border: solid 2px #202020;
    padding: 20px;
    margin-bottom: 30px;
}

.sede strong {
    color: #202020;
}

.sede .direzione {
    text-align: center;
}

/* FINE GESTIONE PIU' SEDI AZIENDALI */


.contact-form {
    padding: 10px 40px;
    background-color: #eee;
    border: solid 1px #ccc;
}

#map-canvas {
    height: 500px;
}

#footer .footer {
    background-color: #F1F1F1;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #666;
}

.logo_footer {
    margin: auto;
    margin-top: 20px;
}

#footer .list-icons {
    border-left: solid 1px #aaa;
    padding-left: 20px;
}

@media screen and (max-width: 400px) {

    .logo_footer {
        margin-top: 0px;
        max-width: 60%;
        margin-bottom: 40px;
    }

}

.corpo_pagina {
    /*background-color: #F1F1F1;**
  min-height: 550px;
  /* border: solid 1px #CCC;*/
    /* padding: 0px 20px; */

}


.mybox {
    position: relative;
    padding-top: 0px;
    margin: 10px 0px;
    background-color: #FFF;
    /*   border: solid 1px #CCC; */
    box-shadow: 0px 0px 10px #DDD;
    min-height: 230px;
}

.mybox-titolo {
    padding: 10px;
    /*   border-bottom: solid 1px #CCC; */
    text-align: center;
    background-color: #F7F7F7;
}

.mybox-interna .mybox-titolo {
    padding-top: 1px;
}

.mybox-titolo h2 {
    margin: 0px;
    font-size: 22px;
    color: #666;
    /*  font-family: 'Slabo 27px', serif; */
}

.mybox-corpo {
    padding: 10px 20px;
}

.box_ricerca_cliente span.help-block a {
    font-size: 12px;
    color: #666;
}

.box_ricerca_cliente span.help-block a:hover {
    color: #428bca;
}


.box_riepilogo_dati .mybox-corpo .table {
    font-size: 12px;
    margin-top: 20px;
}

.box_riepilogo_dati .infobox {
    margin-bottom: 10px;
    margin-top: 10px;
}

.box_riepilogo_dati .infobox-icon {
    display: inline-block;
    vertical-align: top;
    width: 44px;
    max-width: 30%;
}

.box_riepilogo_dati .infobox-icon .fa {
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    background-color: rgba(66, 140, 202, 0.4);
}

.box_riepilogo_dati .infobox-icon .fa::before {
    font-size: 24px;
    display: block;
    padding: 6px 0 7px;
    width: 40px;
    text-align: center;
    border-radius: 100%;
    color: #FFF;
    color: rgba(255, 255, 255, .9);
    background-color: transparent;
    background-color: rgba(66, 140, 202, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .14);
}

.box_riepilogo_dati .infobox-data {
    display: inline-block;
    border-width: 0;
    font-size: 13px;
    text-align: left;
    line-height: 21px;
    padding-left: 8px;
    position: relative;
    top: 0;
    max-width: 65%;
}

.box_riepilogo_dati .infobox-data .infobox-data-number {
    display: block;
    font-size: 22px;
    margin: 2px 0 4px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .15);
}

.box_riepilogo_dati .infobox-data .infobox-content {
    color: #555;
    max-width: 140px;
}

.box_riepilogo_dati .etichetta {
    font-size: 13px;
    font-style: italic;
}

.mybox.box_elenco_clienti .mybox-corpo {
    padding: 0px;
    margin-top: 3px;
}

.box_elenco_clienti .mybox-titolo .comando.pull-right {
    margin-left: 10px;
}


.mybox.box_elenco_clienti .mybox-corpo .table {
    margin-bottom: 0px;
    font-size: 10px;
}

.mybox.box_elenco_clienti .mybox-corpo .table a {
    color: #666;
}

.mybox.box_elenco_clienti .mybox-corpo .table a:hover {
    text-decoration: underline;
}

.mybox.box_elenco_clienti .mybox-corpo .table a:hover .fa {
    color: #428bca;
}

.mybox.box_elenco_clienti .mybox-corpo .table td:last-child {
    min-width: 70px;
    /*text-align: center;*/
}


.mybox-titolo .comando.pull-left {
    margin-left: 10px;
}

.mybox-titolo .comando.pull-right {
    margin-right: 10px;
}

.mybox-titolo .comando .fa {
    cursor: pointer;
}

.comando_cerca {
    text-align: right;
    margin: 10px;
}

#anagrafica .mybox-corpo {
    overflow: auto;
    padding-bottom: 20px;
}


#anagrafica_dettagli .nome_cliente {
    float: left;
    width: 400px;
}



#anagrafica_dettagli .box_informazioni_anagrafiche {}

#anagrafica_dettagli .box_informazioni_anagrafiche .comando a {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#anagrafica_dettagli .box_informazioni_anagrafiche:hover .comando a {
    color: #666
}

#anagrafica_dettagli .recapiti {
    border-left: solid 1px #ccc;
    padding: 10px 10px;
}

#anagrafica_dettagli .recapiti .fa {
    width: 25px;
    text-align: center;
}




.box_prossimo_contatto .mybox-titolo {
    text-align: left;
    padding-left: 10px;
}

.mybox.box_prossimo_contatto .nota {
    text-align: center;
    font-style: italic;
    font-size: 12px;
}

.box_prossimo_contatto .comandi {
    position: absolute;
    top: 8px;
    right: 10px;
}

.box_prossimo_contatto .comandi a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_prossimo_contatto:hover .comandi a {
    color: #666;
}

.box_prossimo_contatto .data_contatto {
    text-align: center;
    margin: 10px 30px;
    border-bottom: solid 1px #CCC;
    font-style: italic;
    font-weight: bold;
}

.box_interazioni {
    min-height: 465px;
}

.box_interazioni .mybox-titolo {
    text-align: left;
    padding-left: 10px;
}

.box_interazioni .comandi {
    position: absolute;
    top: 8px;
    right: 10px;
}

.box_interazioni .comandi a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_interazioni:hover .comandi a {
    color: #666;
}

.box_interazioni .elimina_interazione {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #DDD;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_interazioni .vertical-timeline-content:hover .elimina_interazione {
    color: #666;
}

.box_note_anagrafica .mybox-titolo .comando {
    position: absolute;
    top: 8px;
    right: 10px;
}

.box_note_anagrafica .mybox-titolo .comando a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_note_anagrafica:hover .mybox-titolo .comando a {
    color: #666;
}

.box_note_anagrafica .table {
    margin-bottom: 0px;
    font-size: 10px;
}

.box_note_anagrafica .table .comandi {
    min-width: 60px;
    vertical-align: middle;
}

.box_note_anagrafica .table .comandi a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_note_anagrafica .table tr:nth-child(odd) .comandi a {
    color: #DDD;
}

.box_note_anagrafica .table tr:hover .comandi a {
    color: #666;
}

#anagrafica_dettagli .box_stato_cliente {
    min-height: 0px;
}

#anagrafica_dettagli .box_stato_cliente .comando a {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#anagrafica_dettagli .box_stato_cliente:hover .comando a {
    color: #666
}

#anagrafica_dettagli #data_diventato_cliente {
    display: none;
}

/* BOX TAG */

#anagrafica_dettagli .box_tag .mybox-titolo {
    text-align: left;
    padding-left: 10px;
}

.box_tag .comandi {
    position: absolute;
    top: 8px;
    right: 10px;
}

.box_tag .comandi a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.box_tag:hover .comandi a {
    color: #666;
}

.box_tag .badge {
    margin: 2px;
    white-space: normal;
}

.box_tag .elimina_tag {
    color: #FFF;
    position: relative;
}

.box_tag .elimina_tag:hover {
    color: #999;
    text-decoration: line-through;
}

.box_tag .elimina_tag i::before {
    display: none;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #FFF;
}

.box_tag .elimina_tag:hover i::before {
    display: block;
}

/* FINE BOX TAG */


/* TIMELINE PER LE INTERAZIONI */

/* New Timeline style */
.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.vertical-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}


#vertical-timeline .gray-bg:before {
    display: none !important;
}

#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1;
}

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5;
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-block:first-child {
    margin-top: 0;
}

.vertical-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }

    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center;
}

.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px;
    }

    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px;
    }

    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
}

.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px;
}

.vertical-timeline-content p {
    /*margin: 1em 0;*/
    line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500;
}

.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .center-orientation .vertical-timeline-content .btn {
        float: left;
    }

    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}

/* END TIMELINE PER LE INTERAZIONI */



/* PAGINA CALENDARIO */

#calendario td.occupato {
    background-color: #a94442;
}

#calendario td.libero {
    cursor: pointer;
}

#calendario td.libero.selezionato {
    background-color: #3c763d;
}

#calendario .invia_scelta {
    text-align: center;
}

#calendario td.libero.selezionato::before {
    content: 'PRENOTATO';
    color: #FFF;
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
}

#calendario td.occupato::before {
    content: 'NON DISPONIBILE';
    color: #FFF;
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
}

#calendario .tabella_responsiva {
    max-width: 100%;
    overflow: auto;
    font-size: 12px;
}

#calendario .table>thead>tr>th {
    background-color: #555;
    font-size: 14px;
    text-align: center;
}

#calendario .table-bordered {
    border-color: #000;
}

#calendario .fascia a {
    display: inline-block;
    margin: 5px 0px;
}

#calendario .colore_rosso_cella {
    background-color: #ff5b47;
    color: #fff;
}

#calendario .colore_blu_cella {
    background-color: #65A5ff;
    color: #fff;
}

#calendario .colore_rosso_cella b,
#calendario .colore_blu_cella b {
    color: #fff;
}

#calendario .colore_rosso_cella b:hover,
#calendario .colore_blu_cella b:hover {
    color: #000;
}

#calendario .colore_rosso_cella i,
#calendario .colore_blu_cella i {
    color: #fff;
}


#ricerca_avanzata form .help-block {
    font-size: 10px;
    font-style: italic;
}



.box_importazione {
    min-height: 0px;
}


/* HOVER PER COMANDI SU SCHEDE */
.mybox .mybox-titolo .comandi {
    position: absolute;
    right: 10px;
    top: 8px;
}

.mybox .mybox-titolo .comandi a {
    color: #EEE;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mybox:hover .mybox-titolo .comandi a {
    color: #666
}



#anagrafica_modifica .testo_duplicato {
    font-size: 10px;
    margin-left: 10px;
    font-style: italic;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

#anagrafica_modifica .help-block.nota_duplicati .testo_duplicato {
    margin-left: 0px;
}

#anagrafica_modifica .help-block.nota_duplicati {
    margin: 20px 30px;
    font-size: 12px;
    font-style: italic;
    margin-top: 0px;
}


.testo_guida_modal {
    padding: 0px 20px;
    font-style: italic;
    text-align: center;
    font-size: 12px;
}

.alert pre {
    background-color: transparent;
    border: none;
    padding: 10px;
    margin-bottom: 0px;
    color: inherit;
    font-weight: bold;
}


/* COLORI DEI CLIENTI */
.nome_cliente.giallo {
    color: #B96;
}

.nome_cliente.verde {
    color: #3c763d;
}

.nome_cliente.rosso {
    color: #a94442;
}


.radio-inline {
    font-size: 13px;
}

.spazia_menu {
    border-bottom: dashed 1px #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
}

.allarme_corso_scaduto td {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.allarme_corso_scaduto_cappello {
    background-color: #a94442 !important;
    color: #fff;
}

.icone-anag i {
    padding: 3px;
    border-radius: 50%;
}

.icone-anag {
    font-size: 12px;
}

#anagrafica_corsi .comandi {
    width: 60px;
}

#anagrafica_corsi .comandi i.fa.fa-info {
    margin-right: 8px;
}

#anagrafica_corsi h4 {
    font-weight: initial;
}

#anagrafica_corsi .sezione_documenti .comandi {
    top: 12px;
}


/* IBOX */
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-comandi {
    float: right;
    cursor: pointer;
}

.valore {
    padding: 3px 0px;
    border-bottom: dashed 1px #bbb;
    margin-bottom: 7px;
}

.valore.valore_testo span {
    float: right;
}

.valore span {
    font-weight: bold;
}

.valore.valore_accapo span {
    display: block;
}

.intestazione {
    /*border: solid 1px #cccccc; */
    margin-bottom: 15px;
}

.intestazione .menu {
    background-color: #fafafa;
}

.intestazione .nome_cliente {
    text-align: center;
    font-size: 27px;
    font-weight: normal;
    /* border-bottom: solid 1px #cccccc; */
    padding-bottom: 15px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.intestazione .nome_cliente .raccogli_cliente {
    text-align: left;
    padding-left: 20px;
}

.intestazione .menu .btn-group a {
    border-right: solid 1px #ccc;
    padding: 0px 10px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    float: left;
}

.intestazione .menu .btn-group a.active,
.intestazione .menu .btn-group a:hover {
    background-color: #eee;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 0px;
}

#anagrafica_recapiti .corpo_pagina {
    /*padding: 20px;*/
    /*padding-top: 10px;*/
}

#anagrafica_recapiti .recapiti .valore.valore_testo {
    margin-left: 20px;
}

#anagrafica_recapiti .recapiti .titolo {
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 15px;
}

#anagrafica_recapiti .recapiti i {
    font-size: 13px;
    margin-right: 2px;
}

#anagrafica_recapiti .box_informazioni_anagrafiche .titolo {
    border-bottom: solid 1px #999;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.elenco_anagrafica {
    margin-top: 30px;
}

.elenco_anagrafica .riga {
    padding: 5px 20px;
    border-bottom: solid 1px #EEE;
    font-size: 12px;
}

.elenco_anagrafica .riga:hover {
    background-color: #F8F7BE;
}

.mybox-titolo .comando a {
    color: #EEE;
}

.mybox-titolo .comando a {
    color: #EEE;
}

.mybox:hover .mybox-titolo .comando a {
    color: #666;
}

#anagrafica_info_dipendente .box_rapporto_lavoro {
    min-height: auto;
}

#anagrafica_info_dipendente .box_rapporto_lavoro .mybox-corpo {
    padding: 20px 20px;
}

#anagrafica_info_dipendente .btn-default {
    background-color: #F1F1F1;
    border-color: #ccc;
    font-size: 14px;
    padding: 8px 10px;
    color: #000 !important;
    /* font-family: 'Slabo 27px', serif;*/
}

#anagrafica_info_dipendente .btn-default.btn-elimina {
    background-color: #ccc;
    border-color: #ccc;
}


.barra_paginazione {
    text-align: center;
    font-size: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dodici {
    font-size: 12px;
}

.undici {
    font-size: 11px;
}

.dieci {
    font-size: 10px;
}

.nove {
    font-size: 9px;
}

.immagine_anteprima img {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 5px;
}

.colore-attenzione {
    color: #F0A928 !important;
}

.ok-color {
    color: #7cba70;
}

.righe-evidenziate .valore_testo {
    background: #e6f9d6;
}

.righe-evidenziate-rosso .valore_testo {
    background: #f2dede;
}

.righe-evidenziate-arancione .valore_testo {
    background: #FFCE91;
}

.righe_rosse {
    background: #f2dede;
}

.righe_allarme_azzurro {
    background: #e2e2fe;
}

.righe_allarme_rosso,
.righe_allarme_rosso td {
    background: #f2aeae !important;
}

.righe_allarme_arancione {
    background: #FFCE91 !important;
}

.righe_allarme_giallo,
.righe_allarme_giallo td {
    background: #FFEFDA !important;
}

.righe_allarme_verde {
    background: #e6f9d6 !important;
}

.rettangolino_p {
    display: inline-block;
    width: 30px;
    height: 5px;
}

.legenda {
    margin-left: 15px;
}

.titoletto-scheda-p {
    border-left: dashed 1px #bbb;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}



.intestazione .menu .btn-group.btn-azione {
    float: right;
}

.intestazione .menu .btn-group.btn-azione a {
    border-left: solid 1px #ccc;
    border-right: none;
    background-color: #C5DCF1;
}

.intestazione .menu .btn-group.btn-azione a:hover {
    background-color: #F0F7FD;
}


.intestazione .menu .btn-group.btn-link {
    float: right;
}

.intestazione .menu .btn-group.btn-link a {
    border-left: solid 1px #ccc;
    border-right: none;
    background-color: #C5f1dc;
}

.intestazione .menu .btn-group.btn-link a:hover {
    background-color: #F0FdF7;
}

.intestazione .menu .btn-group a.dropdown-toggle {
    padding-right: 20px;
}

.intestazione .menu .btn-group a.dropdown-toggle:before {
    top: 8px;
    right: 5px;
}

.intestazione .menu .btn-group .dropdown-menu a {
    float: none;
    font-size: 12px;
    padding-left: 20px;
}


.cerchietto {
    border-radius: 50%;
    color: #404040;
    background: #C5DCF1;
    padding: 4px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 5px;
    border: solid 2px #fff;
    font-size: 9px;
}

.statistica_gare .form-control {
    font-size: 13px;
}

.vittoria_gara {
    background-color: #7cba70 !important;
    color: #fff;
}

.barra_filtro {
    text-align: right;
    font-size: 12px;
}

.barra_filtro input {
    padding: 5px;
    height: auto;
    margin-right: 10px;
}

.riepilogo_importo {
    text-align: center;
    margin-bottom: 20px;
    border-top: solid 1px #EEE;
    padding-top: 5px;
    font-size: 12px;
}


.elenco_righe {
    font-size: 12px;
}

.elenco_righe .riga {
    padding: 7px 10px;
    border-bottom: solid 1px #CCC;
    min-height: 34px;
}

.elenco_righe .riga:hover {
    background-color: #F8F7BE;
}

.sfondo_1 {
    background: #f1f1f1;
    border-color: #e8e8e8 !important;

}

.sfondo_2 {
    background: #fafafa;
    border-color: #e8e8e8 !important;

}

.btn.btn-sm {
    min-height: 37px !important;
}

.btn-secondary {
    color: #428bca;
    border-color: #357ebd;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: #EEE;
}

.fondo_utilizzabile {
    background: #c6e8fa;
}

.p_tab td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 15px;
}

.extra_costi {
    background: #c6fae8;
}

.riepilogo_economico {
    font-size: 11px;
    width: 64%;
    margin: auto;
    display: block;
}

p.help-block {
    font-size: 80%;
    font-style: italic;
    margin-top: 0px;
}


.sfondo_grigio_chiaro {
    background: #fafafa;
}

.alert_grigino {
    background: #fafafa;
    padding: 15px;
    font-size: 12px;
    margin-bottom: 10px;
}

.printMe {
    cursor: pointer;
    margin: 5px;
}

.printMe:hover {
    color: #428bca;
}

.solo_stampa {
    display: none;
}


@media print {
    .solo_stampa {
        display: block;
    }

    .stampa_no_p {
        display: none;
    }

    h3 {
        font-size: 20px;
        margin-left: 10px;
    }

    .intestazione,
    #barra_sx,
    .header_c,
    .printMe {
        display: none !important;
    }

    .corpo_pagina {
        background: #fff;
        border: none;
        padding: 0px;
    }

    .mybox-corpo {
        padding: 0px;
    }

    .ellipsi {
        overflow: auto;
        text-overflow: initial;
        white-space: initial;

    }

    .fa-info-circle,
    .fa-pencil {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }



    /* RENDE STAMPA COME COL SU SCHERMO */

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

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }


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

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    /* PRIMO COL SM 10 CONTIENE TUTTO LO STAMPABILE. VA RESO GRANDE 100% */
    .row>.col-sm-10 {
        width: 100%;
    }


    .row>.col-sm-10~.col-sm-10 {
        width: 83.33333333%;
    }

    /* FINE PRIMO COL SM 10 CONTIENE TUTTO LO STAMPABILE. VA RESO GRANDE 100% */


}



.attiva_elemento {
    height: 100px;
    width: 10px;
    background-color: black;
    float: left;
    margin-right: 10px;
    margin-top: -3px;
    cursor: pointer;
}

.attiva_elemento .verde {
    width: 100%;
    height: 100%;
    background-color: #00a000;
}

.attiva_elemento .rosso {
    width: 100%;
    height: 100%;
    background-color: #a00000;
}

.input_interessato input {
    background: #82dbff;
}

.badge-tag {
    padding: 0px;
    font-size: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    background-color: #e0e0e0;
    color: rgb(82, 145, 158);
    overflow: hidden;
}

.badge-tag .nome-tag {
    display: inline-block;
    font-weight: normal;
    padding: 3px;
    padding: 3px 5px;
    padding-right: 0px;
}

.badge-tag a {
    display: inline-block;
    padding: 3px 5px;
    color: rgb(82, 145, 158);
}

.badge-tag a:hover {
    background-color: rgb(82, 145, 158);
    color: #fff;
}

#azioni-importanti .modal-dialog {
    width: 450px;
}

#azioni-importanti .modal-header {
    background-color: #000;
    color: #fff !important;
}

#azioni-importanti .close {

    color: #fff !important;
}

.avviso-chiuso-domani {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #a0a0a0;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}





/* CARD */
.card {
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    background-clip: padding-box;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #DDD;
    margin: 10px 0px;
}

.card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.card .card-body i {
    float: left;
    color: #02BC77;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.1;
}

.card .card-body .valori {
    float: left;
    margin-left: 10px;
}

.card .card-body .etichetta {
    color: #a3a4a6;
    font-size: 85%;
    font-weight: 400;
}

.card .card-body .contenuto {
    font-size: 150%;
    border: none;
}

/* FINE CARD */

.table>thead>tr>th {

    border-color: #666;
    background-color: #666;

}

.table-bordered {
    border-color: #666;
}


.form-xs {
    border-bottom: solid 1px #CCC;
    font-size: 10px;
}

.form-xs input {
    min-height: 0px;
    height: auto;
}

.form-xs .btn {
    padding: 5px;
    min-width: 100px;
}


.evidenziatore {
    position: absolute;
    top: -120px;
}

.riga-selezionata td {
    background-color: #F8F7BE !important;
}



/* LARGER DEVICES */
@media screen and (min-width: 1400px) {
    .container {
        width: 1370px;
    }

}

/* LARGEST DEVICES */
@media screen and (min-width: 1500px) {
    .container {
        width: 1470px;
    }

}

.sidebar-nav .titoli_sx {
    position: relative;
    padding-right: 28px !important;
}

.sidebar-nav .sidebar-chevron {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    font-size: 9px;
    opacity: 0.65;
    display: inline-block;
}