* {
    box-sizing: border-box;
    margin: 0;
    font-family: Arial;
    font-size: 14px;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 900px;
}

.page-title {
    width: 100%;
    height: 50px;
    font-size: 1.4em;
    text-align: center;
    padding: 10px;
}

#conf-serie {
    width: 100%;
    height: calc(100% - 100px);
}
    .page-serie {
        width: 100%;
        margin-bottom: 5px;
        height: calc(100% - 215px);
        background-color: #c6c6c6;
    }
    
    .page-dimensioni {
        width: 100%;
        margin-bottom: 5px;
        height: 100px;
        background-color: #c8c8c8;
    }
    
    .page-configurazione{
        width: 100%;
        margin-bottom: 5px;
        height: 100px;
        background-color: #c6c6c6;
    }

.page-action {
    width: 100%;
    height: 50px;
}

.page-left-title {
    display: table;
    width: 30%;
    height: 100%;
    float: left;
    text-align: center;
    
}

.page-left-title span {
    display: table-cell;
    vertical-align: middle;
}

.page-right-cnt {
    width: calc(70% - 10px);
    height: calc(100% - 10px);
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    
    margin: 5px;
    background-color: #fff;
}

.page-configuratore {
    display: table;
    width: 50%;
    height: 33.33%;
    float: left;
    overflow: hidden;
    border: 5px solid #c6c6c6;
}

.page-configuratore-title {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
}

.page-profondita {
    display: table;
    width: 33.333%;
    height: 100%;
    float: left;
    padding: 0 10px;
}

.page-profondita span {
    display: table-cell;
    vertical-align: middle;
}

.page-altezza {
    display: table;
    width: 33.333%;
    height: 100%;
    float: left;
    padding: 0 10px;
}

.page-altezza span {
    display: table-cell;
    vertical-align: middle;
}

.page-larghezza {
    display: table;
    width: 33.333%;
    height: 100%;
    float: left;
    padding: 0 10px;
}

.page-larghezza span {
    display: table-cell;
    vertical-align: middle;
}

.page-right-cnt span label {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
}

.page-right-cnt span select {
    width: 100%;
    font-size: 1.5em;
}

.page-high-txt {
    background-color: #c6c6c6;
    color: #000;
    padding: 2px;
    border-radius: 6px;
}

.page-cnt-table {
    display: table;
    width: 100%;
    height: 100%;
}

.page-cnt-table span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.page-cnt-table span select {
    width: 100%;
    font-size: 1.5em;
}

.conf-act-serie {
    cursor: pointer;
}

.conf-act-serie.selected {
    border: 10px solid yellow;
}

.btn-wrap {
    display: table;
    width: 15%;
    height: 100%;
}
.btn-wrap .btn-wrap-biddle {
    display: table-cell;
    vertical-align: middle;
}
.btn-wrap .btn-wrap-biddle button {
    width: 100%;
    height: 100%;
    font-size: 2.0em;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.f-right {
    float: right;
}
.f-left {
    float: left;
}
.w-100-100 {
    width: 100% !important;
}
.w-70-100 {
    width: 70% !important;
}
.w-30-100 {
    width: 30% !important;
}



#conf-modello-struct {
    display: none;
}

#conf-struttura {
    display: none;
    width: 100%;
    height: calc(100% - 100px);
    overflow: auto;
}

    #conf-struttura .page-struct{
        width: 100%;
        height: calc(33.33% - 4px);
        min-height: 84px;
        margin-bottom: 4px;
        border: 1px solid #c6c6c6;
        
        overflow: auto;
        /*border: 3px solid blue;*/
    }
    
        #conf-struttura .page-struct .page-struct-order-help {
            position: relative;
            width: 100%;
            height: 220px;
            text-align: center;
            line-height: 20px;
            font-size: 1.2em;
            
            background-color: LightBlue;
            border-radius: 8px;
            border: 3px dashed #c6c6c6;
        }
    
            /** dropper; contiene le strutture che si sceglie di configurare, in ordine da SX a DX con anche le risalite cavi **/
            #conf-struttura .page-struct .page-struct-order {
                position: absolute;
                left: 0px;
                top: 20px;
                width: calc(100% - 0px);
                height: calc(100% - 20px); /*194px;*/
                overflow: hidden;
                border-radius: 0 0 8px 8px;
            }

        .dropper_hover {
            background-color: #FDFDAF;
        }
        .page-struct-dropped {
            position: relative;
            width: 10%;
            height: 100%;
            float: left;
            background-size: 100% 100% !important;
        }
        .page-struct-dropped-cod {
            position: absolute;
            bottom: 4px;
            width: calc(100% - 10px);
            margin: 0 5px;
            background-color: #c6c6c6;
            border-radius: 8px;
        }
        .sortable-placeholder {
            width: 10%;
            height: calc(100% - 4px);
            float: left;
            background-color: LightBlue;
            border: 2px solid #fff;
        }
        .page-struct-max-reached {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 60%;
            padding: 10px;
            color: #fff;
            font-weight: bold;
        }

        #conf-struttura .page-struct .page-struct-cnt {
            width: 100%;
            height: calc(100% - 220px);
            
           /* border: 3px solid green;*/
        }
            
            /** NON UTILIZZATO 
            #conf-struttura .page-struct .page-struct-cnt .page-struct-tit {
                width: 100%;
                height: 24px;
                line-height: 24px;
                text-align: center;
                border: 0px solid #c6c6c6;
            }
            **/
            
            /** contenitore delle immagini delle strutture **/
            #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap {
                width: 80%;
                height: 100%; /*calc(100% - 24px);*/
                overflow: auto;
                float: left;
                /*border: 3px solid #c6c6c6;*/
                
                /*border: 3px solid yellow;*/
            }
                /** titolo del dragger **/
                #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap .page-struct-wrap-tit {
                    width: 100%;
                    text-align: center;
                }
                /** wrapper delle immagini si tratta dei div che devono essere draggabili **/
                #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap .page-portante-wrap {
                    display: table;
                    margin: 5px;
                    /*width: calc(25% - 10px);*/
                    width: calc(25% - 10px);
                    height: 190px;
                    float: left;
                    text-align: center;
                }
            /** contenitore delle immagini delle risalite **/
            #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap-risalite {
                width: 20%;
                height: 100%; /*calc(100% - 24px);*/
                overflow: auto;
                float: right;
                /*border: 3px solid #c6c6c6;*/
                
                /*border: 3px solid yellow;*/
            }
                /** titolo del dragger **/
                #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap-risalite .page-struct-wrap-tit {
                    width: 100%;
                    text-align: center;
                }
                /** wrapper delle immagini si tratta dei div che devono essere draggabili e siano risalite cavi**/
                #conf-struttura .page-struct .page-struct-cnt .page-struct-wrap-risalite .page-portante-wrap {
                    display: table;
                    margin: 5px;
                    /*width: calc(25% - 10px);*/
                    width: calc(100% - 10px);
                    height: 190px;
                    float: left;
                    text-align: center;
                }


/******************************************* classi del configuratore **********************************************/

/* pagina del configuratore */
#conf-configuratore {
    display: none;
    width: 100%;
    height: calc(100% - 100px);
    overflow: auto;
}

#conf-configuratore .conf-configuratore-order-help {
}
    
        #conf-configuratore .conf-configuratore-order-help {
            position: relative;
            width: 100%;
            height: 140px;
            text-align: center;
            line-height: 20px;
            font-size: 1.2em;
            
            background-color: LightBlue;
            border-width: 0;
            border-radius: 0;
        }
    
            /** dropper; contiene le strutture che si sceglie di configurare, in ordine da SX a DX con anche le risalite cavi **/
            #conf-configuratore .conf-configuratore-order {
                position: absolute;
                left: 0px;
                top: 20px;
                width: calc(100% - 0px);
                height: calc(100% - 20px); /*194px;*/
                overflow: hidden;
                border-radius: 0;
            }

                .conf-struct-dropped {
                    position: relative;
                    width: 10%;
                    height: 100%;
                    float: left;
                    background-size: 100% 100% !important;
                }
        
/* classe per l'armadio attualmente selezionato */
.conf-conf-selected {
    background-color: #1866f5;
    border-radius: 6px 6px 0 0;
}
/* classe per l'area configuratore+selezionatore dell'armadio attualmente selezionato*/
.conf-armadio-selected {
    display: block !important;
    background-color: #1866f5;
    border-radius: 6px 6px 0 0;
}
/* classe per l'area configuratore dell'armadio attualmente selezionato*/
.conf-configuratore-selected {
    display: block !important;
    background-color: #1866f5;
    border-radius: 6px 6px 0 0;
}
/* classe per l'area posizionatore dell'armadio attualmente selezionato*/
.conf-posizionatore-selected {
    display: block !important;
    background-color: #1866f5;
    border-radius: 6px 6px 0 0;
}
/* div contenente tutti gli armadi */
/* al suo interno due div, uno per configurare e uno per posizionare verticalmente */
.conf-armadi {
    display: block;
    width: 100%;
    height: calc(100% - 140px);
    background-color: #1866f5;
}
    /* struttura da clonare per ciascun armadio da configurare */
    .conf-armadio {
        width: 100%;
        height: 100%;
        display: none;
    }
        /**div contenente il configuratore di un armadio */
        .conf-armadio-configuratore {
            display: none;
            width: 100%;
            height: 100%;
        }
            /* div per le immagini della configurazione */
            .conf-armadio-configuratore-immagine {
                position: relative;
                float: left;
                width: 420px;
                height: 420px;
                background-color: #1866f5;
                
                margin: 5px 0;
            }
            .conf-armadio-configuratore-immagine.reduct_view {
                width: 100px;
            }
            .conf-armadio-configuratore-immagine.reduct_view img {
                display: none;
            }
            
            /* div per l'help */
            .conf-armadio-configuratore-help {
                float: right;
                width: calc(100% - 420px);
                height: 420px;
                overflow: auto;
                background-color: #fff;
                padding: 5px;
                
                margin: 5px 0;
            }
                      .conf-armadio-configuratore-help > .help-title {
                          width: 100%;
                          font-size: 1.2em;
                          text-align: center;
                      }
                      .conf-armadio-configuratore-help > .help-table {
                          width: 100%;
                          table-layout: fixed;
                          border-collapse: collapse;
                      }
                      .conf-armadio-configuratore-help > .help-table tr {
                      }
                      .conf-armadio-configuratore-help > .help-table tr td {
                          vertical-align: top;
                          padding-bottom: 20px;
                          border: 1px solid #000;
                      }
                      .conf-armadio-configuratore-help > .help-table tr td.icona {
                          width: 30px;
                      }
                      .conf-armadio-configuratore-help > .help-table tr td.testo {
                          width: calc(100% - 30px);
                      }
                      .conf-armadio-configuratore-help > .help-table tr td img {
                          width: 24px;
                          height: 24px;
                      }
            
            /* div per l'albero delle componenti */
            .conf-armadio-configuratore-componenti {
                float: right;
                width: calc(100% - 420px);
                height: 420px;
                overflow: auto;
                background-color: #fff;
                
                margin: 5px 0;
            }
            /* div per l'elenco dei componenti */
            .conf-armadio-configuratore-list {
                display: none;
                float: right;
                width: calc(100% - 420px);
                height: 420px;
                overflow: auto;
                background-color: #fff;
                
                margin: 5px 0;
            }
        
            /* div contenente i posizionamenti verticali di un armadio */
            .conf-armadio-configuratore-posizionamenti {
                display: none;
                float: right;
                width: calc(100% - 420px);
                height: 420px;
                /*overflow: auto;*/
                background-color: #fff;
                
                margin: 5px 0;
            }
                      .conf-armadio-configuratore-posizionamenti .no-comp-wrap {
                          display: table;
                          width: 100%;
                          height: 100%;
                      }
                      .conf-armadio-configuratore-posizionamenti .no-comp-wrap > .no-comp {
                          display: table-cell;
                          width: 100%;
                          height: 100%;
                          vertical-align: middle;
                          font-size: 1.2em;
                          text-align: center;
                          font-weight: bold;
                          color: #FFA000;
                      }
                
            .conf-armadio-configuratore-posizionamenti.extend_view {
                width: calc(100% - 100px);
            }
        

/******************************************** stile per immagine configuratore ********************************************/

    
    .conf_level {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 420px;
      height: auto;
      min-height: 420px;
      /*box-sizing: border-box;*/
      padding: 0px;
      margin: 0px;
      border: 0px solid transparent; /*transparent;*/
    }
    .conf_level.reduct_view {
        width: 100px;
        overflow: hidden;
    }

    
    .conf_level_profdisp {
      position: absolute;
      bottom: 5px;
      right: 0px;
      width: 100%;
      height: auto;
      /*box-sizing: border-box;*/
      padding: 0px;
      margin: 0px;
    }
          .struttura_profdisp {
              float: right;
              width: 100px;
              text-align: right;
              padding: 0 5px 0 0;
              font-size: 0.8em;
              font-weight: bold;
              background-color: transparent;
              border-width: 0;
              color: #fff;
          }


    
          .action {
            z-Index: 999;
            width: 420px;
          }
              .action > div {
                  width: 30px;
                  height: 30px;
                  float: right;
                  clear: both;
                  padding: 5px 0;
                  border-radius: 6px 0 0 6px;
                  background-color: transparent;
                  margin: 5px 0;
                  opacity: 0.5;
                  background-color: #fff;
              }
              .action > div.action_btn_selected {
                  background-color: #fff;
                  opacity: 1.0;
              }
              
              .action > div.conf_status {
                  display: none;
                  width: 30px;
                  height: 20px;
                  margin: 0;
                  padding: 0;
              }
              
              .action > div.conf_info {
                  width: 30px;
                  height: 20px;
                  display: none;
                  margin: 0;
                  padding: 0 5px;
              }
              .action > div.info_show {
                  display: block;
                  opacity: 1.0;
                  background-color: transparent;
                  background-image: url('../../../img/conf_info.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 20px 20px;
              }
              
              .action > div.status_ok {
                  display: block;
                  opacity: 1.0;
                  background-color: transparent;
                  background-image: url('../../../img/conf_ok.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 20px 20px;
              }
              .action > div.status_err {
                  display: block;
                  opacity: 1.0;
                  background-color: transparent;
                  background-image: url('../../../img/conf_error.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 20px 20px;
              }
              
              .action > div.view_help {
                  background-image: url('../../../img/help2.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 24px 24px;
                  cursor: pointer;
              }
              
              .action > div.view_componenti {
                  position: relative;
                  background-image: url('../../../img/tree.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 16px 16px;
                  cursor: pointer;
              }
              .action > div.view_componenti > .view_info {
                  display: none;
                  position: absolute;
                  width: 16px;
                  height: 16px;
                  right: 0px;
                  top: 0px;
                  background-image: url('../../../img/info-icon.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 16px 16px;
                  cursor: pointer;
              }
              .action > div.view_componenti > .view_error {
                  display: none;
                  position: absolute;
                  width: 16px;
                  height: 16px;
                  right: 0px;
                  top: 0px;
                  background-image: url('../../../img/error-icon.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 16px 16px;
                  cursor: pointer;
              }
              
              .action > div.view_list {
                  background-image: url('../../../img/list.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 16px 16px;
                  cursor: pointer;
              }
              .action > div.view_posizionamenti {
                  background-image: url('../../../img/_posizionamenti.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-size: 16px 16px;
                  cursor: pointer;
              }
              .action > div.action_btn_hover {
                  background-color: blue;
                  opacity: 1.0 !important;
              }
              
    
          .zoccoli {
            /*z-Index: 210;*/
            z-Index: 200;
          }
          
          .porta_ant {
            /*z-Index: 200;*/
            z-Index: 210;
          }
          .porta_ant_sx {
            /*z-Index: 201;*/
            z-Index: 211;
          }
          .porta_ant_dx {
            /*z-Index: 201;*/
            z-Index: 211;
          }
          
          .montante {
            z-Index: 195;
          }
          
          .telaio_est {
            z-Index: 190;
          }
          .telaio_est_sx {
            z-Index: 191;
          }
          .telaio_est_dx {
            z-Index: 192;
          }
          
          .fiancata_dx {
            z-Index: 180;
          }
          .fiancata {
            z-Index: 170;
          }
          .struttra_ant {
            z-Index: 160;
          }
          
          .porta_int {
            z-Index: 150;
          }
          .porta_int_sx {
            z-Index: 151;
          }
          .porta_int_dx {
            z-Index: 152;
          }
          
          .telaio_int {
            z-Index: 140;
          }
          .telaio_int_sx {
            z-Index: 141;
          }
          .telaio_int_dx {
            z-Index: 142;
          }
          
          .piastra_int {
            z-Index: 135;
          }
          .piastra_int_sx {
            z-Index: 134;
          }
          .piastra_int_dx {
            z-Index: 132;
          }
          .fiancata_sx {
            z-Index: 130;
          }
          .struttura_comp {
            z-Index: 120;
          }
          .pannello_post {
            z-Index: 115;
          }
          
          .porta_post {
            z-Index: 110;
          }
          .porta_post_sx {
            z-Index: 111;
          }
          .porta_post_dx {
            z-Index: 112;
          }
          
          .struttura_post {
            z-Index: 100;
          }

.conf-panel {
    display: none;
}
.conf-panel-show {
    display: block;
}
          
ul.dynatree-container {
    border-width: 0px !important;
}

/***********************************************stili per la lista dei componenti ********************************************/
.comp_list {
    /*box-sizing: border-box;*/
    width: 20%;
    height: 230px;
    float: left;
    padding: 10px 10px 0 10px;
}
.comp_list_wrap {
    /*box-sizing: border-box;*/
    width: 100%;
    height: 100%;
    
    border: 2px solid #c6c6c6;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 6px;
}
.comp_list_img {
    /*box-sizing: border-box;*/
    position: relative;
    width: 100%;
    height: calc(100% - 50px);
}
.comp_list_img > img {
    width: auto;
    height: calc(100% - 30px);
    max-width:100%;
    max-height:100%;
}
.comp_list_code {
    /*box-sizing: border-box;*/
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    background-color: #c6c6c6;
    border-radius: 6px;
}
.comp_list_qta_wrap {
    /*box-sizing: border-box;*/
    width: 100%;
    height: 70px;
    text-align: right;
    padding: 0 4px 0 0;
    overflow: hidden;
}

/*********************************************** stili posizionamenti ********************************************/
.pos-contenitoriH-wrap {
    /*box-sizing: border-box;*/
    width: calc(100% - 435px);
    height: 100%;
    float: left;
    padding: 5px;
    
    background-color: #fff;
}
    .pos-contenitoriH-stru-wrap {
        position: relative;
        width: 25%;
        height: 100%;
        float: left;
        padding: 0 2px;
        
    }
        .pos-contenitoriH-stru-wrap-tit { /* codice del contenitore */
            width: 100%;
            height: 40px;
            line-height: 20px;
            text-align: center;
            font-weight: bold;
            overflow: hidden;
            background-color: #1866F5;
            color: #fff;
        }
        .pos-contenitoriH-stru-wrap-dropper { /* dropper del contenitore */
            position: relative;
            width: 100%;
            height: calc(100% - 40px);
            border: 3px solid #1866F5;
            border-top: 0px;
        }
        .pos-contenitoriH-stru-wrap-dropper-sortable {
            width: 100%;
            height: 100%;
            border: 1px solid red;
        }
        
        .pos-contenitoriH-sortable-placeholder {
            width: 100%;
            height: 50px;
            background-color: LightBlue;
            border: 2px solid #fff;
            float: none;
        }
        .pos-contenitoriH-stru-wrap-height { /* indicatore altezza residua */
            position: relative;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 20px;
            line-height: 20px;
            text-align: center;
        }
        .pos-comp-dropped {
            width: 100% !important;
            background-color: transparent;
            margin: 0 !important;
            padding: 0 !important;
        }
        .pos-comp-dropped > img {
            width: 100% !important;
            margin: 0 !important;
        }
        .jconfH_dropper_hover {
            background-color: #FDFDAF;
        }
        
        /** posizionamenti assoluti dei componentiH **/
        .pos-comp-dropped-abs { /* rende assoluto il posizionamento delle immagini dei componentiH una volta droppati nei contenitoriH */
            position: absolute !important;
            left: 0px;
            top: 0; /* questa va definita nel codice in base alla posizione di drop */
        }
        .tickDOM {
        }
        .tickDOM.isOver {
            width: 100%;
        }

.pos-componentiH-wrap {
    /*box-sizing: border-box;*/
    width: 435px;
    height: 100%;
    float: right;
    overflow: auto;
    
    background-color: lightBlue;
}
    .pos_comp_group {
        width: 100%;
        padding: 4px;
    }
        .pos_comp_group_title {
            width: 100%;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-weight: bold;
            background-color: #1866F5;
            color: #fff;
        }
        .pos_comp_group_dragger {
            width: 100%;
            min-height: 50px;
            border: 2px dashed #1866F5;
        }
        .pos_comp_group_dragger:after {
            content: "";
            display: table;
            clear: both;
        }
        .jconfh_dragger_img_cnt {
            position: relative;
            margin: 2px;
        }
        .jconfh_dragger_img_cnt_height {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            text-align: center;
            font-weight: bold;
        /*
            display: table-cell;
            vertical-align: middle;
        */
        }
        .jconfh_dragger_img_cnt_prof {
            position: absolute;
            right: 5px;
            bottom: 2px;
            width: 60px !important;
            margin: 0;
            padding: 0;
            display: none;
        }
        .jconfh_dragger_img_cnt_prof.set_prof {
            display: block;
        }
        .jconfh_dragger_img_cnt_prof input {
            width: 100%;
            background-color: lightBlue;
            text-align: center !important;
            font-weight: bold;
        }
        
/*********************************************** stili messaggi alert after ********************************************/
.alert-after-added-wrap {
    width: calc(100% - 20px);
    margin: 5px 0 5px 10px;
    border: 1px solid green;
    border-radius: 6px;
}
.alert-after-added-title {
    width: 100%;
    padding: 4px;
    background-color: green;
    color: #fff;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
}
.alert-after-removed-wrap {
    width: calc(100% - 20px);
    margin: 5px 0 5px 10px;
    border: 1px solid #ffa000;
    border-radius: 6px;
}
.alert-after-removed-title {
    width: 100%;
    padding: 4px;
    background-color: #ffa000;
    color: #fff;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
}
.alert-after-requisiti-wrap {
    width: calc(100% - 20px);
    margin: 5px 0 5px 10px;
    border: 1px solid red;
    border-radius: 6px;
}
.alert-after-requisiti-title {
    width: 100%;
    padding: 4px;
    background-color: red;
    color: #fff;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
}
.alert-after-requisiti-opt-wrap {
    width: calc(100% - 20px);
    margin: 5px 0 5px 10px;
    border: 1px solid #CDC941;
    border-radius: 6px;
}
.alert-after-requisiti-opt-title {
    width: 100%;
    padding: 4px;
    background-color: #CDC941;
    color: #fff;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
}


/*********************************************** stili messaggi alert global ********************************************/
.alert-global-armadio {
    width: 100%;
    margin: 5px 0;
}
.alert-global-armadio-title {
    width: 100%;
    margin: 0;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    border-radius: 6px 6px 0 0;
    border: 1px solid red;
}
.alert-global-requisiti-title {
    width: 100%;
    padding: 4px;
    background-color: red;
    color: #fff;
    font-weight: bold;
}
.alert-global-requisiti {
    width: 100%;
    padding: 4px;
    border-radius: 0 0 6px 6px;
    
    border: 1px solid red;
}



/******************************************* classi del pannello di invio **********************************************/
.clearfix {
    clear: both;
}
#conf-invio {
    display: none;
    width: 100%;
    height: calc(100% - 140px);
    overflow: auto;
    background-color: #fff;
}
.conf-invio-form {
    width: calc(100% - 20px);
    margin: 5px 10px 0 10px;
    background-color: LightBlue;
}
#conf-invio .conf-invio-riepilogo-wrap {
    width: calc(100% - 20px);
    margin: 10px 10px 0 10px;
    height: auto;
    border: 2px solid LightBlue;
}
          #conf-invio .conf-invio-riepilogo-wrap .conf-invio-riepilogo-tit {
              width: 100%;
              height: auto;
              background-color: LightBlue;
              font-size: 1.3em;
              font-weight: bold;
              text-align: center;
          }
          #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio {
              width: calc(100% - 20px);
              border: 1px solid LightBlue;
              margin: 4px 10px;
          }


                  #conf-invio .conf-invio-riepilogo-wrap .riepilogo-header {
                      width: 100%;
                      text-align: center;
                      font-size: 1.2em;
                      font-weight: bold;
                      background-color: LightBlue;
                  }
                    
                    #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row {
                        width: 100%;
                        background-color: #fff;
                        border-bottom: 1px solid #000;
                    }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-image {
                                  width: 80px;
                                  padding: 0 10px;
                                  float: left;
                                  text-align: center;
                              }
                                        #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-image img {
                                            width: 100%;
                                            height: auto;
                                        }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-text {
                                  width: calc(100% - 360px);
                                  float: left;
                              }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-qty {
                                  width: 50px;
                                  float: left;
                                  text-align: center;
                              }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-multiply {
                                  width: 10px;
                                  float: left;
                                  text-align: center;
                              }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-price {
                                  width: 100px;
                                  float: left;
                                  text-align: center;
                              }
                              #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio .riepilogo-row .riepilogo-cell-tot {
                                  width: 120px;
                                  float: left;
                                  font-weight: bold;
                                  text-align: right;
                                  padding-right: 4px;
                              }
          #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio-tot {
              width: 100%;
              font-weight: bold;
              font-size: 1.2em;
              background-color: LightBlue
          }
                    #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio-tot-text {
                        width: calc(100% - 200px);
                        float: left;
                        font-weight: bold;
                        text-align: right;
                    }
                    #conf-invio .conf-invio-riepilogo-wrap .riepilogo-armadio-tot-tot {
                        width: 200px;
                        float: left;
                        font-weight: bold;
                        text-align: right;
                        padding-right: 4px;
                    }
.conf-invio-row {
    width: 100%;
    padding: 5px 20% 10px 20%;
    /*border: 1px solid red;*/
}
.fw-b {
    font-weight: bold;
}
.conf-invio-label {
    display: block;
    width: 100%;
    font-size: 1.2em;
    /*border: 1px solid blue;*/
}
.conf-invio-fldwrap {
    width: 100%;
    
    /*border: 1px solid blue;*/
}
.conf-invio-fld {
    width: 100%;
    font-size: 1.2em;
}