html, body {
    margin-top:0px;
    padding-top:0px
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
}

body a {
    color: #666;
    text-decoration:none;
    font-weight: normal;
}
body a:hover {
    color: #221F1F;
    text-decoration:none;
    font-weight: normal;
}

p {font-size:14px;}

table td {
    font-size: 14px;
}

#force-scrollbar {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 1em;
    z-index: -1;
}

.contenitore {
    width: 100%;
    max-width: 1080px;
    margin: 5px auto;
}

header {
    position: relative;
    height: 80px;
    border-bottom: 1px solid #ccc;
}

.logo {float: left; padding: 5px 0;}

.logo img {
    height: 70px;
}

.titolo_area {
    text-align: center;
    font-size: 22px;
    width: 450px;
    margin: 5px auto;
}

.titolo_area span {
    display: block;
    font-size: 32px;
    font-weight: 600;
    line-height: 33px;
}

.user {
    position: absolute;
    right: 0;
    float: right;
    top: 40px;
    line-height: 16px;
}

.user strong {
    font-size: 18px;
}

.menu {
    float: right;
    padding-top: 10px;
}

.menu li {
    float: left;
    margin-left: 20px;
    height: 30px;
    border-bottom: 3px solid #FFF;
    text-transform: uppercase;
}

.menu li:hover, .menu li.menu_active {
    border-bottom: 3px solid #000;
}

.menu li a {
    color:#000;
}

.logout {
    position: absolute;
    right: 0;
    top: 3px;
}

.logout .form-button-nero {
    margin-top: 0;
    padding: 5px 10px;
}

.cont {clear: both; display: block;}

.container {margin: 5px 0;}

.back { text-align: right; padding-top: 5px; }

.back a {
    font-size: 15px;
    text-decoration: underline;
}

/*LOGIN*/
.login {
    max-width: 300px;
    border: 1px solid #666;
    padding: 30px;
    margin: 30px auto;
}

.login div {height: 30px;}

.login input[type="text" i] {float:right;width: 160px;}
.login input[type="password" i] {float:right;width: 160px;}

.login .form-button {float: right;}

.form-button {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    background: #000;
    width: 250px!important;
    height: 36px;
    cursor: pointer;
    margin-top: 15px;
}

.form-button:hover {
    background:#FFF;
    color:#000;
    border:1px solid #000;
}

.form-button-back {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: 1px solid #666666e0;
    background: #666666e0;
    width: 250px!important;
    height: 36px;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 20px
}

.form-button-back:hover {
    background:#FFF;
    color:#000;
    border:1px solid #000;
}

.form-button-verde {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 1px solid #B0CB00;
    background: #B0CB00;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 2px;
    margin-left: 10px;
}

.form-button-verde:hover {
    background:#000;
    color:#fff;
    border:1px solid #000;
}

.form-button-nero {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    background: #000;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 2px;
}

.form-button-nero:hover {
    background:#fff;
    color:#000;
    /*border:1px solid #B0CB00;*/
}

.form-button-nero-small {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 1px solid #000;
    background: #000;
    padding: 3px 10px;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 2px;
}

.form-button-nero-small:hover {
    background:#fff;
    color:#000;
    /*border:1px solid #B0CB00;*/
}

.form-button-grigio {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 0;
    background-color: rgba(6, 6, 6, 0.22);
    cursor: pointer;
    padding: 5px 14px;
    border-radius: 2px;
}

.form-button-grigio:hover {
    background:#000;
    color:#fff;
    border:0;
}

.form-button-grigio-small {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 1px solid #c8c8c8;
    background: rgba(6, 6, 6, 0.22);
    padding: 3px 10px;
    cursor: pointer;
    margin-top: 15px;
    border-radius: 2px;
}

.form-button-grigio-small:hover {
    background:#fff;
    color:#000;
    /*border:1px solid #B0CB00;*/
}

.form-button-rosso {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    border: 0;
    background-color: rgba(245, 0, 0, 0.68);
    cursor: pointer;
    padding: 5px 14px;
    border-radius: 2px;
}

.form-button-rosso:hover {
    background:rgba(245, 0, 0, 1);
    color:#fff;
    border:0;
}

.form-textfield {
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}

.p_allegato {
    font-style: italic;
    padding-left: 105px;
    padding-top: 5px;
}

/* BENVENUTO - THANKS */
.benvenuto, .successo { text-align: center; padding: 30px 0; }

.benvenuto span, .successo span {
    font-size: 18px;
    padding-bottom: 30px;
    display: block;
}

.benvenuto input, .successo input {
    margin: 0 20px 40px 20px;
}

/*TABELLA*/
.tabella_testata_cliente {
    background: #666;
    color: #fff;
    padding: 3px 10px;
    font-weight: 600;
}


.tabella_testata {
    background-color: #efefef;
    border-right: 1px dotted #000;
    padding: 3px 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 5px solid #ffff;
}

.ultimo {border-right:none!important; }

.tabella_riga {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0 3px 10px;
    border-right: 1px dotted #000;
}

.tabella_linea {
    border-bottom: 1px dotted #000;
    margin-bottom: 3px;
    padding-top: 3px;
}

.testata_form {
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 12px 12px 0 0;
    padding: 5px 20px 5px 17px;
    font-weight: 600;
    font-size: 18px;
}

.tabella_form {
    background-color: rgba(181, 172, 172, 0.22);
    padding: 10px;
    border-radius: 0 0 12px 12px;
}

.reset { padding-bottom: 3px;}

/* ELENCO CARTELLINI */

.list_cont {
    width: 344px;
    float: left;
    border: 1px solid #ccc;
    margin: 10px;
}

/*.cartellino_img {
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: antiquewhite;
}*/

.cartellino_img {
    width: 100%;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    -o-background-size: 250px!important;
       background-size: 250px!important;
}

.cartellino_img img {
    width: auto!important;
    height: 100%;
    border:0!important;
}
.cartellino_desc {
    background-color: #0000001f;
    padding: 10px;
    min-height: 180px;
    line-height: 16px;
}

.cartellino_qty {
    background-color: #0000001f;
    padding: 0 10px 20px 10px;
    text-align: right;
}

.cont_primo  {
    margin-left: 0;
}
.cont_ultimo  {
    margin-right: 0;
}

.list table td {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.list table td.ultimo {
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.list img, .carrello img, .scheda_ordine img {
    width: 125px;
    border: 1px solid #000;
}


.puls_ordine .form-button {
    text-decoration: none;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    border: 0;
    background: #000;
    width: 343px!important;
    height: 48px;
    cursor: pointer;
    margin-top: 15px;
}
.puls_ordine .form-button:hover {
    background: #FFF;
    color: #000;
    border: 1px solid #000;
}

.label_categoria {
    clear: both;
    display: block;
    background: #ccc;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
}

/* CARRELLO */
.carrello table td {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.carrello table td.ultimo {
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}


span.success {
    padding: 30px 10px;
    display: block;
    font-size: 20px;
}

.carrello .qta {
    font-size: 15px;
    text-align: center;
}

/* STORICO */
.container.storico {
    padding-bottom: 40px;
}

.cerca {
    padding-top: 20px ;
    font-size: 14px;
    float: left;
    width: 250px;
    margin-bottom: 20px;
}

.cerca span { 
    font-size: 18px;
    display: block;
    padding-bottom: 5px;
}

.cerca_cliente {
    padding-top: 20px ;
    font-size: 14px;
    float: left;
    width: 250px;
    margin-bottom: 20px;
}

.cerca_cliente span { 
    font-size: 18px;
    display: block;
    padding-bottom: 5px;
}

.filtra {
    padding-top: 20px;
    font-size: 14px;
    float: right;
    width: 50%;
    text-align: right; 
}

.filtra span { 
    font-size: 18px;
    display: block;
    padding-bottom: 5px;
}


.storico .elenco {
    display: block; 
    padding-bottom: 5px; 
    display: block;
    border-top: 1px solid #ccc;
    padding: 5px 0;
    clear: both;
    float: none;
}

.storico .titolo {
    font-size: 18px; 
    display: block; 
    padding-bottom: 5px;
}

.elenco_ordini td {
    line-height: 28px;
    border-bottom: 1px solid #ccc;
    border-right: 1px dotted #000;
    padding-left: 3px;
}

.stato_completato, .stato_elaborazione, .stato_spedizione { color: #fff; padding: 2px 4px!important; border-radius: 4px; max-width: 115px; text-align: center; }
.stato_completato { background-color: #5CB85C; }
.stato_elaborazione { background-color: #5BC0DE; }
.stato_spedizione { background-color: #FF7F00; }


/* SCHEDA ORDINE */
.scheda_ordine span {
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
    padding-top: 20px;
}

.scheda_ordine .dati_spedizione {
    padding: 10px 0;
    clear: both;
    display: block;
    line-height: 18px;
}

.scheda_ordine .dati_spedizione .consegna {
    float: left;
    padding-right: 40px;
    width: 200px;
    border-right: 1px solid #ccc;
    margin-right: 20px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.scheda_ordine .dati_spedizione span {
    padding: 5px 0;
    font-weight: 600;
}

.scheda_ordine .stato_ordine {
    clear: both;
}

.scheda_ordine table td {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.scheda_ordine table td.ultimo {
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.scheda_ordine .qta {
    font-size: 15px;
    text-align: center;
}

.storico span.info {
    float: right;
    border: 2px solid #000;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 17px;
    text-align: center;
    font-style: italic;
    margin-top: 2px;
    margin-right: 10px;
    cursor: pointer;
}

/*RICERCA*/

.ricerca_tabella {width:100%;}
.ricerca_testata {
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 12px 12px 0 0;
    padding: 5px 20px 5px 17px;
    font-weight: 600;
    font-size: 18px;
}

.ricerca_riga {
    background-color: rgba(181, 172, 172, 0.22);
    padding: 5px 20px;
}

.ricerca_riga_testo {
    background-color: rgba(181, 172, 172, 0.22);
    padding: 5px 20px 0 20px;
}



.ricerca_riga_fondo {
    background-color: rgba(181, 172, 172, 0.22);
    padding: 5px 20px;
    border-radius: 0 0 12px 12px;
}

/*REPORT*/
.report_esporta {
    padding-bottom: 5px;
    text-align: right;
}

.report_testata_commessa {
    background-color: #B0CB00;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
}

.report_commessa_note {
    font-style: italic;
    padding-left: 15px;
    line-height: 18px;
    color: #666;
}

.tabella_report_lavorazioni td {
    font-size: 14px;
    padding-left: 5px;
    line-height: 25px;
}

.report_commessa_data {
    background-color: rgba(176, 203, 0, 0.38);
    padding-left: 5px;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
}

.report_commessa_localita {
    background-color: #efefef;
    font-weight: 600;
}

.report_commessa_operatore {
    font-weight: 600;
}

.report_commessa_terminato {
    line-height: 20px;
    font-weight: 600;
    color: #B0CB00;
    background-color: rgba(204, 204, 204, 0.22);
}

.report_commessa_foto img {
    margin-right: 10px;
}

.report_commessa_totale {
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 3px solid;
}

.commesse_operatore_edit {
    display: none;
    padding: 10px;
}

.report_commessa_foto form {
    float: left;
    padding-right: 20px;
}

.report_commessa_foto .form-button-rosso {
    vertical-align: top;
}

/*COMMESSE*/
.commessa_lavorazioni {
    padding: 10px;
    display: none;
}

.report_commessa_totale {
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 3px solid;
}

/*OPERATORE*/
.commesse_ricerca {
    line-height: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.commesse_non_trovata {
    padding-top: 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    line-height: 25px;
}

.commesse_operatore {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.commessa_titolo {
    line-height: 22px;
    background-color: #B0CB00;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    margin-bottom: 5px;
}

.commessa_testata_allegato {
    background-color: rgba(176, 203, 0, 0.38);
    padding-left: 5px;
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

.commessa_allegato {
    padding-left: 5px;
    line-height: 22px;
}

.commessa_allegato a {
}

.testata_commessa_form {
    line-height: 22px;
    padding-top: 10px;
    font-weight: 600;
}

#LAVORAZIONE_ALTRO {
    display:none;
    line-height: 20px;
    padding-top: 5px;
    font-weight: 600;
}

.pulsante_foto {
    float: right;
    /*margin-top: -20px;*/
}

/*CLIENTE*/
.cliente_commessa_titolo {
    line-height: 22px;
    background-color: #B0CB00;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
    margin-bottom: 5px;
}

.commesse_operatore_esporta {
    padding-bottom: 5px;
    text-align: right;
}

.dettagli_testata {
    padding-left: 5px;
    line-height: 20px;
}

.dettagli_testo {
    line-height: 20px;
    font-weight: 600;
    padding-left: 5px;
}


.lavorazioni_elenco {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
}

.lavorazione_data {
    background-color: rgba(176, 203, 0, 0.38);
    padding-left: 5px;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
}

.lavorazione {
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

.lavorazione_operatore {
    padding-bottom: 5px;
}

.lavorazione_operatore a {
    text-decoration: underline;
}

.lavorazione_totale {
    font-weight: 600;
    padding-bottom: 5px;
    line-height: 20px;
}

.lavorazioni_totale {
    background-color: #888;
    padding: 15px 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.lavorazione_note {
    font-style: italic;
}

.lavorazione_foto {
    padding-top: 10px;
}

.lavorazione_foto img {
    width: 100px;
    margin-right: 10px;
}

.video {
    width: 50px !important;
}

.lavorazione_terminato {
    line-height: 20px;
    color: #B0CB00;
    font-weight: 600;
}

/*FOOTER*/
.footer {text-align: center; padding-top: 20px; border-top: 1px solid #ccc; padding-bottom: 20px;}

/*MOBILE*/
body.mobile {font-size:18px; line-height: 30px;}
.mobile p {font-size:18px; line-height: 30px;}
.mobile table td {font-size:18px; line-height: 30px;}
.mobile input, .mobile textarea, .mobile keygen, .mobile select, .mobile button {font-size:18px;width: 99%; line-height: 28px; min-height: 28px;}
.mobile input[type="checkbox" i], .mobile input[type="button" i], .mobile  input[type="submit" i] { width: initial;}
.mobile input {width: 98%;}
.mobile textarea {width: 97%;}
.mobile .login div {height: auto;}
.mobile .login .form-button {float: none;}
.mobile .login input[type="text" i],.mobile .login input[type="password" i],.mobile input[type="checkbox" i] {line-height: 22px; min-height: auto;}
.mobile .contenitore {width: 98%!important;}
.mobile header {height: auto;}
.mobile .logo img {width: 150px; height: auto; padding: 5px;}
.mobile .login input[type="text" i],.mobile .login input[type="password" i]{width: 100%;}
.mobile .logout .form-button-nero { margin: 5px;}
.mobile .lavorazione_data { line-height: 30px;}
.mobile .commesse_operatore table {width: 100%;}