﻿#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:145px;
    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 */
#BloccoEditorLuciPiane {
    width: 100%;
    background: #fff;
    font-size: 12px;
}

.titolo_principale
{
    font-size:2em;
    font-weight:bold;
}

#BloccoEditorLuciPiane #editorBoxContent {
    padding: 0px 0px 5px 0px;
    overflow: auto;
}

    #BloccoEditorLuciPiane #viste_menu {
        width: 100%;
        overflow: hidden;
        clear: both;
    }

.box_valori_fissi {padding:-10px 0 0 -10px;font-size:14px;}
#error_msg{height:50px;margin-top:20px; font-size:16px; color:#f00;}

#BloccoEditorLuciPiane .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;
}

#BloccoEditorLuciPiane .tab_attivo {
    color: #be571b;
    background-color: #ffffff;
    border: 1px #be571b 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 #task_container {
    clear: left;
    width: 100%;
    /*min-width: 600px;*/
    /*overflow:hidden;*/
}

    #BloccoEditorLuciPiane .box_luci {
        /*width: 920px;*/
        display: inline-block;
        background-color: #fff;
        padding: 10px;
        height:320px;
    }

    #BloccoEditorLuciPiane .box_modifiche {
        overflow:auto;
    }

    #BloccoEditorLuciPiane #tabella_luci {
        display: none;
    }

#BloccoEditorLuciPiane #luci_struttura_row {
    background-color: #8f8f8f;
    color:#fff;
}

#BloccoEditorLuciPiane #luci_campata_row {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    background-color: #8f8f8f;
    color:#fff;
}

#BloccoEditorLuciPiane #dislivelli_row,
#BloccoEditorLuciPiane #guide_row,
#BloccoEditorLuciPiane #interassi_row {
    border-top: 5px solid #fff;
    background-color: #8f8f8f;
    color: #fff
}

#BloccoEditorLuciPiane #perimetrali_btn_row {
    border-top: 5px solid #fff;
    background-color: #b4e0e0;
}

#BloccoEditorLuciPiane #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;
}

    #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 .etichetta_tabella {
        margin:0;
        padding:0;
    }

    #tabella_luci input {
        display: block;
        width: 40px;
        margin:0 auto;
    }

#BloccoEditorLuciPiane .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;
}

    #BloccoEditorLuciPiane #tabella_luci {
        margin-left: auto;
        margin-right: auto;
    }


/*
#BloccoEditorLuciPiane 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;
    /*margin:0 16px 4px 0;*/
    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;
    }
