#spans_sides_tabs_viewer {
    overflow: hidden;
    background: #e7e5df;
    width:100%;
}

.span_width, .leg_pos, .leg_drop
{
    width:50px;
    float:left;
}

.btn_confirm_spans, .btn_confirm_leg_pos
{
    width:20px;
    height:20px;
    background-image:url(images/check.png);
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    margin-right:4px;
}

.submodel_selector
{
    margin-top:15px;
    display:none;
    height:135px;
    border:1px #ccc solid;
    overflow:auto;
}

.module_select
{
    margin:0 10px 0 10px;
    width:50px;
    float:left;
}

.add_span_box
{
    overflow:hidden;
    padding:12px 0 4px 0;
    margin-bottom:12px;
    border-bottom:1px #ccc solid;
}

.leg_drop, .leg_pos, .span_width
{
    margin-right:10px;
}

#add_span_box .btn_add_span
{
    margin:0px 0 0 10px;
}

.btn_select_submodel
{
    width:114px;
    height:120px;
    float:left;
    text-align:center;
    /*margin:0 16px 4px 0;*/
    padding:2px 5px 2px 5px;
    cursor:pointer;
}

.btn_select_submodel div
{
    text-align:center;
    background-color:#685659;
    color:#fff;
}

.btn_select_submodel img
{
    height:90px;
    border-bottom:1px #ccc solid;
}

/* VARIAZIONE EDITOR PERGOLE INCLINATE */

.interaxis
{
    width:50px;
    float:left;
}

.timpano
{
    padding:10px 0 5px 0;
    overflow:hidden;
}

.timpano div
{
    display:inline;
}

.timpano div:first-child
{
    margin-right:20px;
}

.gable_ddl_box
{
    float:right;
    margin:0 0 4px 0;
}

.gable_ddl
{
    width:170px;
}




/* EDITOR DI CESARE */
#BloccoEditorLuciInclinate 
{
    width: 100%;
    background: #fff;
    font-size: 12px;
}

.titolo_principale
{
    font-size:2em;
    font-weight:bold;
}

#BloccoEditorLuciInclinate #editorBoxContent 
{
    padding: 0px 0px 5px 0px;
    overflow: auto;
}

#BloccoEditorLuciInclinate #viste_menu 
{
    width: 100%;
    overflow: hidden;
    clear: both;
}

.box_valori_fissi 
{
    padding:-10px 0 0 -10px;
    font-size:14px;

}

#BloccoEditorLuciInclinate #error_msg {
    height: 50px;
    margin-top: 20px;
    font-size: 16px;
    color: #f00;
}

#BloccoEditorLuciInclinate .slim_button_menu_editor_luci 
{
    padding: 5px 0 5px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #fff solid;
}

#BloccoEditorLuciInclinate .tab_attivo 
{
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b solid;
}

/*--------------------------------------------------*/
#BloccoEditorLuciInclinate #task_container 
{
    clear: left;
    width: 100%;
    /*min-width: 600px;*/
    /*overflow:hidden;*/
}

#BloccoEditorLuciInclinate .box_luci 
{
    /*width: 920px;*/
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    height: 320px;
}

#BloccoEditorLuciInclinate .box_modifiche 
{
    overflow: auto;
}

#BloccoEditorLuciInclinate #tabella_luci 
{
    display: none;
    margin-top: 40px;
}

#BloccoEditorLuciInclinate #luci_struttura_row 
{
    background-color: #8f8f8f;
    color: #fff;
}

#BloccoEditorLuciInclinate #luci_campata_row 
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff;
}

#BloccoEditorLuciInclinate #dislivelli_row, #BloccoEditorLuciInclinate #guide_row, #BloccoEditorLuciInclinate #interassi_row 
{
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
}

#BloccoEditorLuciInclinate #perimetrali_btn_row 
{
    border-top: 5px solid #fff;
    background-color: #b4e0e0;
}

#BloccoEditorLuciInclinate #tabella_luci tr td 
{
    height: 30px;
    padding: 2px 10px 2px 10px;
}


#tabella_luci tr td:first-child {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
}

#BloccoEditorLuciInclinate .etichetta_legenda 
{
    display: block;
    width: 45px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#BloccoEditorLuciInclinate .etichetta_tabella 
{
    margin: 0;
    padding: 0;
}

#tabella_luci input 
{
    display: block;
    width: 40px;
    margin:0 auto;
}

#BloccoEditorLuciInclinate .slim_button_modifiche 
{
    width: 13px;
    height: 13px;
    line-height: 10px;
    cursor: pointer;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #ac0000 solid;
}

#BloccoEditorLuciInclinate #tabella_luci 
{
    margin-left: auto;
    margin-right: auto;
}


/*
#BloccoEditorLuciInclinate td[id^="colonna_luce_"] 
{    
    background-color: #ffd800;    
}
*/

/*
.submodel_selector {
    margin-top: 15px;
    display: none;
    height: 115px;
    border: 1px #ccc solid;
    overflow: auto;
    width:800px;
}
*/

/*
.btn_select_submodel {
    width: 104px;
    height: 110px;
    float: left;
    padding: 2px 18px 2px 18px;
    cursor: pointer;
}

.btn_select_submodel div {
    text-align: center;
    background-color:#db9065;
    color: #fff;
}

.btn_select_submodel img {
    height: 90px;
    border-bottom: 1px #ccc solid;
}
*/


/*////////////////////////////////////  PER EDITOR LUCI PIANE  ////////////////////////////////////////////////////////////////////////////////*/



#BloccoEditorLuciPiane 
{
    /*
    width: 1100px;
    position: relative;
    margin: 20px auto;
    background: #fff;
    font-size:12px;
    */
    width: 100%;
    background: #fff;
    font-size: 12px;

}

#BloccoEditorLuciPiane #editorBoxContent 
{
    /*
    padding: 0px 20px 5px 20px;
    height:600px;
    overflow:auto;
    */
    padding: 0px 0px 5px 0px;
    overflow: auto;
}

#BloccoEditorLuciPiane #viste_menu
{   
    width:100%;
    overflow:hidden;
    clear:both;
}

#BloccoEditorLuciPiane .slim_button_menu_editor_luci 
{
    /*
    padding: 8px 0 8px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background-color: #5b9bd5;
    border:1px #0000ff solid;
    */
    padding: 5px 0 5px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #fff solid;
}

#BloccoEditorLuciPiane .slim_button_menu_editor_luci_attivo 
{
    /*
    padding: 8px 0 8px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #5b9bd5;
    background-color: #ffffff;
    */
    padding: 5px 0 5px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b solid;
}

#BloccoEditorLuciPiane .tab_attivo {
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b solid;
}

#BloccoEditorLuciPiane #task_container
{
    clear: left;
    width:100%;
    /*min-width: 600px;*/
    /*overflow:hidden;*/
}

#BloccoEditorLuciPiane .box_luci 
{
    /*
    display: inline-block;
    background-color: #fff;
    padding:10px;
    */
    /*width: 920px;*/
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    height: 320px;
}

#BloccoEditorLuciPiane #error_msg 
{
    height: 20px;
    margin-top: 20px;
    font-size: 16px;
    color: #f00;
}

#BloccoEditorLuciPiane .box_modifiche 
{
    /*
    display: inline-block;
    border: 1px solid #5b9bd5;
    padding: 10px 3px 10px 3px;
    */
    overflow: auto;
}

#BloccoEditorLuciPiane #tabella_luci
{
    display: none;
    /*
    margin-top: 40px;
    */

    /*
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    */
    margin-left: auto;
    margin-right: auto;
}

/*
#BloccoEditorLuciPiane #tabella_luci td {
    padding: 2px 0px 2px 0px;
}
*/
#BloccoEditorLuciPiane #tabella_luci tr td 
{
    height: 30px;
    /*
    padding: 2px 10px 2px 10px;
    */
    padding: 2px 0px 2px 0px;

}

#BloccoEditorLuciPiane .etichetta_legenda 
{
    display: block;
    width:45px;
    height: 10px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#BloccoEditorLuciPiane #luci_struttura_row 
{
    /*
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #d6dce5;    
    */
    background-color: #8f8f8f;
    color: #fff;
}

#BloccoEditorLuciPiane .etichetta_tabella 
{
    /*
    display: inline-block;
    width: 100px;
    */
    margin: 0;
    padding: 0;
}

#BloccoEditorLuciPiane #luci_campata_row 
{
    /*
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #d6dce5;
    */
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff;
}

#BloccoEditorLuciPiane #dislivelli_row 
{
    /*
    border-top: 5px solid #fff;
    background-color: #e7e6e6;
    */
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
}

#BloccoEditorLuciPiane #perimetrali_btn_row 
{
    /*
    border-top: 5px solid #fff;
    background-color: #c5e0b4;
    */
    border-top: 5px solid #fff;
    background-color: #b4e0e0;
}

#BloccoEditorLuciPiane .input_valore 
{
    display: block;
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
    /*
    margin-top:15px;
    margin-bottom:15px;
    */
}

#BloccoEditorLuciPiane .slim_button_modifiche 
{
    /*
    margin: 5px 10px 5px 10px;
    width: 45px;
    height: 20px;
    float: left;
    cursor: pointer;
    padding: 4px 0px 4px 0px;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    background-color: #5b9bd5;
    border-style: solid;
    border-width: 1px;
    border-color: #0000ff;
    */
    width: 13px;
    height: 13px;
    line-height: 10px;
    cursor: pointer;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #ac0000 solid;
}





/*////////////////////////////////////  PER EDITOR LUCI INCLINATE GAMBE VINCOLATE  ////////////////////////////////////////////////////////////////////////////////*/


#BloccoEditorLuciInclinateVincolate {
    /*
    width: 1100px;
    position: relative;
    margin: 20px auto;
    background: #fff;
    font-size:12px;
    */
    width: 100%;
    background: #fff;
    font-size: 12px;
}

#BloccoEditorLuciInclinateVincolate #editorBoxContent {
    /*
    padding: 0px 20px 5px 20px;
    height:600px;
    overflow:auto;
    */
    padding: 0px 0px 5px 0px;
    overflow: auto;
}

#BloccoEditorLuciInclinateVincolate #viste_menu {
    width: 100%;
    overflow: hidden;
    clear: both;
}

#BloccoEditorLuciInclinateVincolate .slim_button_menu_editor_luci {
    padding: 5px 0 5px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #fff solid;
}

/*
#BloccoEditorLuciInclinateVincolate .slim_button_menu_editor_luci_attivo {
    padding: 5px 0 5px 10px;
    width: 150px;
    float: left;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b solid;
}
*/

#BloccoEditorLuciInclinateVincolate .tab_attivo {
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b solid;
}

#BloccoEditorLuciInclinateVincolate #task_container {
    clear: left;
    width: 100%;
    /*min-width: 600px;*/
    /*overflow:hidden;*/
}

#BloccoEditorLuciInclinateVincolate .box_luci {
    /*
    display: inline-block;
    background-color: #fff;
    padding:10px;
    */
    /*width: 920px;*/
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    height: 320px;
}

#BloccoEditorLuciInclinateVincolate #error_msg {
    height: 20px;
    margin-top: 20px;
    font-size: 16px;
    color: #f00;
}

#BloccoEditorLuciInclinateVincolate .box_modifiche {
    /*
    display: inline-block;
    border: 1px solid #5b9bd5;
    padding: 10px 3px 10px 3px;
    */
    overflow: auto;
}

#BloccoEditorLuciInclinateVincolate #tabella_luci {
    display: none;
    /*margin-top: 40px;*/
    margin-left: auto;
    margin-right: auto;
}

#BloccoEditorLuciInclinateVincolate #tabella_luci tr td {
    height: 30px;
    /*padding: 2px 10px 2px 10px;*/
    padding: 2px 0px 2px 0px;
}

#BloccoEditorLuciInclinateVincolate .etichetta_legenda {
    display: block;
    width: 45px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

/* ??? */
#BloccoEditorLuciInclinateVincolate #luci_struttura_row {
    /*
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #d6dce5;    
    */
    background-color: #8f8f8f;
    color: #fff;
}
/* ??? */

#BloccoEditorLuciInclinateVincolate .etichetta_tabella {
    margin: 0;
    padding: 0;
}







#BloccoEditorLuciInclinateVincolate #luci_campata_row {
    /*
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #d6dce5;
    */
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff;
}

#BloccoEditorLuciInclinateVincolate #guide_row  {
    display: none;
    /*
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
    */
}

#BloccoEditorLuciInclinateVincolate #dislivelli_row {
    /*
    border-top: 5px solid #fff;
    background-color: #e7e6e6;
    */
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
}

#BloccoEditorLuciInclinateVincolate #perimetrali_btn_row {
    /*
    border-top: 5px solid #fff;
    background-color: #c5e0b4;
    */
    border-top: 5px solid #fff;
    background-color: #b4e0e0;
}

#BloccoEditorLuciInclinateVincolate #interassi_row {
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
}

#BloccoEditorLuciInclinateVincolate .input_valore {
    display: block;
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
    /*
    margin-top:15px;
    margin-bottom:15px;
    */
}


#BloccoEditorLuciInclinateVincolate .slim_button_modifiche {
    /*
    margin: 5px 10px 5px 10px;
    width: 45px;
    height: 20px;
    float: left;
    cursor: pointer;
    padding: 4px 0px 4px 0px;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    background-color: #5b9bd5;
    border-style: solid;
    border-width: 1px;
    border-color: #0000ff;
    */
    width: 13px;
    height: 13px;
    line-height: 10px;
    cursor: pointer;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    background-color: #db9065;
    border: 1px #ac0000 solid;
}