html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
button::-moz-focus-inner{padding: 0;border: 0} /** fix estra margin button**/
small{font-size:10px;color:#ddd}
input{background:#fff}
.sconto-multiplo{ width: 40px; height: 18px; margin: 0 10px 0 20px; }
b,strong{font-weight:bold}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label {display: block}
h1,h2,h3{font-weight:bold}
html,body{height:100%}
html{overflow-y: scroll}
body{line-height:20px;font-family:arial;color:#555;}
ol,ul{list-style: none}
blockquote,q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
table {border-collapse: collapse;border-spacing:0}
a,button{cursor:pointer;text-decoration:none;color:#eee;font-family:arial;border:0;margin:0;padding:0}
button:hover,a:hover{opacity:.8}
a.user{font-weight:bold}

body.hair{background:#424242/* url(../img/grad_nav.png) 0 103px repeat-x*/}
/* banner */
#splash.index{width:100%}
#compleanni{
border-top:10px solid #333
}
#compleanni a:hover{background-color:#fff}
#ajax-loader{
position:absolute;top:0;left:0;opacity:.7
}
#ajax-loader div{
position:fixed;top:50px;right:20px;padding:0 10px 0 30px;line-height:30px;font-size:10px;color:#fff;height:30px;background:#333 url(../img/preloader_btn.gif) 10px center no-repeat; border-radius:3px;
}
#banner{
position:relative;
overflow:hidden;
width:100%;
height:500px;
z-index:2;
}
#banner .fixed{
position:absolute;
left:50%;
margin-left:-800px;
}
#banner .center{
left:50%;top:50%;
position:relative;
}

#banner .bullets{
position:absolute;
float:left;
z-index:19;
left:50%;
bottom:10px;
}
#banner .bullets a{
display:block;
width:18px;height:18px;float:left;margin:0 5px;
background:url(../img/bullet.png) top;
}
#banner .bullets a:hover{opacity:.8}
#banner .bullets a.active{background-position:0 -18px;}

#banner .banner{
position:absolute;
top:0;left:0;
display:none
}

tr.close1{opacity:.5}
#planning{position:absolute;top:0;left:70px;padding-top:5px}
#planning form{width:140px;margin-right:8px}
#planning input{background:none;border:0;/*2px solid #2d853b;*/width:96px;padding-left:4px;line-height:28px;height:28px;color:#fff;font-weight:bold;font-size:12px}
#planning button{background:none}
#calendar{position:relative}
.scroll a.next,
.scroll a.prev{
position:absolute;
top:150px;
left:50px;
display:block;
width:36px;height:37px;
background:url(../img/arrow_left.png) no-repeat top left;
}
.scroll a.next{background:url(../img/arrow_right.png) top left no-repeat;left:auto;right:50px}

a.prev:active,
a.next:active{
opacity:.8
}

.calendar-tooltip{
width:200px;
background:#ccc;
border:1px solid #aaa;
border-radius:5px;
color:#333;
z-index:100;
opacity:.9
}
.calendar-tooltip f10{font-size:10px}

/** end banner **/

#menu{background:#555}
#menu .content{padding-left:20px}
#menu a{line-height:30px;font-size:14px;margin-left:10px}
#menu span{display:block;padding:0 30px}
#menu a.active{background:#E50C89;color:#fff}
#menu a:hover{background:#666;opacity:1}
#logo{background:#e9e9e9 url(../img/bg_search.jpg) center center no-repeat}
#logo .content{background:url(../img/logo_text.png) 20px center no-repeat;min-height:73px}
#splash #logo{background:none}
.index #logo .content{background-position:98% center}
#splash #logo .content{background-position:0% center}
#operatore{margin-top:20px;display:block;margin-left:100px;position:relative;float:right;padding-right:30px;background:url(../img/arrow_bottom.png) right center no-repeat}
#operatore h2{float:right;margin:5px 20px 0 0;color:#333}
#operatore img{height:30px;float:right}
#operatore ul{display:none;width:150px;left:50%;margin-left:-75px;top:30px;background:url(../img/bg_overlay.png);border-radius:0 0 5px 5px;padding:10px;z-index:10}
#operatore:hover h2{color:#666}
.search{margin-top:20px}
.search .ico-search{right:0;top:0;width:30px;height:30px;background:url(../img/ico_search.png) center center no-repeat}
.search .ico-search.loading{background-image:url(../img/preloader_green.gif)}
.inner-search{background:#fff url(../img/ico_search.png) 98% center no-repeat}
.load_img{min-height:24px;min-width:24px;background:#fff}
.load_img.loading{background:#fff url(../img/preloader_green.gif) center center no-repeat}
.load_img.error{background:#a00 url(../img/preloader_btn.gif) center center no-repeat}

#footer{position:absolute;margin:10px;left:150px;opacity:.8}
#footer .share{width:53px;height:46px;background:url(../img/footer_share.png) no-repeat;margin-bottom:50px}
.content #footer{width:700px;}
#loader{padding-bottom:20px}
#left{width:200px;background:#f1f1f1;font-size:14px}
#left a.tab{display:block;margin:1px 2px 1px 0;padding:8px;border-left:5px solid #fff;color:#333;background:#dadad8 url(../img/ico_arrow_right.png) 94% center no-repeat;font-size:15px}
#left a.tab:hover,#left a.active{background-color:#333;background-image:url(../img/ico_arrow_right_white.png);color:#fff;border-left:5px solid #115919}
#right{width:776px;background:#eee;border-left:4px solid #333}
.index #right,.index #left{border:0;background:none;width:690px} 
.index #left{width:280px}
#center{width:950px;margin-left:15px;background:#eee}
.index{width:980px}
.content{width:980px;margin:0 auto}
.container{/*background:#424242 url(../img/grad_nav.png) bottom repeat-x;*/font-size:0;width:965px;/*padding:15px 0*/}

.addthis_toolbox{margin-left:10px}
.addthis_toolbox a{position:relative;width:34px;height:34px;overflow:hidden;margin:5px 5px  0 0}
.addthis_toolbox a img{position:absolute;top:0;left:0}
.addthis_toolbox a:hover img{top:-34px}

.btn span span{display:inline;padding:0 20px 0 0}

span.add{background:url(../img/ico_plus_white.png) 5px center no-repeat}
span.save{background:url(../img/ico_save.png) 5px center no-repeat}
span.edit{background:url(../img/ico_edit.png) 5px center no-repeat}
span.edit-green{background:url(../img/ico_edit_green.png) 5px center no-repeat}
span.confirm-green{background:url(../img/confirm.png) 5px center no-repeat}
span.send-mail-green{background:url(../img/send-mail.png) 5px center no-repeat}
span.pdf-green{background:url(../img/pdf.png) 5px center no-repeat}
span.delete{background:url(../img/ico_delete.png) 5px center no-repeat}
span.delete-black{background:url(../img/ico_delete_black.png) 5px center no-repeat}
span.delete-green{background:url(../img/ico_delete_green.png) 5px center no-repeat}
span.back{background:url(../img/ico_back.png) center center no-repeat;width:12px;height:28px}
span.search{background:url(../img/ico_search_green.png) center center no-repeat;width:30px;height:30px;right:0;top:0;margin:0}

.servizi span.colored{width:10px;height:10px}
.servizi li{line-height:10px;font-size:10px}

.az{font-size:0;background:#ddd}
.az a{padding:8px 12px;color:#333;text-align:center;border-left:1px solid #fff}
.az a:hover, .az a.active{background:#E50C89;color:#fff}
a.loading span,button.loading span,div.loading{cursor:default;background:url(../img/preloader_btn.gif) 4px center no-repeat;padding-left:30px}
.elenco a.loading{background-color:#aaa}
div.loading{background:url(../img/preloader_green.gif) 4px 2px no-repeat;min-height:30px}
a.loading span span{background:none}

h2.title,h3.title{
padding:10px 0 10px 20px;margin:10px;
font-size:14px;
background:url(../img/circle_green.png) 5px center no-repeat;
color:#333;border-bottom:1px solid #ddd;
}
h3.title{
margin:0 0 10px 0;font-size:12px;
}
h2.title-green{border-color:#333}
.preview{width:100px;height:100px;overflow:hidden;position:relative}
.preview input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter: alpha(opacity=0);background:none;cursor:pointer;z-index:2}
.preview .ico-plus{height:100%;width:100%}
.preview .loading{position:absolute;background-position:center center;padding:0;z-index:3}

.preview img{background:#eee;position:absolute;left:0;top:0}
.btn{color:#fff;line-height:28px;min-height:28px;padding:0 10px}
tr.open .btn{background-color:#fff;margin:5px}
.btn span{display:block;min-height:28px}
.btn-green,.buttons .active{background:#E50C89} /*  url(../img/grad_green.png) top repeat-x */
.btn-red{background:#a00}
.btn-grey{background-color:#333}
.btn:hover{background-color:#aaa}
.btn-none,btn-none:hover{background:none}
.btn-active{background:#E50C89}
.btn-ico{padding:0}
.btn-ico span{padding-left:30px}
.btn-rounded{border-radius:4px}
.btn-shadow{box-shadow: 0px 1px 2px #333}
.border-green,.dataTables_paginate a.next,.dataTables_paginate a.previous{border:1px solid #aaa}
.border-white{border:1px solid #fff}
.border-grey{border:1px solid #aaa}
.border-light{border:1px solid #ddd}
.bg-center,.btn span.bg-center{background-position:center center}
.bg-none{background-color:trasparent}
.bg-white{background:#fff}
.bg-edit{background:#818181 url(../img/grad_mod.png) top repeat-x}
.bg-delete{background:#474747 url(../img/grad_delete.png) top repeat-x}
.buttons{font-size:0}
.buttons a,.buttons button{margin-left:5px;font-size:13px;font-weight:bold}
table thead td{padding:5px;color:#fff;font-weight:bold}

.dataTables_length{margin:10px 0}

.ico-fiches{background:url(../img/ico_fiches.png) center left no-repeat}
.ico-setting{background:url(../img/ico_setting.png) center left no-repeat}
.ico-cell-green{background:url(../img/ico_cell_green.png) 5px center no-repeat}
.ico-client-green{background:url(../img/ico_user_green.png) 5px center no-repeat}
.ico-client-small{background:url(../img/ico_user_small.png) 5px center no-repeat}
.ico-email-green{background:url(../img/ico_email_green.png) 5px center no-repeat}
.ico-email-small{background:url(../img/ico_email_small.png) 5px center no-repeat}
.ico-actions{background:url(../img/ico_azioni.png) 5px center no-repeat}

.ico-money{background:url(../img/ico_money.png) 5px center no-repeat}
.ico-money-white{background:url(../img/ico_money_white.png) 5px center no-repeat}
.ico-prodotti{background:url(../img/ico_prodotti.png) 5px center no-repeat}
.ico-prodotti-white{background:url(../img/ico_prodotti_white.png) 5px center no-repeat}
.ico-quantita{background:url(../img/ico_quantita.png) 5px center no-repeat}
.ico-codice{background:url(../img/ico_codice.png) 5px center no-repeat}
.ico-plus{background:url(../img/ico_plus.png) center center no-repeat}
.ico-promozioni{background:url(../img/ico_promo.png) 5px center no-repeat}
.ico-promozioni-white{background:url(../img/ico_promo_white.png) 5px center no-repeat}
.ico-alarm{background:url(../img/ico_orario.png) 5px center no-repeat}
.ico-alarm-white{background:url(../img/ico_orario_white.png) 5px center no-repeat}
.ico-spunta{background:url(../img/ico_spunta.png) 5px center no-repeat}
.ico-user{background:url(../img/ico_user_white.png) 5px center no-repeat}


ul.elenco{
max-height:140px;overflow:auto
}
span.ico-calendar{background:#eee url(../img/ico_calendar.png) 5px center no-repeat;padding:5px 5px 5px 32px}

.avviso{background:url(../img/avviso_off.png) left center no-repeat;padding:10px 20px 0 20px}
.avviso img{vertical-align:top}
.avviso-ok{background:url(../img/avviso_on.png) left center no-repeat}
p.error{color:#a00}
p.alert{color:#f30}
.item-active{font-weight:bold}


input[type="text"],select[multiple]{border:1px solid #bbb}
input.alarm{background:url(../img/ico_sveglia_small.png) 4px 4px no-repeat}
input.alarm.w200{padding-left:30px;width:170px}
div.input input, div.input textarea{margin:0;width:96%;padding:6px 2%}
input[type="text"].error,input[type="password"].error,select.error,textarea.error,#splash label input.error{background-color:#fff2d6}
input[type="text"],input[type="password"],select,textarea{font-size:14px;font-family:arial;color:#666;border:1px solid #ddd}
select[multiple].auto-hide{height:25px}
textarea{border:1px solid #ccc}
select.best{
font-size:12px;
padding:4px 30px 4px 4px;
overflow: hidden;
background:#fff url(../img/select_arrow.png) no-repeat right;
border:1px solid #bbb;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select.best[disabled="disabled"]{background:#fff url(../img/preloader.gif) no-repeat 98% center}
select.best:hover{opacity:.9}
select option[disabled]{color:#ddd}
/** dialog **/
.backdrop{position:fixed;background:#000;width:100%;height:100%;z-index:55}
.dialog{position:fixed;width:600px;left:50%;margin-left:-300px;z-index:60;border-radius:10px;background:#fff}
.dialog .buttons{margin:10px}
.dialog .desc{position:relative;}
a.close{position:absolute;z-index:100;display:block;right:5px;top:5px;width:30px;height:30px;background:url(../img/btn_close.png) center center no-repeat}
.dialog .elenco{margin:10px}
.dialog h2.title{
padding:10px 30px 10px 30px;
background-position:10px;
margin:0;
}
.dialog .p5{padding:10px}
.dialog .si,.dialog .no{
background:url(../img/grad_blue.png) repeat-x;
color:#fff;
padding:4px 20px;
margin:30px 30px 0 0;
}
.dialog .si:hover,.dialog .no:hover{opacity:.8}

.alert{opacity:.9;border-radius:4px;font-size:12px;z-index:100;position:fixed;bottom:50px;right:50px;background:#666;color:#fff;border:2px solid #333;padding:10px}
.alert-ok{background:#E50C89}
.alert-ko{background:#a00}
/** end dialog **/

.operatori,.servizi{border-top:1px solid #ddd;margin:5px 2px;padding-top:5px}
.calendar-tooltip .operatori,.calendar-tooltip .servizi{border-color:#aaa}
.operatori .giorni{float:right;padding:0 0 5px 25px;background:url(../img/ico_giorni.png) 0 2px no-repeat}

/** tabelle **/
table.table{width:100%;border-collapse:separate;}
table.table td,.table th{
padding:2px 5px;
padding: 2px 5px;
border-top: 1px solid #eee;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc}
table.table th{font-weight:bold;text-align:left}
.bg-green{background:#a3bc4d;color:#fff}
.bg-red{background:#a00;color:#fff}
.bg-grey{background:#ddd}
.bg-grey-light{background:#eee}
.bg-grey-dark{background:#9f9f9f url(../img/grad_grey_dark.png) top repeat-x}
thead.bg-grey{background:#cfcfcf url(../img/grad_thead_grey.png) top repeat-x}
.table .bg-grey th{border-color:#aeaeae; border-top:none;padding: 10px;color:#333;font-weight:bold}
.table .bg-grey th img{margin-right:5px;vertical-align:middle}
.table .bg-grey td{border-color:#ccc;border-top:3px solid #eee;border-bottom:1px solid #aaa}
.table .bg-grey td,.table .bg-grey td img{vertical-align:top}
.table td.radio, .table th.radio{padding:8px}

p.note{
background:url(../img/ico_note.png) 10px 10px no-repeat;
padding:10px;
}
#clienti-info{margin:-10px 0 0 22px}

ul.prodotti-servizi li{padding:5px 10px;border-bottom:1px solid #ddd;font-size:0;color:#333}
ul.prodotti-servizi li span{font-size:14px}
ul.prodotti-servizi li span.w50p{color:#104118}

span.colored{width:14px;height:14px;border-radius:8px}

/** tab **/
.tab{
  height:20px;line-height:20px;
  font-size:12px;
  padding:0 5px 0 20px;
  background:url(../img/arrow_green_left.png) 6px center no-repeat;
  color:#aaa;
  border-radius:4px;
}
.tab.tab-selected{
  background:#fff url(../img/arrow_green_bottom.png) 6px center no-repeat;
}

.inline-box,.dialog .si,.dialog .no{display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:12px}
.separator{width:1px;background:#ddd}
.bg-pos-right{background-position:center right}
.rel{position:relative}
.abs{position:absolute}
.pointer{cursor:pointer}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.text-green{color:#666}
.text-green-true{color:#E50C89}
.text-grey{color:#aaa}
.text-grey-black{color:#555}
.text-white{color:#fff}
.text-red{color:#a00}
.p2{padding:2px}
.p5{padding:5px}
.p10{padding:10px}
.p20{padding:20px}
.pl10{padding-left:10px}
.pl30{padding-left:30px}
.pr10{padding-right:10px}
.pt5{padding-top:5px}
.pl20{padding-left:20px}
.pt30{padding-top:30px}
.pb30{padding-bottom:30px}
.m20{margin:20px}
.m10{margin:10px}
.m5{margin:5px}
.mt0{margin-top:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt100{margin-top:100px}
.mt25{margin-top:25px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.ml5{margin-left:5px}
.ml20{margin-left:20px}
.ml10{margin-left:10px}
.h60{height:60px}
.h100{height:100px}
.h200{height:200px}
.w20{width:20px}
.w30{width:30px}
.w50{width:50px}
.w70{width:70px}
.w50p{width:50%}
.w30p{width:30%}
.w20p{width:20%}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}
.w300{width:300px}
.w350{width:350px}
.w400{width:400px}
.w500{width:500px}
.h30{height:30px}
.lh16{line-height:16px}
.lh30{line-height:30px}
.lh46{line-height:46px}
.hide{display:none}
.clear{clear:both}
.bold{font-weight:bold}
.a-left{text-align:left}
.a-right{text-align:right}
.a-center{text-align:center}
.v-middle{vertical-align:middle}
.v-top,.v-top td{vertical-align:top}
.fl-left{float:left}
.fl-right{float:right}

.table-cell{display:table-cell;height:auto;border:none;font-size:12px}

*:focus {outline: 0}

/**
 *   timepicker
 ***/  

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } 

/** tablet version **/

@media screen and (max-width: 980px) {
  #center{width:100%;margin:0}
  #banner{display:none}
  #splash{text-align:center}
  #splash #left{margin:0 auto;width:70%;text-align:left}
  #splash #logo .content{background-position:5% center}
  .index,.content{width:100%}
  .search input.w300{width:150px}
  #menu .content {padding-left:0}
  #menu a{margin:0}
  #menu a span{padding:0 20px}
}

@media screen and (max-width: 700px) {
  .search{display:none}
}