.logo_phone{
  position: absolute;
  left:18px;
  top:18px;
  width:100px;
}
.logo{
  display: block;
  width:200px;
  height:auto;
  margin:0 auto;
}

.esci{
  position: absolute;
  right:11px;
  top:11px;
  display: block;
  text-transform: uppercase;
  color:#FFF;
  background-color: #cc0034;
  padding: 5px;
  text-decoration: none;
  font-size: 12px;
  -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.esci:hover{
  background-color: #000;
  text-decoration: none;
  color:#FFF;
}

.downloadimg{
    color: #FFF;
    background-color: #000;
    border: solid 2px #000;
    float: left;
    width: 100%;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.downloadimg:hover{
  color:#000;
  background-color: #FFF;
  border:solid 2px #000;
}

.evidenzia{
  color:#cc0034;
  display: inline-block;
  margin-right: 2px;
}

#sidebar-wrapper .list-group {
    width: 21rem;
}

.accordion-button {
  text-transform: uppercase;
  font-size: 13.5px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #282828!important;
}

.accordion-button::after {
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.5rem;
}

.accordion-button:not(.collapsed) {
    background-color: #c9c9c9;
}

.navbar {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  z-index: 10;
}

#sidebar-wrapper{
  position: relative;
  top:50px;
}


.accordion-item {
  float:left;
  width: 100%;
}


#wrapper label{
  cursor: pointer;
  float:left;
  width: 90px;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#wrapper label:before{
  content:"";
  position: absolute;
  width: 70px;
  height: 70px;
  top: -5px;
  left:0;
  right: 0;
  margin: 0 auto;
  border: solid 2px transparent;
  -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.selezione:before{
  content:"";
  border: solid 2px #525252!important;

}


#wrapper label img{
  display: block;
  width:100%;
  margin: 0 auto;
}

.prezzo {
  font-size:10px;
  font-weight: bold;
  display: block;
}

.dettaglio_prodotto  {
  position: relative;
  height: 100vh;
}


.dettaglio_prodotto  > input[type='radio'] {
  display: none;
}


.dettaglio_prodotto  > div {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding: 15px;
}


.bg_1{position: relative;z-index: 1}
.bg_2{position: relative;z-index: 2}
.bg_3{position: relative;z-index: 3}
.bg_4{position: relative;z-index: 4}
.bg_5{position: relative;z-index: 5}

/*

#bg_1:checked ~ .bg_1 {
    background-image: url("../images/P1.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}


#bg_2:checked ~ .bg_1 {
    background-image: url("../images/P2.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3:checked ~ .bg_1 {
    background-image: url("../images/P3.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4:checked ~ .bg_1 {
    background-image: url("../images/P4.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5:checked ~ .bg_1 {
    background-image: url("../images/P5.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6:checked ~ .bg_1 {
    background-image: url("../images/P6.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_1_1:checked ~ .bg_2 {
    background-image: url("../images/P1_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_2_1:checked ~ .bg_2 {
    background-image: url("../images/P2_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3_1:checked ~ .bg_2 {
    background-image: url("../images/P3_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4_1:checked ~ .bg_2 {
    background-image: url("../images/P4_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5_1:checked ~ .bg_2 {
    background-image: url("../images/P5_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6_1:checked ~ .bg_2 {
    background-image: url("../images/P6_bottom.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_1_2:checked ~ .bg_3 {
    background-image: url("../images/P1_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_2_2:checked ~ .bg_3 {
    background-image: url("../images/P2_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3_2:checked ~ .bg_3 {
    background-image: url("../images/P3_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4_2:checked ~ .bg_3 {
    background-image: url("../images/P4_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5_2:checked ~ .bg_3 {
    background-image: url("../images/P5_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6_2:checked ~ .bg_3 {
    background-image: url("../images/P6_logo.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_1_3:checked ~ .bg_4 {
    background-image: url("../images/P1_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_2_3:checked ~ .bg_4 {
    background-image: url("../images/P2_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3_3:checked ~ .bg_4 {
    background-image: url("../images/P3_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4_3:checked ~ .bg_4 {
    background-image: url("../images/P4_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5_3:checked ~ .bg_4 {
    background-image: url("../images/P5_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6_3:checked ~ .bg_4 {
    background-image: url("../images/P6_manico.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_1_4:checked ~ .bg_5 {
    background-image: url("../images/P1_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_2_4:checked ~ .bg_5 {
    background-image: url("../images/P2_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3_4:checked ~ .bg_5 {
    background-image: url("../images/P3_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4_4:checked ~ .bg_5 {
    background-image: url("../images/P4_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5_4:checked ~ .bg_5 {
    background-image: url("../images/P5_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6_4:checked ~ .bg_5 {
    background-image: url("../images/P6_button.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_1_5:checked ~ .bg_6 {
    background-image: url("../images/P1_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_2_5:checked ~ .bg_6 {
    background-image: url("../images/P2_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_3_5:checked ~ .bg_6 {
    background-image: url("../images/P3_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_4_5:checked ~ .bg_6 {
    background-image: url("../images/P4_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_5_5:checked ~ .bg_6 {
    background-image: url("../images/P5_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}

#bg_6_5:checked ~ .bg_6 {
    background-image: url("../images/P6_ring.png");
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: center center;
}
*/

/* ========= ./LIVELLO 6 ======== */

/* ========= LIVELLO 7 ======== */
/*
Non presente in quanto nessuna variazione nell'immagine
 */
/* ========= ./LIVELLO 7 ======== */

/* ========= LIVELLO 8 ======== */
/*
Non presente in quanto nessuna variazione nell'immagine
 */
/* ========= ./LIVELLO 8 ======== */

/* ========= LIVELLO 9 ======== */
/*
Non presente in quanto nessuna variazione nell'immagine
 */
/* ========= ./LIVELLO 9 ======== */


.table{
  font-size: 13.8px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}

.table thead tr th:last-child,
/*.table tbody tr td:last-child{
  text-align: center;
}*/

.table tbody tr td .evidenzia_td{
  color:#cc0034;
}

.totale{
  background-color: #c9c9c9;
}

/* REGOLE MOBILE */


@media all and (min-width:768px) {
    .btn_modale, .cart {
        display: none;
    }

    .modal-body .wrapper_content {
        display: none;
    }
}



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

    #sidebar-wrapper {
        display: none;
    }

    .modal-body .wrapper_content {
        display: block;
    }

    .modal-body label {
        width: 40px;
        height: 40px;
        position: relative;
    }

    .modal-content {
        opacity: 0.8 !important;
    }

    .selezione:before {
        content: "";
        width: 100%;
        display: block;
        height: 100%;
        position: absolute;
        top: -8px;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .modal-body label img {
        width: 100%;
    }

    #configurazione {
        height: 55vh;
        top: 100px;
    }

    .logo_phone {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 15px;
    }

    .logo_mobile {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50px;
        width: 100%;
        background-color: #FFF;
        position: absolute;
        display: block;
        height: 50px;
        -webkit-box-shadow: 0px 10px 8px -4px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 10px 8px -4px rgba(0,0,0,0.2);
        box-shadow: 0px 10px 8px -4px rgba(0,0,0,0.2);
    }

    .btn_modale, .btn_modale:active {
        display: block;
        width: 100%;
        color: #FFF;
        background-color: #000;
        border: solid 2px #000;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1.2px;
        border-radius: inherit;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 10px;
    }




    .table {
        margin-bottom: 50px;
    }
}