/* Ecorecupero */

/* Ecorecupero */
footer {
    min-height: auto !important;
    border-top: none !important;
    padding-top: 0px;
}

/***** Structure *****/
#wrapper_head {
    margin: auto;
    width: 100%;
    height: auto;
    background-image: url("/images/bg_wrapper_head.jpg");
    background-repeat: repeat-x;
}

#head {
    width: 980px;
    height: 127px;
    margin: auto;
}

#top_slim {
    width: 980px;
    color: #FFF;
    font-size: 14px;
    margin: auto;
    text-align: left;
    padding: 20px 0;
}

#adv_head {
    width: 980px;
    height: 226px;
    background-image: url("/images/bg_head_adv.jpg");
    background-repeat: no-repeat;
    margin: auto;
}

#adv_ufficio {
    width: 980px;
    height: 226px;
    background-image: url("/images/bg_head_ufficio.jpg");
    background-repeat: no-repeat;
    margin: auto;
}

#adv_industriali {
    width: 980px;
    height: 226px;
    background-image: url("/images/bg_head_industriali.jpg");
    background-repeat: no-repeat;
    margin: auto;
}

#adv_riciclabili {
    width: 980px;
    height: 226px;
    background-image: url("/images/bg_head_riciclabili.jpg");
    background-repeat: no-repeat;
    margin: auto;
}

#adv_sx {
    float: left;
    margin: 28px 0px 0px 30px;
    width: 714px;
}

    #adv_sx p {
        font-size: 20px;
        color: #FFF;
        line-height: 30px;
        padding-bottom: 10px;
    }

    #adv_sx ul {
        line-height: 28px;
        font-size: 17px;
        color: #FFF;
        width: 100%;
        list-style-type: none;
    }

        #adv_sx ul li {
            background-image: url("/images/ico_spunta.gif");
            background-repeat: no-repeat;
            background-position: 0 6px;
            padding-left: 24px;
        }

            #adv_sx ul li a {
                text-decoration: none;
                color: #ffffcc;
            }

                #adv_sx ul li a:hover {
                    text-decoration: underline;
                    color: #FFF;
                }

#adv_dx {
    float: left;
    margin: 60px 25px 0px 25px;
    width: 186px;
    font-family: 'Lucida Sans', Verdana;
    color: #FFFFFF;
    font-weight: regular;
    font-size: 18px;
    line-height: 28px;
}

    #adv_dx .telefono {
        line-height: 70px;
        font-family: 'Lucida Sans', Verdana;
        font-size: 22px;
        color: #734723;
        margin-left: 20px;
    }


#wrapper_container {
    margin: auto;
    width: 100%;
    height: auto;
    background-image: url("/images/bg_wrapper_container.jpg");
    background-repeat: repeat-x;
}
/*#container {width: 980px; margin:auto}*/
#container {
    width: 100%;
    margin: auto;
}

    #container .txt_link {
        font-size: 10px;
        margin: 10px 0 24px 0;
    }

        #container .txt_link a {
            font-size: 10px;
            text-decoration: none;
            text-transform: uppercase;
            color: #cc6600;
        }

            #container .txt_link a:hover {
                color: #ff6600;
                text-decoration: none;
            }

#cont_center {
    width: 850px;
    padding: 0px 10px;
    float: left;
}

    #cont_center h1.title1 {
        font-size: 20px;
        color: #666;
        padding-top: 50px;
    }

    #cont_center h2.title1 {
        font-size: 14px;
        color: #89be36;
        font-weight: normal;
    }

    #cont_center .subtitle_login {
        font-size: 17px;
        color: #333;
        font-weight: normal;
        font-style: italic;
    }

    #cont_center .didasc {
        font-size: 11px;
        color: #333;
        line-height: 22px;
        font-style: italic;
    }

    #cont_center #user_problem {
        font-size: 13px;
        color: #333;
        line-height: 22px;
        background-image: url(../img/bg_h1.jpg);
        background-position: top;
        background-repeat: no-repeat;
        padding: 36px 0 0 0;
    }

    #cont_center #focus {
        font-size: 11px;
        line-height: 17px;
        margin: 20px 0px;
        color: #333;
        border: dotted 1px #999999;
        background-color: #fafafa;
        padding: 34px 20px 20px 20px;
        background-image: url("/images/ico_alert.jpg");
        background-repeat: no-repeat;
        background-position: 20px 14px;
    }

    #cont_center #fish {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0px;
        color: #333;
        border: solid 1px #cfcece;
        padding: 34px 20px 0px 20px;
        background-image: url("/images/bg_fish.jpg");
        background-repeat: no-repeat;
    }

    #cont_center #coccinella {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0px;
        color: #333;
        border: solid 1px #cfcece;
        padding: 34px 20px 0px 20px;
        background-image: url("/images/bg_coccinella.jpg");
        background-repeat: no-repeat;
    }

    #cont_center #contenitoner {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0px;
        color: #333;
        border: solid 1px #cfcece;
        padding: 34px 20px 0px 20px;
        background-image: url(/images/bg_contenitoner.jpg);
        background-repeat: no-repeat;
    }

    #cont_center #rivenditore_motivi {
        font-size: 12px;
        line-height: 20px;
        border: solid 1px #CCCCCC;
        padding: 20px;
        margin: 10px 10px 10px 0;
    }

    #cont_center #blocco_dati_login {
        margin: 6px 0 18px 0;
        border: 1px dotted #999999;
        display: block;
        font-size: 12px;
        line-height: 17px;
        padding: 6px;
    }
/*** Colonna destra ***/
#col_dx {
    padding: 70px 15px;
    float: left;
    background-image: url("/images/bg_col_dx.jpg");
    background-repeat: no-repeat;
    background-position: 0 50px;
    min-height: 250px;
}

    #col_dx .green_txt {
        color: #1bbfbf;
        font-weight: bold;
    }

    #col_dx .title_dx {
        height: 45px;
        font-size: 20px;
        color: #666;
        font-weight: normal;
        height: auto;
        margin-bottom: 13px;
    }

    #col_dx p {
        font-size: 12px;
        line-height: 20px;
    }

    #col_dx #menu_login ul {
        padding: 0;
        margin: 0;
    }

    #col_dx #menu_login li a {
        font-size: 12px;
        color: #333;
        background-color: #f4f4f4;
        display: block;
        margin-bottom: 1px;
        border-bottom: solid #dfdfdf 1px;
        line-height: 24px;
        padding-left: 10px;
    }

        #col_dx #menu_login li a:hover {
            background-color: #d4f377;
            text-decoration: none;
        }


/*** fine Colonna destra ***/

form {
    display: inline;
}

input.button {
    margin-bottom: 5px;
}

input, textarea {
    font-size: 12px;
    background-color: #f5f5f5;
    color: #333333;
    border: solid 1px #cfcece;
    padding-left: 10px;
}

    input:hover, textarea:hover {
        background-color: #80d9ff;
    }

#cont_center #area_riservata {
    font-size: 11px;
    font-style: italic;
    margin: 20px 0 10px 0;
    padding: 2px;
}

#cont_center #registrati {
    width: 290px;
    font-size: 11px;
    font-style: italic;
    margin: 20px 0 10px 0;
    padding: 2px;
    float: left;
}
/*** menu***/
#main_menu {
    background-image: url("/images/bg_main_menu.jpg");
    background-repeat: no-repeat;
    width: 695px;
    height: 24px;
    margin: 70px 0px 0px 0px;
    float: right;
    padding: 10px 0px 0px 8px;
    font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 13px;
}

    #main_menu #navigation ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        width: auto;
    }

    #main_menu #navigation li {
        padding: 0px 10px 0px 10px;
        margin: 0;
        display: inline;
        float: left;
    }

        #main_menu #navigation li a {
            display: inline;
            float: left;
            color: #ffcc33;
            text-decoration: none;
        }

            #main_menu #navigation li a:hover {
                display: inline;
                float: left;
                color: #FFF;
                text-decoration: none;
            }

            #main_menu #navigation li a.alt_navigation {
                padding: 0px 10px 1px 10px;
                color: #CCC;
                padding-left: 4px;
                text-decoration: none;
            }

            #main_menu #navigation li a:hover.alt_navigation {
                color: #FFF;
                padding-left: 4px;
                text-decoration: none;
            }

#menu_top {
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-family: 'Lucida sans','Trebuchet MS', Verdana;
    font-size: 11px;
    color: #804830;
}

    #menu_top a {
        text-decoration: none;
        color: #cccccc;
        padding: 0px 7px;
    }

        #menu_top a:hover {
            color: #fff;
            text-decoration: none;
        }
/*** end menu***/


#col table.formtab {
    background-color: #fff;
    font-size: 14px;
    color: #006361;
    padding-bottom: 10px;
    margin-top: 20px;
}

#col table.formtab td {
    width: 50%;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

table.contratti th, table.contratti td {
    font-size: 7.0pt;
}

.mGrid td {
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}

.mGrid th {
    padding: 4px 2px;
    color: #fff;
    background: #424242 repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

.mGrid .alt {
    background: #fcfcfc repeat-x top;
}

.mGrid .pgr {
    background: #424242 repeat-x top;
}

    .mGrid .pgr table {
        margin: 5px 0;
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    .mGrid .pgr a {
        color: #666;
        text-decoration: none;
    }

        .mGrid .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.ErrMessForm {
    FONT-SIZE: 11px;
    COLOR: #d81e05;
    FONT-STYLE: normal;
}

.SuccessMsg, .SuccessMsg p {
    FONT-SIZE: 11px;
    COLOR: #50ba3b;
    FONT-STYLE: normal;
}

tr#rigaritiropressp td, tr#rigaMercato td, tr#rigaMercato td,
tr#rigaedificio td, tr#rigapiano td, tr#rigacitofono td {
    padding-bottom: 8px;
}

table#percentages td.perc_header_vert,
table#percentagesRinnovo td.perc_header_vert {
    text-align: center;
    font-size: 8pt;
    vertical-align: middle;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    border-top: 1px solid grey;
    font-weight: bold;
}

table#percentages td.perc_header_horiz,
table#percentagesRinnovo td.perc_header_horiz {
    text-align: center;
    font-size: 8pt;
    vertical-align: middle;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    border-left: 1px solid grey;
    font-weight: bold;
}

table#percentages td.perc_cell,
table#percentagesRinnovo td.perc_cell {
    text-align: center;
    font-size: 8pt;
    vertical-align: middle;
    border: 1px solid grey;
}

table#percentages td.perc_cell input,
table#percentagesRinnovo td.perc_cell input {
    width: 100%;
    border: none;
    text-align: center;
}

table.mGrid {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

div#col_dx a {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    font-size: 16px;
}

ul.lista_provvigioni_alert, ul.lista_ritiri_alert, ul.lista_sedicontratto_alert {
    padding-top: 10px;
    list-style-type: disc;
    padding-left: 40px;
}

.panel-default > .panel-heading {
    background-color: #4dcaff;
    color: white;

}


.panel-heading > h4 {
    font-weight: bold;
}

.list-group-item {
    border: none;
    width: 100%;
}

.panel-body {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0px;
}

#accordion .list-group > a.list-group-item {
    padding-left: 10px;
}

a.list-group-item:hover {
  background-color: #80eeff;
  color: white;
}

button.footable-add, button.footable-hide, button.footable-show, 
button.dialog-cancel, button.dialog-add, button.nextBtn
 {
    border: none;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 10px;
    border-radius: 5px;
    /*display: block;*/
    padding: 7px 15px;
    text-align: center;
    background-color: #4dcaff;
    color: #fff;
    margin-bottom: 10px;
    font-weight:normal;

}

button.footable-add:hover, button.footable-hide:hover, button.footable-show:hover {
    background-color: #1A8E8C;
}

tfoot.footable-editing {
    text-align: right;
}

form#editor, form#editor-spedizione, form#editor-nuovocliente, form#editor-completamento-anagrafica, form#editor-codiciCer,
form#editor-prezziTrasporto {
    background-color: white;
    font-weight: normal;
    display: block;
}

div.editor-modal.control-label,
div.editor-modal-spedizione.control-label
 {
    font-weight: normal;
}

div.editor-modal button.btn.btn-primary,
div.editor-modal-spedizione button.btn.btn-primary 
 {
      background-color:  #4dcaff;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
    float: right;
}

.modal-header .close {
    margin-top: 0;
}

td.footable-editing  .button.footable-edit {
    background-color: #4dcaff;
}

table.footable>tbody>tr.footable-empty>td {
    font-size: 12pt;
    color: red;
    font-weight: bold;
}

div.modal-footer-dialog>button {
    margin-bottom: 20px;
    width: 60px;
}

table.table_dettaglio {
    font-size: 9pt;
}

div#dialog_dettaglio {
    width: 60%;
}

div#dialog_dettaglio span#dialog_totale {
    font-size: 10pt;
    font-weight: bold;
    padding-right: 10px;
}

div#dialog_dettaglio tfoot td {
    padding: 10px;
    padding-top: 30px;
}

ul.anomalie > li {
    display: list-item;
    font-size: 14px;
    margin-left: 10px;
    list-style-type: circle;
}


li > span.articolo {
    font-weight: bold;

}

li > span.box_richiesti {
    color: darkseagreen;
}
li > span.box_magazzino {
    color: red;
}

td.warning_text {
    font-weight: bold;
    color: red;
}

div.ContainerProfiloUtente .welcome_msg {
    color: #009fe3 !important;
    font-size: 8px;
}
.ContainerProfiloUtente{
    padding-left:20px;
    margin-top: -24px;
}

div#welcome_div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px; 
}

div#container_instructions {
    padding-top: 100px;
}

div#div_logo_instructions {
    text-align: right;
}

div#div_instructions  {
    height: 200px;
}

div#div_instructions li {
    margin-top: 10px;
}

div#div_instructions ul {
    color: #009fe3  !important;
    list-style-type: circle;
    padding-left: 10px;
    font-size: 8pt;
}

div#div_logo_instructions img#welcome_logo {
    float: right;
}

img#welcome_logo {
    width: 180px;
}

button.secondary_button {
    font-size: 8pt;
    background-color: cornflowerblue;
    width: 120px;
    padding-left: 0px;
    padding-right: 0px;
}

table#cphCentro1_Centro_tableDatiRitiro td 
{
    padding-top: 5px;
}

th.caratteristiche {
    background: darkmagenta;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

th.caratteristiche {
    background: #364652;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

th.prezzi_articolo {
    background: #919AA0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

th.prezzi_ricariche {
    background: #9C8771;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}


.table input[type='text'] {
    width: 90px!important;
}

.grand_total {
    font-weight: bold;
    text-align: right;
}

a.brochure_link 
{
   text-decoration: underline;
   margin-left: 10px;
}

a.brochure_link img{
  margin-right: 4px;
}