/*#region START - Bottoni menu principale - */

.tile {
    cursor: pointer;
    text-align: left;
    clear: both;
    color: #fff;
    padding: 20px 0 20px 50px;
}

[class*="tile"]:hover {
    background: #ccc;
}

.menu_creation_btn {
    text-align: center;
    padding: 7px 0 7px 0;
    cursor: pointer;
    background: #7d7e80;
    color: #fff;
    text-transform: uppercase;
    margin-bottom:2px;
    width:200px;
}


[class*="square_btn"] {
    width: 100px;
    text-align: center;
    padding: 7px 0 7px 0;
    cursor: pointer;
    background: #7d7e80;
    color: #fff;
    text-transform: uppercase;
    margin:1px;
    border:0px;
}

.clickable_text
{
    cursor:pointer;
    padding:2px;
    font-size:12px;
    font-weight:bold;
    border:1px solid;
    border-top:0;
}

.printable_1
{
    float:right;
    width:16px;
    height:16px;
    margin-left:4px;
    background:url('images/print.png');
}

.printable_0
{
    float:right;
    width:16px;
    height:16px;
    margin-left:4px;
    background:url('images/no_print.png');
}


/* PULSANTI HOMEPAGE < */


.logocreation {
    background-image: url(../base/images/logocreation_60x60.png);
    background-repeat: no-repeat;
}

.create_project {
    background-image: url(../base/images/new_60x60.png);
    background-repeat: no-repeat;
}

.archive {
    background-image: url(../base/images/archive_60x60.png);
    background-repeat: no-repeat;
}

/* PULSANTI HOMEPAGE > */


/* PULSANTI GESTIONE VISTE 3D < */

[class*="icon_btn"] {
    width: 24px;
    height: 24px;
    border: 1px #acacac solid;
    cursor: pointer;
}

[class*="icon_btn"]:hover
{
    border-color:#006bb3;
}

[class*="icon_btn"]:active
{
    border-color:#006bb3;
}

.icon_btn_view
{
    background-image:url('images/add.png');
}

/* > */

/* PAGINAZIONE < */


[class*="page_btn"] {
    text-align: center;
    padding: 5px 7px 5px 7px;
    border: 1px #acacac solid;
    cursor: pointer;
    background: -webkit-linear-gradient(#efefef, #ccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#efefef, #ccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#efefef, #ccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef, #ccc); /* Standard syntax */
}

    [class*="page_btn"]:hover {
        border-color: #7eb4ea;
        background: -webkit-linear-gradient(#ecf4fc, #dcecfc); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ecf4fc, #dcecfc); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ecf4fc, #dcecfc); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ecf4fc, #dcecfc); /* Standard syntax */
    }

    [class*="page_btn"]:active {
        border-color: #569de5;
        background: -webkit-linear-gradient(#daecfc, #c4e0fc); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#daecfc, #c4e0fc); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#daecfc, #c4e0fc); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#daecfc, #c4e0fc); /* Standard syntax */
    }

.page_btn_first, .page_btn_prev, .page_btn_next, .page_btn_last {
    display: inline-block;
    margin: 0 5px 0 5px;
}

div.nextButton, div.prevButton, div.lastButton, div.firstButton {
    float: left;
    padding: 0px 5px 2px 5px;
    cursor: pointer;
    margin: 0 5px 0 5px;
    border: 1px #acacac solid;
    /*background-color:#216393;*/
    color: #444;
}

div.page_controls {
    float: left;
    height: 10px;
    padding: 5px 0px 10px 0px;
    margin: 0 5px 0 5px;
}

    #current_page
    {
        margin:-3px 6px 0 8px;
    }

    .nextButton {margin-left:0px;margin-right:5px;}
    .lastButton {margin-left:5px;margin-right:10px;}
    .firstButton {margin-left:0px;margin-right:5px;}
    .prevButton {margin-left:5px;margin-right:0px;}

    /* > */
    .btn_right_margin {
        margin-right: 20px;
    }

.btn_bottom_margin {
    margin-bottom: 20px;
}

.dialog_btn {
    padding: 7px 0 7px 0;
    cursor: pointer;
    color: #fff;
}

.dialog_btn:hover {
    text-decoration: underline;
}

.slim_button {
    width: 52px;
    height: 16px;
    padding: 0 2px 4px 0;
    float: left;
    font-weight: bold;
    cursor: pointer;
    font-weight: bold;
    background-color: #685659;
    color: #fff;
    text-align: center;
    margin-right: 10px;
}

.slim_button2 {
    padding: 8px 0 8px 0;
    width: 225px;
    /*margin:0 auto 8px auto;*/
    margin: 0 10px 8px 0;
    color: #fff;
    float: left;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    background-color: #685659;
    color: #fff;
}

.slim_button3 {
    padding: 8px 0 8px 0;
    width: 225px;
    margin: 0 10px 8px 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #7d7e80;
    color: #fff;
}

.slim_button4 {
    padding: 2px 4px 2px 4px;
    color: #685659;
    text-align: center;
    cursor: pointer;
    background: #fff;
    width: 100px;
    float: left;
    margin-right: 10px;
    border: 0.5px #685659 solid;
}

.slim_button5 {
    padding: 2px 4px 2px 4px;
    color: #685659;
    text-align: center;
    cursor: pointer;
    background: #fff;
    margin-top: 10px;
    border-bottom:1px solid;
    text-align:left;
}


/* ELEMENTI DECORATIVI < */


#btn_elements_selector {
    background: url('images/workspace_menu/elements.png');
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-position-y: -32px;
}

.elementSelectorBox {
    width: 110px;
    height: 110px;
    border: 1px solid;
    float: left;
    cursor: pointer;
}

#btn_wall {
    background: url('images/decorativi/wall.jpg');
    background-size: contain;
}

#btn_corner_wall {
    background: url('images/decorativi/corner_wall.jpg');
    background-size: contain;
}

#btn_circle_column {
    background: url('images/decorativi/circle_column.jpg');
    background-size: contain;
}

#btn_square_column {
    background: url('images/decorativi/square_column.jpg');
    background-size: contain;
}

#btn_lettino_vinca {
    background: url('images/decorativi/lettino_vinca.png') no-repeat;
    background-size: contain;
}

#btn_poltrona_vinca {
    background: url('images/decorativi/poltrona_vinca.png') no-repeat;
    background-size: contain;
}

#btn_sedia_narciso {
    background: url('images/decorativi/sedia_narciso.png') no-repeat;
    background-size: contain;
}

#btn_sedia_tooslim {
    background: url('images/decorativi/sedia_tooslim.png') no-repeat;
    background-size: contain;
}

#btn_tavolo_quadrato_narciso {
    background: url('images/decorativi/tavolo_quadrato_narciso.png') no-repeat;
    background-size: contain;
}

#btn_tavolo_rettangolare_narciso {
    background: url('images/decorativi/tavolo_rettangolare_narciso.png') no-repeat;
    background-size: contain;
}

#btn_tavolo_tondo_tooslim {
    background: url('images/decorativi/tavolo_tondo_tooslim.png') no-repeat;
    background-size: contain;
}

#btn_pianta1 {
    background: url('images/decorativi/pianta1.png') no-repeat;
    background-size: contain;
}

#btn_pianta2 {
    background: url('images/decorativi/tavolo_tondo_tooslim.png') no-repeat;
    background-size: contain;
}

#btn_pianta3 {
    background: url('images/decorativi/pianta3.png') no-repeat;
    background-size: contain;
}

#btn_candele {
    background: url('images/decorativi/candele.png') no-repeat;
    background-size: contain;
}
#btn_candele_in_vetro {
    background: url('images/decorativi/candele_in_vetro.png') no-repeat;
    background-size: contain;
}

#btn_coperta_piegata {
    background: url('images/decorativi/coperta_piegata.png') no-repeat;
    background-size: contain;
}

#btn_siepe1 {
    background: url('images/decorativi/siepe1.png') no-repeat;
    background-size: contain;
}

#btn_siepe2 {
    background: url('images/decorativi/siepe2.png') no-repeat;
    background-size: contain;
}

#btn_tappeto {
    background: url('images/decorativi/tappeto.png') no-repeat;
    background-size: contain;
}

#btn_divano_term_angolo {
    background: url('images/decorativi/divano_term_angolo.png') no-repeat;
    background-size: contain;
}

#btn_divano_elem_angolo {
    background: url('images/decorativi/divano_elem_angolo.png') no-repeat;
    background-size: contain;
}

#btn_divano_elem_centrale {
    background: url('images/decorativi/divano_elem_centrale.png') no-repeat;
    background-size: contain;
}

#btn_divano_elem_poof {
    background: url('images/decorativi/divano_elem_poof.png') no-repeat;
    background-size: contain;
}



/* > */




/* __________________ MENU MODELLI __________________ */

.btn_family {
    overflow: hidden;
    padding:10px 0;
    text-align:center;
    cursor:pointer;
}

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


/* CE issue 3421 associazione utenti-prodotti */
.btn_category2 {
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

.category2_button {
    float: left;
    margin-right: 10px;
}
/* CE issue 3421 associazione utenti-prodotti */


/*#segments, #families, #product_models {
    overflow: hidden;
    margin-bottom: 20px;
}

.family_button {
    color: #685659;
    text-align: center;
    cursor: pointer;
    background: #fff;
    width: 300px;
    height: 300px;
    float: left;
    margin-right: 10px;
}

.family_button div {

    clear:both;
}*/
/* ___________________________________________________ */
/* FEDERICO -- MODIFICHE FEBBRAIO 2020 SU RICHIESTA */
#btn_changepwd {
    width: 100px;
    text-align: center;
    cursor: pointer;
    background: #7d7e80;
    color: #fff;
    text-transform: uppercase;
}

#btn_filter_discounts {
    width: 100px;
    text-align: center;
    cursor: pointer;
    background: #7d7e80;
    color: #fff;
    text-transform: uppercase;
}

.btnHome {
    background-image: url(../base/images/home_25x25.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
}
.btnHome_designer {
    background-image: url(../base/images/home_25x25.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
    margin-top:10px;
}

.btnBack {
    background-image: url(../base/images/indietro_25x25.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
}

.btnLogout {
    background-image: url(../base/images/logout_25x25.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size:contain;
}
.btnLogout_designer {
    background-image: url(../base/images/logout_25x25.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
    margin-top: 10px;
}

.btnHelp_designer {
    background-image: url(../base/images/help_designer.png);
    background-repeat: no-repeat;
    padding: 0 10px 0 10px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: contain;
    margin-top: 11px;
}

.btn_deleteLogo {
    /*background-image: url(../base/images/delete_120x100.png);
    background-repeat: no-repeat;*/
    border: 1px solid #7d7e80;
    margin: 5px;
    text-transform: uppercase;
    color: #7d7e80;
    width: 120px;
    font-size: 14px;
    cursor: pointer;
    height: 200px;
}
.btn_viewLogo {
    /*background-image: url(../base/images/view_120x100.png);
    background-repeat: no-repeat;*/
    border: 1px solid #7d7e80;
    margin: 5px;
    text-transform: uppercase;
    color: #7d7e80;
    width: 120px;
    font-size: 14px;
    cursor: pointer;
    height: 200px;
}
.btn_newLogo {
    /*background-image: url(../base/images/upload_120x100.png);
    background-repeat: no-repeat;*/
    border: 1px solid #7d7e80;
    margin: 5px;
    text-transform: uppercase;
    color: #7d7e80;
    width: 120px;
    font-size: 14px;
    cursor: pointer;
    height: 200px;
}

.square_btn1 {
    width: 100px;
    text-align: center;
    padding: 7px 0 7px 0;
    cursor: pointer;
    background: #fff;
    color: #7d7e80;
    text-transform: uppercase;
}



/* CE */

.btn_slim1 {
    padding: 4px 0 4px 0;
    width: 200px;
    margin: 0 8px 8px 0px;
    color: #fff;
    float: left;
    font-weight: bold;
    background-color: #7d7e80;
}

.btn_add_search_field
{
    width:200px;
    cursor:pointer;
    margin-top:16px;
    font-size:15px;
    font-weight:bold;
    border:1px solid;
    padding:5px;
    text-align:center;
}