.tab {
    display:table;
    width:100%;
}

.tab .tr {
    display:table-row;
}

.tab .td, .tab .sx, .tab .dx {
    display:table-cell
}

.modulo input, .modulo button {
    width:100%;
    display:block;
    height:55px;
    line-height:55px;
    padding:0 10px;
    margin:4px 0 13px 0;
    border-radius:4px;
    border:1px solid #c1c1c1;
    font-size:17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.modulo input[type="submit"], .modulo input[type="button"], .modulo button {
    background:#e2e2e2;
    color:#27437B;
    border-radius:4px;
    border:none;
    -webkit-appearance: none;
}

.modulo input[type="checkbox"] {
    width:auto;
    height:auto;
    display:inline-block;
    margin-right:4px;
    margin-bottom:0
}

.modulo input[type="date"], .modulo input[type="time"] {
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:55px;
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance: none;
}

.modulo textarea {
    width:100%;
    display:block;
    height:150px;
    padding:10px;
    margin:4px 0 13px 0;
    border-radius:4px;
    border:1px solid #c1c1c1;
    font-size:17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family:'Open Sans', sans-serif;
    resize:none;
    font-weight:300
}

.modulo select {
    width:100%;
    display:block;
    height:55px;
    padding:0 30px 0 10px;
    margin:4px 0 13px 0;
    background:url(../img/bg-select.png) no-repeat center right;
    border-radius:4px;
    border:1px solid #c9c9c9;
    font-size:17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#000;
    
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance: none;
}

.modulo input:focus, .modulo select:focus {
    outline:none
}

.modulo input[type="radio"] {
    width:auto !important;
    height:auto !important
}

.modulo .privacy {
    font-size:12px;
    line-height:16px;
    margin:20px 0
}

.modulo small {
    font-size:13px;
    line-height:14px
}

.modulo input:focus, .modulo select:focus, .modulo button:focus, .modulo textarea:focus {
    outline:none
}

.modulo input.inp-price {
    background-image:url(../img/ico-euro.png);
    background-size:8px auto;
    background-color:#fff;
    background-position:left 10px center;
    background-repeat:no-repeat;
    padding-left:24px;
    width:100px
}

.modulo input.inp-perc {
    background-image:url(../img/ico-perc.png);
    background-size:10px auto;
    background-color:#fff;
    background-position:left 10px center;
    background-repeat:no-repeat;
    padding-left:24px;
    width:100px
}

.box-login {
    margin:40px auto;
    border:1px solid #C6C6C6;
    padding:30px 24px;
    border-radius:4px;
    text-align:center;
    background:#fff;
    max-width:650px;
}

.box-login a {
    color:#66B4AF;
    text-decoration:underline
}

.box-login a.bott {
    color:#FAB50F;
    text-decoration:none;
    display:block;
    margin:4px 0;
    font-weight:400;
    font-size:18px
}

.box-login a.bott.bott-reg {
    background:#e2e2e2;
    color:#353535
}

.ok-box {
    margin:40px 0;
    text-align:center
}

.ok-box i {
    font-size:50px;
    line-height:50px;
    display:block;
    margin-bottom:15px;
}

.ok-box .bott-s {
    display:inline-block;
    padding:10px 15px;
    background:#dddddd;
    border-radius:2px;
    margin:10px 0 0 0;
    text-decoration:none;
    color:#444444
}

.bott {
    display:inline-block;
    padding:10px 13px;
    background:#27437B;
    color:#fff;
    font-weight:700;
    border-radius:3px
}

.bott2 {
    background:#84bc00;
    color:#fff;
}

.bott3 {
    background:#e0e0e0;
    color:#898989;
}

.bott4 {
    background:#66B4AF;
    color:#fff;
}

.bott-p {
    display:inline-block;
    padding:2px 5px;
    background-color:#84bc00;
    color:#fff;
    border-radius:3px;
    font-weight:700
}

.bott.bott-tab {
    display:inline-block;
    padding:4px 20px;
    background:#4175df;
    color:#fff;
    font-weight:700;
    border-radius:3px
}

.bott-canc {
    background: #f25959;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.back-bott {
    display:inline-block;
    padding:6px 8px 6px 18px;
    background-image:url(../img/arr-left.svg);
    background-size:10px auto;
    background-color:#27437B;
    background-position:left 5px center;
    background-repeat:no-repeat;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    font-size:13px;
    line-height:13px;
    margin:0 0 20px 0;
}

.top-ricerca-ar {
    margin:20px auto;
}

.top-ricerca-ar .bar-ricerca-mobile {
    display:none
}

.top-ricerca-ar .tab {
    width:auto
}

.top-ricerca-ar .inp {
    display:table-cell;
    padding:5px
}

.top-ricerca-ar .inp.inp-btt button {
    width:55px;
    background:#e2e2e2;
    color:#fff;
    border-radius:3px
}

.top-ricerca-ar .inp.inp-btt .attivo {
    background:#84bc00;
}

@media (max-width:640px) {
    .top-ricerca-ar .bar-ricerca-mobile {
        display:block;
        padding:10px;
        border-bottom:1px solid #27437B;
        color:#27437B;
        font-size:14px;
        line-height:14px;
        text-transform:uppercase;
        font-weight:700;
        cursor:pointer;
    }
    
    .top-ricerca-ar .bar-ricerca-mobile i.fa-angle-down {
        float:right;
    }
    
    .top-ricerca-ar .bar-ricerca-mobile i.fa-angle-down.rot {
        transform: rotate(180deg);
    }
    
    .top-ricerca-ar .tab {
        display:none;
    }
    
    .top-ricerca-ar .tab.view {
        display:block;
        background:#27437B;
        color:#fff;
        padding:10px;
        border-radius:0 0 3px 3px
    }
    
    .top-ricerca-ar .tab.view .inp {
        display:block;
        min-width:0;
        max-width:none;
        width:100%
    }
    
    .top-ricerca-ar .tab.view .inp input, .top-ricerca-ar .tab.view .inp select {
        height:35px;
        margin:0;
        background-color:#fff;
        border:0;
    }
    
    .top-ricerca-ar .tab.view .inp button {
        background:#66B4AF;
        color:#fff;
        text-align:center;
        display:block;
        width:100%;
        margin:0;
    }
}

.ordina-per {
    margin:10px 0;
    text-align:right;
    font-size:12px;
    line-height:12px;
}

.ordina-per select {
    height:24px;
    line-height:24px;
    font-size:12px;
    display:inline-block;
    margin:0 0 0 5px;
    width:auto
}

.btt-right-page {
    position:absolute;
    top:23px;
    right:20px;
}

.btt-right-page .btt-right {
    padding:6px 8px;
    background:#84bc00;
    color:#fff;
    border-radius:3px;
    margin:0 0 3px 3px;
    font-size:13px;
    display:inline-block
}

.btt-right-page .btt-right.btt-right-blue {
    background:#f25959
}

.btt-right-page .btt-right.btt-right-red {
    background:#f25959
}

@media (max-width:640px) {
    .btt-right-page .btt-right {
        padding:3px 4px;
        font-size:12px
    }
}

@media (max-width:480px) {
    .btt-right-page {
        position:static;
        margin:10px 0;
    }
}

.tag {
    margin-top:8px;
}

.tag span {
    background:#e1e1e1;
    color:#555555;
    display:inline-block;
    margin:0 0 1px 0;
    padding:8px;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    font-style:italic;
    border-radius:3px
}

.tag span.principale {
    background:#6bc10f;
    color:#fff
}

@media (max-width:600px) {
    .tag {
        margin-top:3px
    }
    
    .tag span {
        padding:3px;
        font-size:11px;
        line-height:11px;
    }
}

.mappa {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}

#mapCanvas {
    width:100%;
    height:400px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

#mapCanvas.no {
    width:100%;
    height:0
}

.info_content {
    width:240px;
    text-align:center;
}

.info_content h3 {
    font-size:15px;
    line-height:16px;
    text-transform:uppercase;
    font-weight:700;
    margin:0 0 8px 0
}

.info_content a {
    display:block;
    padding:5px;
    background:#353535;
    color:#FAB50F;
    margin-top:8px;
    text-transform:uppercase;
    font-size:13px;
    line-height:13px;
    font-weight:700;
    border-radius:3px
}

.tab-elenco {
    border:1px solid #C6C6C6;
    border-radius:5px;
}

.tab-elenco .tr {
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.tab-elenco .tr:hover {
    background:#ededed
}

.tab-elenco .tr .td {
    border-bottom:1px solid #eaeaea
}

.tab-elenco .tr:last-child .td.go, .tab-elenco .tr:last-child .td.go2 {
    border-bottom:0
}

.tab-elenco .td {
    padding:15px 10px;
    font-size:14px;
    line-height:16px;
}

.tab-elenco .tr-title .td {
    background:#27437B;
    color:#fff;
    font-weight:700;
}

.tab-elenco .td.voce-xs {
    width:50px
}

.tab-elenco .td.voce-s {
    width:110px
}

.tab-elenco .td.voce-m {
    width:150px
}

.tab-elenco .td.voce-l {
    width:200px
}

.tab-elenco .td.go {
    width:50px;
    vertical-align:middle;
    background:#84bc00;
    color:#fff;
    text-align:center
}

.tab-elenco .td.go2 {
    width:50px;
    vertical-align:middle;
    background:#66B4AF;
    color:#fff;
    text-align:center
}

.tab-elenco .td.doc {
    width:50px;
    vertical-align:middle;
    background:#583bfc;
    color:#fff;
    text-align:center
}

.tab-elenco .td.doc2 {
    width:50px;
    vertical-align:middle;
    background: #FAB50F;
    color:#fff;
    text-align:center
}

.tab-elenco .td.doc-no {
    width:50px;
    vertical-align:middle;
    background:#fc3f3f;
    color:#fff;
    text-align:center
}

.tab-elenco .no-att {
    background:#f9baba;
}

.tab-elenco .td.titolo span {
    font-style:italic;
    color:#898989
}

.tab-elenco .td.stato {
    font-weight:700;
    vertical-align:middle;
    font-size:11px;
    text-align:center;
}

.tab-elenco .td.stato.stato1 {
    color:#84bc00;
}

.tab-elenco .td.stato.stato2 {
    color:#FAB50F;
}

.tab-elenco .td.stato.stato3 {
    color:#f25959;
}

.tab-elenco .td.stato.stato4 {
    color: #ffee2e;
}

.tab-elenco .td.stato .ico-stato {
    margin-top:4px
}

.tab-elenco .td.stato .ico-stato a {
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 2px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

.tab-elenco .td.stato .ico-stato a.bed {
    background-image:url(../img/bed.svg);
}

.tab-elenco .td.stato .ico-stato a.note {
    background-image:url(../img/note.svg);
}

.tab-elenco .td.stato .ico-stato a.person {
    background-image:url(../img/person.svg);
}

.tab-elenco .td.label input {
    
}

.tab-elenco .td .titmob {
    display:none
}

.tab-elenco .td span.serv1 {
    font-size:10px;
    line-height:14px;
    display:block;
    margin-bottom:4px;
}

.tab-elenco .no-att .td.no-att {
    background-color:#f1f1f1;
}

@media (max-width:980px) {
    .tab-elenco .td {
        font-size:13px;
        line-height:15px;
    }
}

@media (max-width:700px) {
    .tab-elenco {
        border:0;
    }
    
    .tab-elenco .tr.tr-title {
        display:none
    }
    
    .tab-elenco .tr {
        display:block;
        margin-bottom:20px;
        border:1px solid #C6C6C6;
        border-radius:5px;
        overflow:hidden
    }
    
    .tab-elenco .tr:hover {
        background:transparent
    }
    
    .tab-elenco .td .titmob {
        display:block;
        background:#dbdbdb;
        padding:3px 6px;
        border-radius:3px;
        font-size:11px;
        line-height:11px;
        font-weight:700;
        margin:0 0 8px 0;
    }
    
    .tab-elenco .td {
        padding:10px;
        display:block;
        clear:both
    }
    
    .tab-elenco .td.td-mob2 {
        float:left;
        width:50%;
        clear:none
    }
    
    .tab-elenco .td.stato {
        text-align:center;
        padding:14px 10px;
    }
    
    .tab-elenco .td.go, .tab-elenco .td.doc, .tab-elenco .td.doc-no {
        width:100%;
        text-align:center;
        padding:20px 10px;
        border-bottom:0
    }
    
    .tab-elenco .td.td-mob2 {
        width:50%
    }
}

.box-edit {
    max-width:800px;
    padding:20px;
    border-radius:5px;
    border:1px solid #C6C6C6;
    margin-bottom:30px
}

.box-edit.box-edit2 {
    background:#f4f4f4
}

h4.tit-box-edit {
    margin:0 0 20px 0;
    font-size:14px;
    line-height:14px;
    font-weight:700;
    color:#66B4AF;
    background:#f4f4f4;
    padding:8px;
    border-radius:4px
}

.box-edit h4.tit-box-edit a.edit {
    color:#353535
}

.box-edit textarea.textarea-desc-attivita {
    font-size:14px;
    line-height:20px
}

.box-edit .sel-num-portate {
    font-size:13px
}

.box-edit .sel-num-portate select {
    display:inline-block;
    margin:0 0 0 10px;
    width:70px;
    height:35px
}

.box-edit a.del {
    background:#f25959;
    color:#fff;
    width:20px;
    height:20px;
    border-radius:20px;
    font-size:10px;
    display:inline-block;
    text-align:center;;
    margin-right:5px
}

textarea.small-txtarea {
    height:80px
}

.box-edit .bott {
    padding:8px 10px;
    font-size:14px;
    line-height:14px;
    color:#fff;
    margin-top:10px
}

.box-edit button[type="submit"].bott {
    font-family: 'Open Sans', sans-serif;
}

.box-edit .el-dettagli span {
    padding:5px 0;
    border-bottom:1px dotted #C6C6C6;
    display:block;
    font-size:13px;
    line-height:20px
}

.box-edit .el-dettagli span i {
    display:inline-block;
    width:20px
}

.box-edit .el-dettagli span:last-child {
    border-bottom:none
}

.box-edit .el-dettagli.el-dettagli-menu span {
    font-style:italic
}

.box-edit .el-dettagli.el-dettagli-menu span .edit {
    display:inline-block;
    color:#353535;
}

.box-edit .el-dettagli.el-dettagli-menu span .prz {
    float:right;
    margin:0 0 0 4px;
    font-weight:700
}

.box-edit .opz-inline {
    display:inline-block;
    margin:0 0 20px 0
}

.box-edit .opz-inline .switch {
    margin:0 0 0 6px;
    top:-5px
}

.box-edit.modulo button {
    padding:8px 10px;
    font-size:14px;
    line-height:14px;
    background:#66B4AF;
    color:#fff;
    margin-top:10px;
    display:inline-block;
    width:auto;
    height:auto;
    border-radius:3px
}

.box-edit .opz-modulo input {
    display:none
}

.box-edit .opz-modulo input + label {
    display:block;
    padding:13px 10px 13px 28px;
    background-image:url(../../img/check1.svg);
    background-size:18px auto;
    background-color:#fff;
    background-position:left 3px center;
    background-repeat:no-repeat;
    border-bottom:1px solid #e0e0e0
}

.box-edit .opz-modulo input:checked + label {
    background-image:url(../../img/check2.svg);
}

.box-edit .opz-modulo.opz-modulo2 input + label {
    background-position:left 3px top 14px;
}

.box-edit .opz-modulo.opz-modulo2 input + label span {
    display:none
}

.box-edit .opz-modulo.opz-modulo2 input + label span .bott {
    margin:3px 0 0 0;
    font-size:12px;
    line-height:12px;
    padding:5px 7px
}

.box-edit .opz-modulo.opz-modulo2 input:checked + label span {
    display:block;
    margin-top:10px
}

.box-edit.modulo button.bott-save2 {
    display:inline-block;
    height:55px;
    width:55px;
    text-align:center;
    font-size:16px;
    line-height:55px;
    padding:0;
    position:relative;
    bottom:0
}

.container-task .box-edit {
    background:#f4f4f4;
    margin-bottom:10px;
    border:1px solid #27437B
}

.container-task .box-edit h4.tit-box-edit {
    background:#e8e8e8;
    color:#27437B
}

.container-task .box-edit:nth-child(even) {
    border:1px solid #66B4AF;
}

.container-task .box-edit:nth-child(even) h4.tit-box-edit {
    color:#66B4AF
}

.opz-stato select {
    width:200px;
    display:inline-block
}

.tab.tab-el-small .sx {
    width:120px;
    padding:10px 5px;
    border-bottom:1px dotted #C6C6C6;
    font-size:13px;
    text-align:right;
    vertical-align:top
}

.tab.tab-el-small .dx {
    padding:10px 5px;
    font-weight:700;
    border-bottom:1px dotted #C6C6C6;
    font-size:15px
}

.tab.tab-el-small .dx a.btt-s {
    padding:2px 10px;
    background:#adadad;
    font-size:12px;
    line-height:12px;
    border-radius:3px;
    color:#fff
}

.tab.tab-el-small .dx .box-el {
    display:inline-block
}

.tab.tab-el-small .dx .box-el .el {
    padding:3px 0;
    border-bottom:1px solid #eaeaea;
}

.tab.tab-el-small .dx .box-el .el:last-child {
    border-bottom:0;
}

.tab.tab-el-small .dx .box-el .el span {
    font-weight:300;
    font-size:11px;
    line-height:11px;
    text-transform:uppercase;
    display:inline-block;
    margin-right:3px
}

.tab.tab-el-small .td {
    border-bottom:1px dotted #C6C6C6;
}

.tab.tab-el-small .td.edit {
    width:40px;
    vertical-align:top;
    text-align:center;
}

.tab.tab-el-small .td.edit a {
    display:inline-block;
    background:#66B4AF;
    color:#fff;
    font-size:16px;
    width:34px;
    line-height:34px;
    text-align:center;
    border-radius:4px;
    margin-top:4px
}

.tab.tab-el-small .td.edit.edit-del a {
    background:#f25959;
    color:#fff;
}

.tab.tab-el-small .tr {
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.tab.tab-el-small .tr:hover {
    background:#f4f4f4
}

.tab.tab-el-small .tr:last-child .sx, .tab.tab-el-small .tr:last-child .dx, .tab.tab-el-small .tr:last-child .td {
    border-bottom:0
}

@media (max-width:480px) {
    .tab.tab-el-small .sx {
        font-size:11px;
        width:50px;
        padding:10px 0
    }

    .tab.tab-el-small .dx {
        font-size:13px
    }
    
    .tab.tab-el-small .dx input, .tab.tab-el-small .dx textarea {
        font-size:13px;
        line-height:16px
    }
}

.el-box-o a {
    display:block;
    margin-bottom:24px;
    height:120px;
    color:#353535;
    border:1px solid #C6C6C6;
    border-radius:4px;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
    position:relative
}

.el-box-o a:hover {
    border:1px solid #353535;
}

.el-box-o a .tab {
    height:100%
}

.el-box-o a .sx {
    width:50px;
    text-align:center;
    vertical-align:middle;
}

.el-box-o a .dx {
    padding:10px 10px 10px 0;
    vertical-align:middle;
    font-weight:400;
    font-size:18px;
    line-height:22px
}

.el-box-o a .dx .dett {
    font-size:13px;
    font-weight:300;
    margin-top:4px;
}

.el-box-o a .dx .dett span {
    display:inline-block;
    margin:0 3px 3px 0;
    background:#e1e1e1;
    color:#555555;
    border-radius:2px;
    padding:0 10px;
}

.el-box-o a .dx .stato {
    font-size:12px;
    font-weight:300;
    margin-top:4px;
}

.el-box-o a .dx .stato span {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:20px;
    margin-right:8px
}

.el-box-o a .dx .stato span.stato1 {
    background:#84bc00;
}

.el-box-o a .dx .stato span.stato2 {
    background:#db3b3b;
}

.el-box-o a .dx .stato span.stato3 {
    background:#ffbb00;
}

.el-box-o a .td.prz {
    width:120px;
    text-align:right;
    vertical-align:middle;
    padding-right:20px;
}

.el-box-o a .td.prz {
    width:120px;
    text-align:right;
    vertical-align:middle;
    padding-right:20px;
    font-weight:bold
}

.el-box-o a .td.prz small {
    display:block;
    margin-top:0;
    font-weight:300
}

.el-box-page a {
    padding:20px;
    border-bottom:3px solid #fff;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
    background:#f7f7f7;
    color:#000
}

.el-box-page.el-box-page2 a {
    background:#fab50f;
    color:#000;
    border-radius:3px
}

.el-box-page.el-box-pag-assistenza a {
    padding:20px 0;
    background:transparent;
    color:#000;
    border-bottom:1px solid #C6C6C6 !important
}

.el-box-page a:hover {
    background:#e5e5e5
}

.el-box-page.el-box-page2 a:hover {
    background:#f2bd43
}

.el-box-page.el-box-pag-assistenza a:hover {
    background:transparent;
}

.el-box-page a.leggere b {
    color:#7ac600;
}

.el-box-page a.leggere .sx {
    color:#7ac600;
}

.el-box-page a b {
    display:block;
    margin-bottom:2px
}

.el-box-page a .sx {
    width:40px;
    font-size:17px;
    line-height:15px;
    vertical-align:top;
}

.el-box-page a:last-child {
    border-bottom:0;
}

.el-box-page .dx .date-alert {
    margin-top:4px;
    font-size:12px;
    text-transform:uppercase;
    color:#5e5e5e
}

.el-box-page .td.stato-ticket {
    width:100px;
    vertical-align:middle;
    text-align:center;
    font-size:13px;
    font-weight:700;
    border-radius:5px
}

.el-box-page .td.stato-ticket.stato-ticket1 {
    background:#d0ea8c;
    color:#526d00
}

.el-box-page .td.stato-ticket.stato-ticket2 {
    background:#c4c4c4;
    color:#6d6d6d
}

.el-box-page .td.stato-ticket.stato-ticket-avviso {
    background:#fff;
    color:#353535
}

.el-box-page .td.stato-ticket-pag {
    text-align:right;
}

.el-box-page .td.stato-ticket-pag b {
    display:inline;
    margin:0
}

.el-box-page .td.stato-ticket-pag a {
    border:0;
    padding:4px 10px;
    background:#353535;
    color:#fff
}

.el-box-page .td.stato-ticket-pag.stato-ticket1 b {
    color:#526d00
}

.el-box-page .td.stato-ticket-pag.stato-ticket2 b {
    color:#6d6d6d
}

.el-box-page a.nuova .dx {
    font-weight:bold
}

.el-box-page a.nuova {
    position:relative
}

.el-box-page a.nuova:before {
    content:"";
    position:absolute;
    top:20px;
    left:-6px;
    width:16px;
    height:16px;
    border-radius:20px;
    background:#84bc00;
    outline:2px solid #fff
}

@media (max-width:570px) {
    .el-box-page .dx {
        display:block;
        width:100%;
    }
    
    .el-box-page .td.stato-ticket {
        display:block;
        width:100%;
        margin-top:15px;
        padding:7px
    }
}

.box-mess {
    margin-top:40px
}

.box-mess .mess {
    padding:10px;
    font-size:13px;
    font-style:italic;
    margin-bottom:10px;
    position:relative
}

.box-mess .mess1 {
    background:#ededed;
    margin-right:30px;
}

.box-mess .mess2 {
    background:#d6d6d6;
    margin-left:30px;
}

.box-mess .mess a.del-mess {
    position:absolute;
    width:28px;
    height:28px;
    background:#f25959;
    color:#fff;
    right:-10px;
    top:-10px;
    line-height:28px;
    border-radius:30px;
    text-align:center
}

.box-popup {
    background:#fff;
    border-radius:10px;
    overflow:hidden
}

.box-popup .pad-popup {
    padding:20px;
}

.box-popup .title-popup {
    background:#27437B;
    padding:30px 20px 15px 20px;
    text-align:center;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
}

.box-popup .title-popup .black-btt-popup {
    display:inline-block;
    width:25px;
    height:25px;
    border-radius:50px;
    margin-right:6px;
    background:#fff;
    color:#353535;
    text-align:center;
    line-height:25px;
    font-size:18px;
    padding:1px 2px 0 0
}

.box-popup .btt-popup {
    margin-top:35px;
    text-align:center
}

.box-popup .btt1 {
    padding-right:10px;
    color:#7c7c7c;
    font-weight:400
}

.box-popup .btt2 {
    padding-left:10px;
    color:#5bad0a;
    font-weight:700
}

.box-popup button.btt2 {
    background:transparent;
    border:0;
    font-size:15px;
    font-family:'Open Sans', sans-serif;
    font-weight:700;
    cursor:pointer
}

.box-popup .btt-popup.menodue .btt1 {
    text-align:right;
}

.box-popup .btt-popup.menodue .btt2 {
    text-align:left;
}

.box-popup .persone-popup {
    padding-top:5px;
    border-top:0.5px solid #444;
    max-width:200px;
    margin:5px auto 0 auto
}

.box-popup .box-menu-popup {
    height:200px;
    overflow:auto;
    border:1px solid #C6C6C6;
    margin-top:10px
}

.box-popup .box-menu-popup2 {
    height:auto;
    overflow:visible;
    border:1px solid #C6C6C6;
    margin-top:10px
}

.box-popup .box-menu-popup input[type="checkbox"].check-menu, .box-popup .box-menu-popup input[type="radio"].check-menu {
    display:none
}

.box-popup .box-menu-popup input[type="checkbox"].check-menu + label.opz-menu-popup, .box-popup .box-menu-popup input[type="radio"].check-menu + label.opz-menu-popup {
    background:#ededed;
    border-bottom:1px solid #fff
}

.box-popup .box-menu-popup input[type="checkbox"].check-menu:checked + label.opz-menu-popup, .box-popup .box-menu-popup input[type="radio"].check-menu:checked + label.opz-menu-popup {
    background:#353535;
    color:#fff
}

.box-popup .box-menu-popup .opz-menu-popup.opz-menu-popup-sel {
    border-bottom:1px solid #C6C6C6
}

.box-popup .box-menu-popup .opz-menu-popup-sel:last-child {
    border-bottom:0
}

.box-popup .box-menu-popup .opz-menu-popup .td {
    padding:10px;
    vertical-align:middle
}

.box-popup .box-menu-popup .opz-menu-popup .td.check {
    width:30px;
    background-image:url(../img/check1.svg);
    background-size:20px auto;
    background-position:center;
    background-repeat:no-repeat;
}

.box-popup .box-menu-popup .opz-menu-popup .td.select {
    width:30px;
}

.box-popup .box-menu-popup .opz-menu-popup .td.select select {
    height:28px;
    width:60px;
    font-size:14px;
    position:relative;
    bottom:-4px
}

.box-popup .box-menu-popup input[type="checkbox"].check-menu:checked + label.opz-menu-popup .td.check {
    background-image:url(../img/check2.svg);
}

.box-popup .box-menu-popup .opz-menu-popup .td.txt {
    font-size:12px;
}

.box-popup .box-menu-popup .opz-menu-popup .td.txt b {
    font-size:110%;
    display:block;
    margin-bottom:3px;
    text-transform:uppercase
}

.box-popup .box-menu-popup .opz-menu-popup .td.txt .copertiomaggio {
    display:inline-block;
    background:#444;
    color:#fff;
    font-size:11px;
    line-height:12px;
    padding:2px 4px;
    border-radius:2px
}

.box-popup .box-menu-popup .opz-menu-popup .td.prz {
    font-weight:700;
    text-align:right;
    font-size:13px;
    width:70px
}

.box-popup .box-menu-popup .opz-menu-popup .td.prz small {
    font-size:11px;
    line-height:11px;
    font-weight:300
}

.box-popup .box-menu-popup .opz-menu-popup .td.view {
    background:#FAB50F;
    color:#353535;
    width:50px;
    text-align:center
}

.box-popup .menu-dett-popup {
    height:190px;
    overflow:auto;
    border-bottom:1px solid #C6C6C6;
    text-align:center;
    padding-bottom:30px
}

.box-popup .menu-dett-popup b {
    display:block;
    margin-bottom:4px
}

.box-popup .riep {
    font-size:13px;
    margin-bottom:15px
}

.box-popup .menu-dett-popup span {
    display:block;
    max-width:270px;
    width:100%;
    margin:0 auto;
    padding:3px 0;
    border-bottom:1px dotted #C6C6C6;
    font-style:italic;
    font-size:14px;
}

.box-popup .bott.bott-agg {
    display:block;
    margin:0;
    text-align:center;
    border:1px solid #353535;
    color:#353535;
    background:none
}

.box-popup .bott.bott-agg i {
    display:inline-block;
    color:#FAB50F;
    width:18px
}

.box-popup .text-portata {
    margin-top:10px
}

.box-popup .text-portata input {
    margin:0;
    height:35px;
    font-size:13px
}

.box-popup .modulo.modulo-small input,
.box-popup .modulo.modulo-small select {
    height:40px;
    font-size:13px
}

.box-popup .modulo {
    border-radius:3px;
}

.box-popup .modulo button {
    border-radius:3px;
    color:#fff;
    background:#81d32a
}

.box-popup .menu-v-popup .bott {
    display:block;
    text-align:center;
    background:#84bc00;
    color:#353535;
    margin:0 0 3px 0;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.box-popup .menu-v-popup .bott:hover {
    background:#d6d6d6;
}

.box-popup .menu-v-popup .bott i {
    display:inline-block;
    font-size:12px;
    width:16px
}

.box-popup .menu-v-popup .bott.bott-red {
    background:#f25959;
    color:#fff;
}

.box-popup .menu-v-popup .bott.bott-green {
    background:#84bc00;
    color:#fff;
}

.box-popup .el-servizi-popup .tab {
  border-bottom:1px solid #C6C6C6
}

.box-popup .el-servizi-popup .dx {
    width:80px;
    vertical-align:middle;
    padding:10px 0;
}

.box-popup .el-servizi-popup .sx {
    vertical-align:middle;
    padding:20px 0;
}

.box-popup .el-servizi-popup .sx .dett {
    font-size:13px;
    font-weight:300;
    margin-top:4px;
}

.box-popup .el-servizi-popup .sx .dett span {
    display:inline-block;
    margin:0 0 3px 0 ;
    background:#e1e1e1;
    color:#555555;
    border-radius:2px;
    padding:0 10px;
}

.box-popup .el-servizi-popup .sx .bott {
  padding:5px 10px;
  font-size:12px;
  line-height:12px;
  font-weight:400;
  margin-top:10px;
}

.box-popup .msg-popup {
  text-align:center;
  max-width:240px;
  margin:30px auto
}

.box-popup .msg-popup img {
  display:inline-block;
  margin-bottom:14px;
  width:90px
}

.box-popup .msg-popup h3 {
  font-weight:700;
  text-transform:uppercase
}

.box-popup .ricerca-popup {
    margin-bottom:10px;
}

.box-popup .ricerca-popup .sx, .box-popup .ricerca-popup .dx {
    vertical-align:top
}

.box-popup .ricerca-popup .sx input, .box-popup .ricerca-popup .sx select {
    height:40px;
    font-size:14px;
    margin:0;
}

.box-popup .ricerca-popup .dx {
    width:50px;
    padding-left:10px;
}

.box-popup .ricerca-popup .dx button {
    height:40px;
    font-size:16px;
    line-height:40px;
    margin:0
}

.box-popup .elenco-popup {
    height:200px;
    overflow:auto;
    border:1px solid #C6C6C6;
    border-radius:2px;
}

.box-popup .elenco-popup .tab {
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.box-popup .elenco-popup .tab:hover .sx {
    background:#eaeaea
}

.box-popup .elenco-popup .sx {
    vertical-align:top;
    padding:10px;
    font-size:14px;
    line-height:18px;
    border-bottom:1px solid #C6C6C6;
}

.box-popup .elenco-popup .dx {
    width:40px;
    padding:10px;
    vertical-align:middle;
    background:#84bc00;
    color:#fff;
    border-bottom:1px solid #C6C6C6;
    text-align:center
}

.box-popup .elenco-popup .voce-cal-opz .dx {
    background:#fab50f;
}

.box-popup .elenco-popup.elenco-popup2 .tab:nth-child(even) {
    background:#efefef
}

.box-popup .elenco-popup .sx.sx2 {
    width:50%;
    vertical-align:top;
    font-size:11px;
    line-height:14px;
    font-style:italic
}

.box-popup .elenco-popup .dx.dx2 {
    background:none;
    color:#353535;
    vertical-align:top;
    text-align:left;
    font-size:11px;
    line-height:14px;
    width:auto;
    border-left:1px solid #eaeaea;
}

.box-popup .elenco-popup .tab:hover .sx.sx2, .box-popup .elenco-popup .tab:hover .dx.dx2 {
    background:#eaeaea
}

.box-popup .elenco-popup .dx.dx2 ul.l-audit {
    margin:0;
    padding:0;
    list-style:none;
}

.box-popup .elenco-popup .dx.dx2 ul.l-audit li {
    margin:0;
    padding:0;
    display:block;
    margin-bottom:10px;
}

.box-popup .elenco-popup .dx.dx2 ul.l-audit li .prima {
    background-color:#e1e1e1;
    padding:3px
}

.box-popup .elenco-popup .dx.dx2 ul.l-audit li .dopo {
    background-color:#cfeaa1;
    padding:3px
}

h3.tit-task {
    margin-top:60px;
    font-size:22px;
    line-height:24px;
    font-weight:700;
    background:#27437B;
    color:#fff;
    padding:6px 8px;
    border-radius:5px;
    max-width:800px
}

.tag input {
    display:none !important
}
  
.tag input[type="checkbox"] + label, .tag input[type="radio"] + label {
    margin-top:20px;
    background:#e1e1e1;
    color:#555555;
    display:inline-block;
    margin:0 0 3px 0;
    padding:8px;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    font-style:italic;
    border-radius:3px;
}

.tag input[type="checkbox"]:checked + label, .tag input[type="radio"]:checked + label {
    background:#66B4AF;
    color:#fff;
}

.gall-foto .box-gall-foto {
    margin-bottom:8px;
    border-radius:10px;
    position:relative;
    border-radius:7px;
    overflow:hidden
}

.gall-foto .box-gall-foto a.popup-gallery {
    display:block;
    width:100%;
    height:100%;
    padding-top:100%;
}

.gall-foto .box-gall-foto .canc {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    border-radius:0 0 0 7px;
    z-index:2;
    background-image:url(../img/canc.svg);
    background-size:15px auto;
    background-color:#ea2a2a;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-transition:0.1s;
    -moz-transition:0.1s;
    -o-transition:0.1s;
    transition:0.1s;
}

.gall-foto .box-gall-foto .canc:hover {
    background-color:#c12020;
}

.gall-foto .box-gall-foto .description .sx {
    font-size:12px;
    line-height:14px;
    padding:10px;
    vertical-align:top;
    background:#f4f4f4;
    overflow:hidden;
    text-overflow:ellipsis;
}

.gall-foto .box-gall-foto .description .sx span {
    height:44px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

.gall-foto .box-gall-foto .description .dx {
    width:40px;
    background:#66B4AF;
    color:#fff;
    text-align:center;
    padding:20px 0;
    vertical-align:middle;
}

.fancybox-inner {
    overflow-y:auto !important
}

#paginazione {
    margin:40px 0 0 0;
    text-align:center
}

#paginazione a {
    display:inline-block;
    margin:0 8px;
    color:#66B4AF;
    font-size:20px;
    position:relative;
    bottom:-2px
}

#paginazione select {
    width:55px;
    height:35px;
    display:inline-block;
    padding-right:10px;
    margin-right:3px
}

.box-calendario {
    min-width:830px;
}

.box-calendario .tr.title .td {
    padding:10px 10px 10px 0;
    border:0;
    border-bottom:1px solid #C6C6C6;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase
}

.box-calendario .tr.title .td:last-child {
    border-right:0
}

.box-calendario .td.day {
    width:14.28%;
    padding-top:14.28%;
    position:relative;
    border-left:1px solid #C6C6C6;
    border-bottom:1px solid #C6C6C6;
}

.box-calendario .tr .td.day:last-child {
    border-right:1px solid #C6C6C6;
}

.box-calendario .td.day-no {
    background-color:#e5e5f7;
    opacity:0.4;
    background-size:20px 20px;
    background-image:repeating-linear-gradient(45deg, #d6d6d6 0, #d6d6d6 2px, #e5e5f7 0, #e5e5f7 50%);
}

.box-calendario .td.day.day-stato1 {
    background-size:20px 20px;
    background-image:repeating-linear-gradient(45deg, #f4d17f 0, #f4d17f 2px, #ffecc1 0, #ffecc1 50%);
}

.box-calendario .td.day .num {
    position:absolute;
    top:14px;
    left:14px;
    color:#FAB50F;
    font-weight:700;
    font-size:20px
}

.box-calendario .td.day .oggi {
    position:absolute;
    top:14px;
    left:14px;
    color:white;
    background-color:#84bc00;
    font-weight:700;
    font-size:20px;
    border-radius:3px;
    padding:0 3px
}

.box-calendario .td.day .box-msg-cal {
    position:absolute;
    bottom:14px;
    left:14px;
    right:14px;
}

.box-calendario .td.day .box-msg-cal .voce-cal {
    display:block;
    padding:4px;
    border-radius:4px;
    background:#e2e2e2;
    font-size:10px;
    line-height:11px;
    text-transform:uppercase;
    margin-bottom:3px;
    height:20px;
    color:#353535
}

.box-calendario .td.day .box-msg-cal .voce-cal.voce-cal-opz {
    background:#fab50f;
    color:#fff;
    font-weight:400
}

.box-calendario .td.day .box-msg-cal .voce-cal.voce-cal-pre {
    background:#84bc00;
    color:#fff;
    font-weight:400
}

.box-calendario .td.day .box-msg-cal .voce-cal.chiuso {
    background:#ff4848;
    color:#fff;
    font-weight:400
}

.box-calendario .td.day .box-msg-cal span {
    display:block;
    height:11px;
    overflow:hidden;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}

.box-calendario .td.day .box-msg-cal span i {
    display:inline-block;
    width:16px;
}

.box-calendario .td.day .ed-day {
  position:absolute;
    top:14px;
    right:14px;
    font-size:15px;
    line-height:15px;
    color:#dbdbdb;
    -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  transition:0.2s;
}

.box-calendario .td.day .ed-day:hover {
    color:#adadad;
}

.box-calendario .td.day .box-msg-cal .cont-y-box {
    height:140px;
    overflow-y:auto;
    border-bottom:2px solid #fff
}

@media (max-width:1800px) {
    .box-calendario .td.day .box-msg-cal .cont-y-box {
        height:120px;
    }
}

@media (max-width:1600px) {
    .box-calendario .td.day .box-msg-cal .cont-y-box {
        height:80px;
    }
}

@media (max-width:1300px) {
    .box-calendario .td.day .box-msg-cal .cont-y-box {
        height:60px;
    }
}

@media (max-width:1160px) {
    .box-calendario .td.day .box-msg-cal .cont-y-box {
        height:40px;
    }
}

.tot-plann {
    border:1px solid #C6C6C6;
    padding:13px 20px;
    text-align:right;
    border-radius:5px;
}

.tot-plann .tt {
    display:inline-block;
    margin-left:10px;
    font-weight:700;
    background-color:#27437B;
    color:#fff;
    padding:3px 10px;
    border-radius:3px
}

.tagid {
    display:block;
    min-width: 20px;
    padding: 3px;
    height:20px;
    background-color:#7a7a7a;
    border-radius:2px;
    color:#fff;
    text-align:center;
    margin-top:4px;
    font-size:10px;
}

.tab-ruoli .td.td1 select, .tab-ruoli .td.td3 select {
    height:150px;
}

.tab-ruoli .td.td2 {
    width:70px;
    text-align:center;
    vertical-align:middle;
}

.tab-ruoli .td.td2 button {
    margin:5px 0 0 0
}

.cont10 {
    margin:0 0 15px 0;
}

.cont10 .td {
    width:10%;
    text-align:center;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    font-size:13px
}

.cont10 .tab .td:last-child {
    border-right:1px solid #dddddd;
}

.cont10 .td span {
    display:block;
    font-size:10px;
    background-color:#b7b7b7;
    color:#fff;
    font-weight:700;
    margin-bottom:4px
}

.ms-panel {
    width:180px !important
}

.ms-toggle {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100%;
    width:100%
}










/* --------- 768px - Tablet --------- */

@media (max-width:768px) {
    
    
}



/* --------- 480px - Smartphone --------- */

@media (max-width:480px) {

    
}