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

.bott {
    font-size:13px;
    color:#b33436;
    line-height:15px;
    background:#e5e5e5;
    display:inline-block;
    padding:5px 10px;
    border:0
}

.bott2 {
    font-size:13px;
    line-height:15px;
    background:#cbcbcb;
    color:#636363;
    display:inline-block;
    padding:5px 10px;
    border:0
}

.bott3 {
    font-size:13px;
    line-height:15px;
    background:#284697;
    color:#fff;
    display:inline-block;
    padding:5px 10px;
    border:0
}

.bott-block {
    display:block;
    text-align:center;
    padding:14px 10px;
    font-size:120%;
}

.back-bott {
    border-bottom:1px solid #d1d1d1;
    margin-bottom:30px;
    margin-top:0 !important;
    background-image:url(../img/bg-back.svg);
    background-size:auto 60%;
    background-color:#e5e5e5;
    background-position:left 5px center;
    background-repeat:no-repeat;
    padding-left:20px
}

.back-bott2 {
    padding-top:10px;
    border-top:1px solid #d1d1d1;
    margin-top:30px
}

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

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

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

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

.modulo input[type="submit"], .modulo input[type="button"] {
    background:#b33436;
    color:#fff;
    border:none;
    -webkit-appearance:none;
    border-radius:0;
}

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

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

.modulo select {
    width:100%;
    display:block;
    height:55px;
    padding:0 40px 0 10px;
    margin:4px 0 13px 0;
    background-image:url(../img/bg-select.svg);
    background-size:20px auto;
    background-color:#fff;
    background-position:right 10px center;
    background-repeat:no-repeat;
    border-radius:2px;
    border:1px solid #c9c9c9;
    font-size:17px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: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
}

.el-tab .td {
    padding:20px 10px;
    border-left:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
    vertical-align:top;
    font-size:13px;
    line-height:18px;
    position:relative
}

.el-tab .tr .td:last-child {
    border-right:1px solid #d1d1d1;
}

.el-tab .tr-title .td {
    background:#878786;
    border:none !important;
    color:#fff;
    font-size:14px;
    vertical-align:bottom
}

.el-tab .td span.tit {
    display:block;
    margin-top:10px;
    font-size:12px
}

.el-tab a.tr .td {
    color:#5c5c5c;
}

.el-tab a.tr .td span {
    display:none
}

.el-tab .tr:hover {
    background:#fff
}

.el-tab .td.info {
    font-size:15px;
    line-height:16px;
    font-weight:300;
    color:#b33436
}

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

.el-tab .td.voce-xs2 {
    width:70px;
}

.el-tab .td.voce-s {
    width:150px;
}

.el-tab .td.voce-m {
    width:200px;
}

.el-tab .td.voce-l {
    width:300px;
}

.el-tab .td.go {
    background:#fff;
    text-align:center;
    vertical-align:middle;
    color:#284697 !important;
}

.el-tab .td.txt400 {
    font-weight:400
}

.el-tab .td.txt-dx {
    text-align:right
}

.el-tab .td.txt-center {
    text-align:center
}

.el-tab .td.data {
    text-align:center;
    vertical-align:middle
}

.el-tab .td.stato-nuovo {
    text-align:center;
    background:#3497fe;
    color:#fff !important;
    vertical-align:middle;
    font-weight:700
}

.el-tab .td.stato-attesa {
    text-align:center;
    background:#ffbf00;
    color:#fff !important;
    vertical-align:middle;
    font-weight:700
}

.el-tab .td.stato-ok {
    text-align:center;
    background:#86c900;
    color:#fff !important;
    vertical-align:middle;
    font-weight:700
}

.el-tab .td.stato-ko {
    text-align:center;
    background:#da5a5a;
    color:#fff !important;
    vertical-align:middle;
    font-weight:700
}

.el-tab .td.circle-num {
    width:33.3%;
    text-align:center;
    vertical-align:top
}

.el-tab .td.modulo input, .el-tab .td.modulo select {
    height:40px;
    margin:0;
    border:1px solid #eaeaea;
    background-color:#f5f5f5;
    font-size:14px;
    margin-bottom:3px
}

.el-tab .td.modulo textarea {
    margin:0;
    border:1px solid #eaeaea;
    background-color:#f5f5f5;
    font-size:14px;
    margin-bottom:3px
}

.el-tab .td.modulo textarea.size-s {
    height:60px
}

.el-tab .td.modulo input.edit {
    background-image:url(../img/edit.svg);
    background-size:auto 20px;
    background-position:right 10px center;
    background-repeat:no-repeat;
    padding-right:45px
}

.td.modulo select {
    background-image:url(../img/bg-select.svg);
    background-size:auto 20px;
    background-position:right 10px center;
}



.el-tab .td span.small-tit {
    display:inline-block;
    background:#eaeaea;
    font-size:10px;
    line-height:10px;
    text-transform:uppercase;
    margin:5px 4px 2px 0;
    padding:2px 8px;
}

.el-tab .td .small-border {
    border-bottom:1px dotted #eaeaea;
    margin:5px 0
}

.el-tab .td .opz {
    display:inline-block;
    padding:0 8px;
    margin-bottom:3px;
    background:#f5f5f5;
    line-height:35px;
    border:1px solid #eaeaea
}

.el-tab .td .opz input[type="checkbox"], .el-tab .td .opz input[type="radio"] {
    display:inline-block;
    margin-right:4px;
    position:relative;
    bottom:-2px
}

.el-tab .td .opz input[type="text"] {
    height:20px;
    font-size:13px;
    width:50px;
    display:inline-block;
    background:#fff
}

.el-tab .td .box-inl {
    display:inline-block;
    width:150px;
    margin-right:4px
}

.el-tab .td .box-inl.box-inl-s {
    width:80px;
}

@media (max-width:900px) {
    .el-tab .td {
        font-size:12px;
        line-height:14px;
        padding:15px 6px
    }
    
    .el-tab .td.info {
        font-size:12px;
        line-height:14px;
        color:#444444
    }
    
    .el-tab.el-tab-scheda .td.info {
        color:#59c605
    }
    
    
    .el-tab .tr-title .td {
        font-size:12px;
        line-height:14px;
    }
    
    .el-tab .td.voce-s {
        width:100px
    }
    
    .el-tab .td.voce-m {
        width:150px
    }
    
    .el-tab .td.voce-l {
        width:200px;
    }
}

@media (max-width:620px) {
    .el-tab .tr-title {
        display:none
    }
    
    .el-tab .td.txt-center, .el-tab .td.data {
        text-align:left
    }
    
    .el-tab .td {
        font-size:12px;
        line-height:15px;
        display:block !important;
        width:100% !important;
        text-align:left;
        border-left:0;
        border-bottom:0;
        padding:6px 6px 10px 6px
    }
    
    .el-tab a.tr .td:last-child {
        border-right:0;
        border-bottom:0
    }
    
    .el-tab a.tr .td span {
        display:block;
        background:#878786;
        padding:2px 6px;
        color:#fff;
        font-size:11px;
        line-height:11px;
        margin-bottom:4px
    }
    
    .el-tab a.tr .td.stato-ko span, .el-tab a.tr .td.stato-ok span, .el-tab a.tr .td.stato-attesa span, .el-tab a.tr .td.stato-nuovo span {
        display:block;
        padding:0;
        margin-right:5px;
        font-weight:300;
        background:none
    }
    
    .el-tab a.tr {
        outline:1px solid #d1d1d1;
        display:block;
        margin-bottom:25px
    }
    
    .el-tab .td.go {
        background:#b33436;
        color:#fff !important;
        border-top:2px solid #fff
    }
    
    .el-tab.el-tab-scheda .td.txt-dx {
        text-align:left;
        padding-bottom:0;
        font-weight:700
    }

}

.border-box {
    background:#fff;
    padding:15px 10px;
    border:1px solid #d1d1d1;
    margin-bottom:34px;
}

.border-box .el-tab .tr .td:first-child {
    border-left:0
}

.border-box .el-tab .tr .td:last-child {
    border-right:0
}

.border-box .el-tab .tr:last-child .td {
    border-bottom:0
}

.border-box h3 {
    text-transform:uppercase;
    font-size:13px;
    line-height:13px;
    background:#878786;
    color:#fff;
    padding:10px
}

.border-box a.agg {
    display:block;
    border:2px dotted #b33436;
    padding:20px;
    text-align:center;
    font-weight:700;
    margin-top:25px;
    text-transform:uppercase
}

.errorelogin {
    margin: 10px;
    text-align: center;
    color: red;
}

#firma {
    
}

canvas {
    border:2px solid #5c5c5c;
    margin-bottom:3px;
}

#saveSignature {
    display:none;
}

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

.filtro {
    margin-bottom:30px
}

.filtro.modulo input, .filtro.modulo select {
    height:30px;
    font-size:13px;
    background-color:#fff;
    margin:0
}

.filtro.modulo button {
    display:block;
    width:100%;
    border:0;
    height:30px;
    margin:0;
    background:#797979;
    color:#fff;
    border-radius:2px
}

.tab-input-filtro .dx {
    width:30px;
}

.tab-input-filtro.tab-input-filtro2 .dx {
    width:40px;
}

.tab-input-filtro .dx a {
    display:block;
    line-height:30px;
    text-align:center;
    background:#b7b7b7;
    color:#2b3c89;
    position:relative;
    bottom:-1px
}

.tab-input-filtro.tab-input-filtro2 .dx a {
    line-height:40px;
    position:relative;
    top:-1px
}

.tab-input-filtro .dx a:hover {
    background:#cecece;
}

.opz-inline {
    display:inline-block;
    height:60px;
    margin:0 30px 10px 0
}

.switch {
  position:relative;
  display:inline-block;
  width:60px;
  height:34px;
}

.switch input { 
  opacity:0;
  width:0;
  height:0;
}

.slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
}

.slider:before {
  position:absolute;
  content:"";
  height:26px;
  width:26px;
  left:4px;
  bottom:4px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}

input:checked + .slider {
  background-color:#2196F3;
}

input:focus + .slider {
  box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform:translateX(26px);
  -ms-transform:translateX(26px);
  transform:translateX(26px);
}

#paginazione {
    text-align:center;
    margin-top:100px;
}

#paginazione span, #paginazione a {
    display:inline-block;
    margin:0 1px;
    width:28px;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#7f7f7f;
    background:#e8e8e8;
    padding:0;
    margin:0 4px
}

#paginazione span {
    border:0;
    background-color: #284697;
    border:1px solid #284697;
    color: #fff;
}

#paginazione a.next, #paginazione a.back {
    border:0;
}

/* Rounded sliders */
.slider.round {
  border-radius:34px;
}

.slider.round:before {
  border-radius:50%;
}

label.upload {
    display:block;
    padding:30px 10px;
    text-align:center;
    font-size:25px;
    line-height:25px;
    border:2px dotted #c7c7c7
}

label.upload:hover {
    border:2px dotted #adadad
}

input.hidden {
    display:none
}

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

.ok-box img {
    display:inline-block;
    width:140px;
}

.ok-box-popup {
    position:fixed;
    z-index:1000;
    background:#284697;
    opacity:0.9;
    display:table;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%
}

.ok-box-popup .content-box-popup {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle
}

.ok-box-popup .content-box-popup h4 {
    font-size:34px;
    line-height:34px;
    font-weight:300;
    color:#fff;
    text-transform:uppercase
}

.schema-importa {
    max-width:300px;
}

.schema-importa div {
    padding:3px 0;
    border-bottom:1px solid #d8d8d8
}

.schema-importa div span {
    display:inline-block;
    margin-right:5px;
    font-weight:700;
    width:20px;
    text-align:center
}

.big-txt {
    margin:10px 0;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    color:#2b3c89
}

.size100 {
    max-width:100px;
}

.size150 {
    max-width:150px;
}

.size200 {
    max-width:200px;
}

.size250 {
    max-width:250px;
}

.size300 {
    max-width:300px;
}

.btt-openbox {
    border:1px solid #fff;
    padding:15px 10px;
    color:#fff;
    display:block;
    margin-bottom:10px;
    position:relative;
    background-color:#232323;
}

.btt-openbox.ok {
    background-image:url(../img/check.svg);
    background-size:35px auto;
    background-color:#e8e8e8;
    background-position:left 10px center;
    background-repeat:no-repeat;
    color:#7f7f7f;
    padding-left:45px
}

.btt-openbox:before {
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    height:100%;
    width:50px;
    background-image:url(../img/arr.svg);
    background-size:30px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.open.btt-openbox:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tit-scheda {
    margin-bottom:10px;
}

.tit-scheda .dtt {
    margin-bottom:14px;
    padding-bottom:10px;
    border-bottom:1px solid #d1d1d1;
    font-weight:700;
    font-size:16px
}

.tit-scheda .dtt span {
    color:#b33436;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    display:block;
    margin-bottom:4px
}

.tit-scheda .modulo select {
    height:35px;
    font-size:14px;
    width:150px
}

.btt-dx {
    float:right;
    margin:0 0 10px 10px;
    background:#e8e8e8;
    color:#7f7f7f;
    padding:14px 20px;
    font-weight:bold
}

.btt-border-box {
    text-align:center;
    margin-bottom:25px
}

.btt-border-box a, .btt-border-box button {
    display:inline-block;
    padding:14px 30px;
    font-weight:bold;
    border:0;
    font-size:14px;
    line-height:20px
}

.btt-border-box a.chiudi {
    background:#e8e8e8;
    color:#7f7f7f;
}

.btt-border-box a.salva, .btt-border-box button.salva {
    background:#86c900;
    color:#fff;
}

.btt-border-box a.elimina, .btt-border-box button.elimina {
    background:#d33d3d;
    color:#fff;
}

.border {
    border-bottom:1px solid #d3d3d3;
    margin:20px 0
}

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

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

.box-popup .title-popup {
    background:#232323;
    padding:30px 20px 15px 20px;
    text-align:center;
    font-weight:700;
    color:#e8e8e8;
    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 {
    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:'Montserrat', 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;
}

.ok-box {
    text-align:center;
    margin:20px 0 40px 0;
    font-size:16px;
    line-height:20px;
}

.ok-box img {
    display:inline-block;
    width:80px;
    margin:0 0 24px 0
}

.ok-box a {
    display:inline-block;
    padding:8px 15px;
    background:#e8e8e8;
    color:#7f7f7f;
    font-weight:700;
    margin-top:15px
}

.ok-box h4 {
    font-size:20px;
    line-height:24px;
    color:#284697
}

.gallery {
    width:100%;
}

.gallery ul{
    margin:0;
    padding:0;
    list-style-type:none;
}

.gallery ul li{
    border:2px solid #ccc;
    float:left;
    margin:10px 7px;
    background:none;
    width:auto;
    height:auto;
    position:relative;
    height:170px;
    width:200px;
}

.gallery ul li a {
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}

.gallery ul li a img {
    display:block;
    max-width:100%;
    max-height:100%
}

.gallery ul li .canc-img {
    position:absolute;
    right:-12px;
    top:-12px;
    background:#d60000;
    color:#fff;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    z-index:2;
    border-radius:2px
}

@media (max-width:800px) {
    .gallery ul li {
        padding:7px 0;
        border:1px solid #ccc;
        float:none;
        margin:0;
        width:100%;
        margin-top:-1px
    }
    
    .gallery ul li a {
        width:100%
    }
    
    .gallery ul li a .canc-img {
        top:50%;
        margin-top:-12px
    }
    
    .gallery ul li .opz-img {
        height:45px;
        width:52px;
        display:table-cell;
        vertical-align:middle;
        padding-left:7px;
        padding-top:10%
    }
    
    .gallery ul li .opz-img .tab {
        left:0
    }
    
    .gallery ul li .dsc-img {
        display:table-cell;
        vertical-align:middle;
        padding:0 7px;
    }
    
    .gallery ul li .dsc-img input {
        width:100%
    }
}

.filtro2 {
    height:1px;
    opacity:0;
    overflow:hidden;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.filtro2.open {
    height:auto;
    opacity:1;
    overflow:visible
}

@media (max-width:768px) {
    .filtro2 .span4 {
        margin-bottom:0
    }
}

@media (max-width:480px) {
    .filtro2.modulo select, .filtro2.modulo input, .filtro2.modulo button {
        height:35px;
        margin-bottom:0
    }
}

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

.el-01 .box-el-01 {
    padding:10px 0;
    position:relative;
    border-bottom:1px solid #d6d6d6
}

.el-01 .box-el-01 .icn {
    position:absolute;
    right:0;
    top:10px;
}

.el-01 .box-el-01 .icn .canc {
    display:inline-block;
    background:#d60000;
    color:#fff;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    z-index:2;
    border-radius:2px
}

.el-01 .box-el-01 .icn .edit {
    display:inline-block;
    background:#fcb000;
    color:#fff;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    z-index:2;
    border-radius:2px
}

.el-01 .box-el-01 .note {
    background-color:#eeeeee;
    padding:10px;
    font-size:13px;
    font-style:italic;
    margin-top:8px
}

.el-01 .box-el-01 .tab-el-01 .tr.tr-title {
    background-color:#d60000;
    color:#fff
}

.el-01 .box-el-01 .tab-el-01 .td {
    padding:7px;
    border-bottom:1px solid #e2e2e2
}

.el-01 .box-el-01 .tab-el-01 .td.td1 {
    border-right:1px solid #e2e2e2
}

.el-01 .box-el-01 .tab-el-01 .td.td2 {
    width:150px;
    border-right:1px solid #e2e2e2
}

.el-01 .box-el-01 .tab-el-01 .td.td3 {
    width:90px;
    text-align:center;
}

.el-01 .box-el-01 .tab-el-01 .td.td3 .canc {
    display:inline-block;
    background:#d60000;
    color:#fff;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    z-index:2;
    border-radius:2px
}

.el-01 .box-el-01 .tab-el-01 .td.td3 .edit {
    display:inline-block;
    background:#fcb000;
    color:#fff;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    z-index:2;
    border-radius:2px
}








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

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



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

@media (max-width:480px) {

    
}