html{height: 100%;}
body{height: 100%;background:#ebebeb;}
body.login{width:100%;text-align: center}

p.credits{margin-top: 35px;float: left;width: 100%;}
p.credits a{color:#79b434;}
p.credits a:hover{color:#1274b8;}

.preloader{position: fixed;width: 100%;height: 100%;background-color: rgba(255,255,255,0.95);z-index:25;opacity: 0;visibility: hidden;transition: all 400ms;left: 0;top: 0;}
.preloader.visible{opacity: 1;visibility: visible}
.preloader>div{position:absolute;width: 50px;height: 50px;top:50%;left: 50%;margin-left: -25px;margin-top: -25px;border:2px solid #e39139;border-radius: 100%;border-top-color: rgba(0,0,0,0.2);border-right-color: rgba(0,0,0,0.2);border-bottom-color: rgba(0,0,0,0.2);-webkit-animation: rotate 800ms infinite;-moz-animation:rotate 800ms infinite;-o-animation:rotate 800ms infinite;-ms-animation:rotate 800ms infinite;animation:rotate 800ms infinite;}

.container-login{display: inline-block;width:450px;position: relative}
.container-login .logo{float:left;width: 100%;}
.container-login .logo h1{float:left;width: 100%;margin: 0;height:150px;text-align: center}
.container-login .logo h1 a{display: inline-block;background-size: contain;background-image: url(../images/i-hub-new-brandmark.png);background-position: center;background-repeat: no-repeat;height: 100%;width: 200px;color:rgba(0,0,0,0);}
.container-login .box-login{float:left;width:100%;background: #fff;padding:30px 20px;border-radius: 5px;-webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29);-moz-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29);box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29);box-sizing: border-box}
.container-login .box-login form{float:left;width: 100%;}
.container-login .box-login form .form-group{float:left;width: 100%;margin:8px 0;}
.container-login .box-login form .form-group input[type=email],.container-login .box-login form .form-group input[type=password]{float:left;width: 90%;margin-left: 5%;heght:30px;border:1px solid #ccc;border-radius: 5px;padding:5px 10px;box-sizing: border-box;color:#333;transition:all 400ms;}
.container-login .box-login form .form-group input[type=email]:focus,.container-login .box-login form .form-group input[type=password]:focus{border-color: #a4cd54;}
.container-login .box-login form .form-group input[type=submit]{float: left;display: inline-block;padding:5px 10px;background:#a4cd54;color:#fff;text-transform: uppercase;border-radius: 5px;border: none;margin-left: 5%;cursor:pointer;transition: all 400ms;}
.container-login .box-login form .form-group input[type=submit]:hover{background: #79b434}
.container-login .box-login form .form-group .left{float:left;width: 50%;text-align: left;padding-left: 5%;box-sizing: border-box;margin-top:15px;}
.container-login .box-login form .form-group .right{float:right;width: 50%;text-align: right;padding-right: 5%;box-sizing: border-box;margin-top:15px;}
.container-login .box-login form .form-group .left a,.container-login .box-login form .form-group .right a{font-size: 10px;color:#1274b8}

header{background-color:#a4cd54;height:45px;line-height: 45px;}
header .logo{float:left;width: 200px;height:100%;}
header .logo h1{float:left;width: 100%;margin: 0;height:45px;text-align: center}
header .logo h1 a{display: inline-block;background-size: auto 130%;background-image: url(../images/i-hub-new-brandmark_w.png);background-position: center;background-repeat: no-repeat;height: 100%;width: 100%;color:rgba(0,0,0,0);}
header .user-name{float:left;}
header .logout{float:right;width: 45px;height: 45px;text-align: center;}
header .logout a{display: block;height: 100%;text-align: center}
header .logout i{line-height: 45px;color:#fff;}
header .user-name ul{float: left;}
header .user-name ul li{float: left;margin:0;}
header .user-name ul li:after{float: right;margin: 0 5px;content:'>';color:#fff;font-size: 12px;}
header .user-name ul li:last-of-type:after{content:'';}
header .user-name ul li a{color:#fff;font-size: 12px;text-transform: uppercase;}
header .user-name ul li a:hover{text-decoration: underline}
header nav{float:right;}
header nav>ul{float: left;padding-right: 5px;box-sizing: border-box;}
header nav>ul>li{float: left;margin: 0 8px;position: relative;}
header nav>ul>li:last-of-type{margin-right: 0;}
header nav>ul>li>a{color:#fff;font-size: 12px;text-transform: uppercase;transition:color 400ms;}
header nav>ul>li>a:hover,header nav>ul>li>a.active{color:#ff733f;}
header nav>ul>li>ul{background-color: #a4cd54;position: absolute;top:45px;left: 0;width:150px;z-index: 2;transition: all 400ms;opacity: 0;visibility: hidden}
header nav>ul>li>ul.open{opacity: 1;visibility: visible}
header nav>ul>li>ul>li{float: left;width: 100%;line-height: 18px;padding: 5px 0 7px 10px;box-sizing: border-box;transition: background 400ms;}
header nav>ul>li>ul>li:hover{background-color: #79b434;}
header nav>ul>li>ul>li:last-of-type{margin-bottom: 0px;}
header nav>ul>li>ul>li>a{color: #fff;display: block;}

section.main-content{height:calc(100% - 71px);margin-top: 10px;}
section.main-content .container{height:100%;box-sizing: border-box}
section.main-content .area-1,section.main-content .area-2,section.main-content .area-3{float: left;padding:0 5px;box-sizing: border-box;}
section.main-content .area-1{width:55%;height: 100%;overflow-y: scroll;overflow-x: hidden;}
section.main-content .area-2{width:30%;height: 100%;overflow-y: scroll}
section.main-content .area-3{width:15%;}
#assegna_spese{
    .area-1, .area-2, .area-3{
        height: 55vh;
    }
    .map-deliveries{
        margin-top: 10px;
        width: 100%;
        height: calc(45vh - 65px);
        float: left;
        padding:0 5px;
        box-sizing: border-box;
        .container-map{
            background: #fff;
            position: relative;
            height: 100%;
            width: 100%;
            float: left;
            padding: 25px;
            #map{
                width: calc(100% - 50px);
                height: calc(100% - 50px);
                position: absolute;
                left: 25px;
                top:25px;
                border-radius: 5px;
                /**box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
            }
        }
    }
    .gm-style-iw-chr{
        max-height: 15px;
    }
}

.fullwidth{float: left;width: 100%;}
section.main-content .box{float:left;width: 100%;background: #fff;padding:25px;box-sizing: border-box;border-radius: 5px;margin-bottom: 15px;}
section.main-content .box.half{width: calc(50% - 15px);padding:10px 25px}
section.main-content .box.half.right{float: right}
section.main-content .area-1 .box h1,.title-report{color:#a4cd54;font-size: 21px;border-bottom:1px solid #ebebeb;margin: 0 0 10px 0;padding: 0 0 8px 0;}
section.main-content .area-1 .box h1 span{font-size: 21px;}
section.main-content .area-1 .box h1 span:nth-of-type(1){color:#1274b8}
section.main-content .area-1 .box h1 span:nth-of-type(2){color:#a4cd54}
section.main-content .area-1 .box p{float: left;width: 100%;margin: 0;color:#333;line-height: 20px;}


section.main-content .area-1 .box.spedizioni ul{float:left;width: 100%;margin-top: 15px;}
section.main-content .area-1 .box.spedizioni ul li{float: left;width: 33.33%;text-align: center}
section.main-content .area-1 .box.spedizioni ul li p{color:rgba(148,151,154,0.6);}
section.main-content .area-1 .box.spedizioni ul li h3{font-size:40px;margin: 0;color:#949699}
section.main-content .area-1 .box.spedizioni ul li h3 span:nth-of-type(1){color:#1274b8;font-size:40px;}
section.main-content .area-1 .box.spedizioni ul li h3 span:nth-of-type(2){color:#a4cd54;font-size:40px;}
section.main-content .area-1 .box.spedizioni ul li:first-of-type h3{color:#1274b8}

section.main-content .area-1 .box.order{padding: 0;border-radius: 0;}
section.main-content .area-1 .box.order .status,section.main-content .area-2 .box.customer-search .status{float:left;width: 100%;padding:7px 10px;box-sizing: border-box;background:#fff;color:#333;font-size: 16px;font-weight: normal;font-family: "Fira Sans", sans-serif;position: relative;}
section.main-content .area-1 .box.order.note .status{position: relative;}
section.main-content .area-1 .box.order.general .status{border:1px #ebebeb solid;}
section.main-content .area-1 .box.order .status.ok{color:#1274b8;}
section.main-content .area-1 .box.order .status a{display: inline-block;width:24px;height: 24px;border-radius: 50%;text-align: center;margin-right: 0px;font-size: 16px;font-weight: 600;}
section.main-content .area-1 .box.order.general .status>p{display: inline-block;width: auto!important}
section.main-content .area-1 .box.order.general .status>p:nth-of-type(2){margin-left: 15px;}
section.main-content .area-1 .box.order.order-managment .status a i{color:#949699!important}
section.main-content .area-1 .box.order.note .status a{position: relative;top:3px;}
section.main-content .area-1 .box.order .status a i{color:#fff;font-size: 13px;line-height: 24px;}
section.main-content .area-1 .box.order .status a.show-form-add-address,section.main-content .area-1 .box.order .status a.show-addresses{float: right;margin:0 2px}
section.main-content .area-1 .box.order .status a.show-form-add-address i{color:#ff7f3f;}
section.main-content .area-1 .box.order .status a.show-addresses i{color:#333;}
section.main-content .area-1 .box.order .status.in-consegna a{background:#1274b8;}
section.main-content .area-1 .box.order.general .status > p span.cosicomodo{position: relative;top:-6px}
section.main-content .area-1 .box.order .status a.cosicomodo{background:none!important;}
section.main-content .area-1 .box.order .status a.cosicomodo img{width: 24px;display: inline-block;}
section.main-content .area-1 .box.order .status.consegnato a{background:#79b434;}
section.main-content .area-1 .box.order .status.da-prendere a{background:#e39139;}
section.main-content .area-1 .box.order .status.pronto-per-consegna a{background:#e00;}
section.main-content .area-1 .box.order .status.non-consegnato a{background:#000;}
section.main-content .area-1 .box.order ul,
section.main-content .area-1 .box.shipment ul{float: left;width:100%;margin-top:5px;padding:0 10px 15px 10px;box-sizing: border-box;}
section.main-content .area-1 .box.order.note ul,section.main-content .area-1 .box.order.tracking ul{display: none;}
section.main-content .area-1 .box.order.note ul.visible,section.main-content .area-1 .box.order.tracking ul.visible{display: block;}
section.main-content .area-1 .box.shipment ul li,
section.main-content .area-1 .box.order ul li{float: left;width:100%;margin:5px 0;color:#333;position: relative}
section.main-content .area-1 .box.shipment ul li.assegna:nth-of-type(2n+1){
    background-color: #ebebeb;
    .col.status{
        background-color: #ebebeb;
    }
}
section.main-content .area-1 .box.shipment ul li .left,
section.main-content .area-1 .box.order ul li .left{float: left;width:50%;}
section.main-content .area-1 .box.shipment ul li .right,
section.main-content .area-1 .box.order ul li .right{float: right;width:50%;}
section.main-content .area-1 .box.shipment ul li a,
section.main-content .area-1 .box.order ul li a{text-decoration: underline;color:#333;font-weight: 600;transition:color 400ms;}
section.main-content .area-1 .box.shipment ul li a:hover,
section.main-content .area-1 .box.order ul li a:hover{color:#1274b8}
section.main-content .area-1 .box.order.note,section.main-content .area-1 .box.order.tracking,section.main-content .area-1 .box.order.user,section.main-content .area-1 .box.order.general{background: #f9f9f7;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29)}
section.main-content .area-1 .box.order.general{background: #fff;}
section.main-content .area-1 .box.order.general .status ul.action-current-order{float:right;width:auto;margin: 0;padding: 0;height:20px;}
section.main-content .area-1 .box.order.general .status ul.action-current-order li{float: left;width: auto;margin: 0 2px;}
section.main-content .area-1 .box.order.general .status ul.action-current-order li:last-of-type{margin-right: 0}
section.main-content .area-1 .box.order.general .status ul.action-current-order li a{background: none;margin: 0}
section.main-content .area-1 .box.order.general .status ul.action-current-order li a i{color: #949699;transition: color 400ms;font-size: 20px;}
section.main-content .area-1 .box.order.general .status ul.action-current-order li a:hover i{color:#1274b8}
section.main-content .area-1 .box.order.note .status a,section.main-content .area-1 .box.order.tracking .status a,section.main-content .area-1 .box.order.user .status a{position: relative;color:#333;display: block;width: 100%;text-align: left;font-family: "Fira Sans", sans-serif;font-size: 16px;font-weight: normal;}
section.main-content .area-1 .box.order.note .status a span.number-of-notes{color:#ff7f3f}
section.main-content .area-1 .box.order.note .status a i,section.main-content .area-1 .box.order.tracking .status a i,section.main-content .area-1 .box.order.user .status a i{float: right;color:#333;position: absolute;right:10px;font-size: 20px;top:-3px;height:20px;width:20px;}
section.main-content .area-1 .box.order.note ul li{padding:4px 8px;box-sizing: border-box;margin: 0}
section.main-content .area-1 .box.order.note ul li.title{background:#ebebeb;border-bottom: 1px #ccc solid;}
section.main-content .area-1 .box.order.note ul li.title span.username{float: left;font-weight: 600;}
section.main-content .area-1 .box.order.note ul li.title span.date{float: right;font-weight: 600;}
section.main-content .area-1 .box.order.note ul li.text-note{background:#fff;color:#333;line-height: 20px;padding: 10px 8px}
section.main-content .area-1 .box.order.note textarea{float: left;width: 85%;height:80px;border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: 6px;font-size: 12px;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;transition:border-color 400ms;}
section.main-content .area-1 .box.order.note textarea:focus{border-color: #1274b8;}
section.main-content .area-1 .box.order.note a.add-note{display: inline-block;float: left;font-family: 'Fira Sans', sans-serif;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);clear: both;background:#ff7f3f;color:#fff;padding:6px 17px;border-radius: 5px;margin-top: 10px;}

section.main-content .area-1 .box.order form{float: left;width: 100%;margin-top: 5px;padding:5px 10px 15px;box-sizing: border-box}
section.main-content .area-1 .box.order.note form,section.main-content .area-1 .box.order.user form{display: none;margin-top: 0px}
section.main-content .area-1 .box.order.note form.visible,section.main-content .area-1 .box.order.user form.visible{display: block;}
section.main-content .area-1 .box.order form .form-group{float: left;width: 100%;margin:2px 0}
section.main-content .area-1 .box.order form .form-group>div{float: left;}
section.main-content .area-1 .box.order form .form-group>div:last-of-type,section.main-content .area-1 .box.order form .form-group>div:nth-last-of-type(2){margin-left: 10px}
section.main-content .area-1 .box.order form .form-group i{display: inline-block;color:#333;font-size: 15px;width:20px;margin-right: 5px;position: relative;top: 2px;background: none;}
section.main-content .area-1 .box.order form .form-group input[type=text],section.main-content .area-1 .box.order form .form-group input[type=tel],section.main-content .area-1 .box.order form .form-group input[type=email],section.main-content .area-1 .box.order form .form-group select,section.main-content .area-1 .box.order form .form-group textarea,section.main-content .area-1 .box.order form#editOrder .form-group input[type="number"],
#swal2-html-container select.form-group{border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: .35em .6em;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;font-size: 12px;}
#swal2-html-container select.form-group{width: 90%;height: 40px}
.swal2-actions .swal2-confirm{background-color: #ff7f3f!important;}
.swal2-title{font-size: 1.4rem!important;}
.swal-check-presa,
.swal-check-consegna{padding-right: 1.6rem}
section.main-content .area-1 .box.order form .form-group textarea{height: 100px;width: 250px;}
section.main-content .area-1 .box.order form#editOrder .form-group select,section.main-content .area-1 .box.order form#editOrder .form-group textarea,section.main-content .area-1 .box.order form#editOrder .form-group input[type=text],section.main-content .area-1 .box.order form#editOrder .form-group label,section.main-content .area-1 .box.order form#editOrder .form-group input[type="number"]{float:left;}
section.main-content .area-1 .box.order form .form-group input[name=nome],section.main-content .area-1 .box.order form .form-group input[name=telefono],section.main-content .area-1 .box.order form .form-group input[name=cognome],section.main-content .area-1 .box.order form .form-group input[name=email],section.main-content .area-1 .box.order form .form-group input[name=indirizzo],section.main-content .area-1 .box.order form .form-group input[name=comune]{width:150px;}
section.main-content .area-1 .box.order form .form-group input[name=cap]{width: 70px;}

section.main-content .area-1 .box.order form#editIndirizzo,section.main-content .area-1 .box.order form#editUser{display: none;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group label,section.main-content .area-1 .box.order form#editUser .form-group label,section.main-content .area-1 .box.order form#insertUser .form-group label,section.main-content .area-1 .box.order form#editOrder .form-group label{margin:0 10px 5px 5px;display: inline-block;width: 60px;} 
section.main-content .area-1 .box.order form#insertUser .form-group label,section.main-content .area-1 .box.order form#editUser .form-group label{width: 70px;}
section.main-content .area-1 .box.order form#editOrder .form-group label{width: 110px;line-height: 22px;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group input[type=text],section.main-content .area-1 .box.order form#editUser .form-group input[type=text],section.main-content .area-1 .box.order form#editUser .form-group input[type=email],section.main-content .area-1 .box.order form .form-group input[type=tel],section.main-content .area-1 .box.order form#editIndirizzo .form-group select,section.main-content .area-1 .box.order form#editUser .form-group select,section.main-content .area-1 .box.order form#insertUser .form-group input[type=text],section.main-content .area-1 .box.order form#editOrder .form-group select,section.main-content .area-1 .box.order form#editOrder .form-group input[type=text],section.main-content .area-1 .box.order form#insertUser .form-group select{margin-right: 15px;width:220px;} 
section.main-content .area-1 .box.order form#editIndirizzo .form-group .ascensore{display: inline-block;cursor: pointer;position: relative;top:2px;width:20px;height: 20px;border:1px solid #ccc;border-radius: 5px;background:#fff;transition:all 400ms;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group .ascensore.selected{border-color:#ff7f3f;background: #ff7f3f;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group .ascensore input{opacity: 0;}

section.main-content .area-1 .box.order form#editIndirizzo .form-group a.add-indirizzo,
section.main-content .area-1 .box.order form#editUser .form-group a.edit-user,
section.main-content .area-1 .box.order form#insertUser .form-group a.salva-cliente,
section.main-content .area-1 .box.order form#editOrder .form-group a.add-order,
section.main-content .area-1 .box.order form#editOrder .form-group a.stampa-ricevuta,
section.main-content .area-1 .box.order form#editOrder .form-group a.visualizza-ricevuta,
section.main-content .area-1 .box.order form#editIndirizzo .form-group a.edit-indirizzo,
section.main-content .area-1 .box.order form#editIndirizzo .form-group a.show-insert-address-form,
form#editOrder .form-group a.update-order,
section.main-content .area-1 .box.order ul li a.stampa-ricevuta,
section.main-content .area-1 .box.order ul li a.visualizza-ricevuta,
section.main-content .area-1 .box.order ul li a.presa,
section.main-content .area-1 .box.order ul li a.consegna,
section.main-content .area-1 .box.order ul li a.spesa-pronta-button{float: right;display: inline-block;margin:5px 35px 0 0;padding:5px 10px;background: #ff7f3f;color:#fff;text-transform: uppercase;transition: background 400ms;text-align: center;text-decoration: none;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group a.add-indirizzo:hover,section.main-content .area-1 .box.order form#editUser .form-group a.edit-user:hover,section.main-content .area-1 .box.order form#insertUser .form-group a.salva-cliente:hover,section.main-content .area-1 .box.order form#editOrder .form-group a.add-order:hover,section.main-content .area-1 .box.order form#editOrder .form-group a.stampa-ricevuta:hover,section.main-content .area-1 .box.order form#editOrder .form-group a.visualizza-ricevuta:hover,section.main-content .area-1 .box.order form#editIndirizzo .form-group a.edit-indirizzo:hover,section.main-content .area-1 .box.order form#editIndirizzo .form-group a.show-insert-address-form:hover{background: #f2141c;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group a.show-insert-address-form{margin-left: -15px;}
section.main-content .area-1 .box.order form#editIndirizzo .form-group a.show-insert-address-form i{color:#fff;margin: 0}

section.main-content .area-1 .box.order .table-addresses{float:left;width: 100%;display: none;padding:10px 0;border-top:1px solid #c0c0c0}
section.main-content .area-1 .box.order .table-addresses .row{float:left;width: 100%;background:#fff;transition:background 400ms;padding:3px 0 5px;}
section.main-content .area-1 .box.order .table-addresses .row:hover{background: #f0f0f0;}
section.main-content .area-1 .box.order .table-addresses .row.header div{color:#333!important;font-weight: 600;}
section.main-content .area-1 .box.order .table-addresses .row div.col{float: left;width: 33.33%;padding:5px 0 0 10px;box-sizing: border-box;color:#949699}
section.main-content .area-1 .box.order .table-addresses .row div.col a{padding:0 2px;}
section.main-content .area-1 .box.order .table-addresses .row div.col a i{color:#949699;font-size: 16px;}
section.main-content .area-1 .box.order .table-addresses .row div.col a:hover i{color:#ff7f3f}

section.main-content .area-1 .box.order.address-managment,section.main-content .area-1 .box.order.customer-data,section.main-content .area-1 .box.order.container-customer-form,section.main-content .area-1 .box.order.order-managment{display: none;}
section.main-content .area-1 .box.order.customer-data .status a{float: right;}
section.main-content .area-1 .box.order.customer-data .status a i{color:#333;font-size: 20px}
section.main-content .area-1 .box.order.customer-data .status a:hover i{color:#79b434}

section.main-content .area-1 .box.admin p{margin:3px 0;}

section.main-content .area-1 .box.order.vehicle{border-radius: 5px;}
section.main-content .area-1 .box.order.vehicle .line,section.main-content .area-1 .box.order.insert .line{height:60px;background: #fff;}
section.main-content .area-1 .box.order.vehicle .line .img{float: left;width: 42px;height: 42px;margin:9px 15px 0 15px;background-color: #1274b8;background-size: cover;background-position: center;background-repeat: no-repeat}
section.main-content .area-1 .box.order.vehicle .line .title,section.main-content .area-1 .box.order.insert .line .title{float: left;height: 60px;}
section.main-content .area-1 .box.order.vehicle .line .title h1,section.main-content .area-1 .box.order.insert .line .title h1{margin:0;height: 100%;font-family: "Fira Sans", sans-serif;color:#333;font-size: 22px;text-transform: uppercase;line-height: 60px;padding: 0}
section.main-content .area-1 .box.order.vehicle .last-update{float: right;height: 100%;width: 250px}
section.main-content .area-1 .box.order.vehicle .last-update p{float: left;margin: 0;color:#c0c0c0;font-size: 11px;text-align: right;padding-right: 10px;box-sizing: border-box}
section.main-content .area-1 .box.order.vehicle .last-update p:first-of-type{margin-top: 10px;}
section.main-content .area-1 .box.order.insert .line a{display: inline-block;float: left;font-family: 'Fira Sans', sans-serif;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);clear: both;background:#ff7f3f;color:#fff;padding:6px 17px;border-radius: 0;margin: 15px 0 0 15px;}
section.main-content .area-1 .box.order.insert .line a i{display: inline-block;padding-right: 5px;}

section.main-content .area-2 .search-home,.legend{padding: 0 5px 0 0;box-sizing: border-box;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29);border-radius: 0;}
section.main-content .area-2 .search-home form{float:left;width: 100%;padding: 5px;position: relative}
section.main-content .area-2 .search-home form input[type=search]{float: left;padding: 6px;width: 220px;border:1px solid #ccc;border-radius: 5px;box-shadow: inset 0 1px 3px #ddd;display: inline-block;box-sizing: border-box;transition:border-color 400ms;}
section.main-content .area-2 .search-home form input[type=search]:focus{border-color: #1274b8;}
section.main-content .area-2 .search-home form a.search-order{position: absolute;left:200px;top:12px;}
section.main-content .area-2 .search-home form a.search-order i{color:#949699}
section.main-content .area-2 .search-home ul{float: right;margin:5px 15px 5px 0;}
section.main-content .area-2 .search-home ul li{float:left;margin:0 5px;line-height: 15px}
section.main-content .area-2 .search-home ul li a i{color:#949699;font-size: 15px;transition: color 400ms;}
section.main-content .area-2 .search-home ul li a:hover i{color:#1274b8;}

.legend.mobile ul{background: #eaeaea;padding-bottom: 10px;margin-bottom: 5px;width: 100%}
.legend.mobile ul li{display: none;}
.legend.mobile ul li.title{color:#1274b8;padding: 5px 0 0px 0;display: block;}
.legend.mobile ul li.title a{color:#1274b8;font-weight: 600}
.legend.mobile ul li.subtitle{color:#1274b8;padding: 0;margin-top: 5px}
.legend.mobile ul li.subtitle a{color:#333;}
.legend ul{float: left;width: 50%;padding:5px 10px;display: inline-block;box-sizing: border-box}
.legend ul li{padding:3px 0;text-transform: uppercase}
.legend ul li a,.rp-table tbody tr td a{display: inline-block;border-radius: 50%;width: 25px;height: 25px;line-height: 20px;text-align: center;margin-right: 5px;color:#fff;}
.legend ul li a i{color:#fff;font-size:11px;}
.legend ul li span.cosicomodo{display: inline-block;top:-7px;position: relative;}
.legend ul li a.in-consegna,.rp-table tbody tr td a.in-consegna{background:#1274b8;}
.legend ul li a.consegnato,.rp-table tbody tr td a.consegnato{background:#79b434;}
.legend ul li a.pronto-per-consegna,.rp-table tbody tr td a.pronto-per-consegna{background:#e00;}
.legend ul li a.non-consegnato,.rp-table tbody tr td a.non-consegnato{background:#000;}
.legend ul li a.da-prendere,.rp-table tbody tr td a.da-prendere{background:#e39139;}
.legend ul li a.status-ko,.rp-table tbody tr td a.status-ko{background:#951101;}
.legend ul li a.type{background:#ff733f;}
.legend ul li a.type.cosicomodo{background:none;}
.legend ul li a.type.cosicomodo img{width: 27px}
.legend ul li.title{color:#1274b8;margin-bottom: 5px;font-size: 16px;}
.rp-table tbody tr td a{margin-left: 7px;font-size: 10px;line-height: 22px;width: 22px;height: 22px}

/*.box.current-delivery{height:calc(100% - 55px);background: #fff;padding:0;border-radius: 0;}*/
.box.current-delivery{min-height:calc(100% - 55px);background: #fff;padding:0;border-radius: 0;}
.box.current-delivery h2{float:left;width:100%;color:#1274b8;text-transform: uppercase;margin-top: 0}
.box.current-delivery ul.list,.box.current-delivery ul.parent-order{float:left;width:100%;}
.box.current-delivery ul.parent-order ul.list{display: none;}
.box.current-delivery ul.parent-order>li{float: left;width: 100%;border-bottom: 1px solid #333}
.box.current-delivery ul.parent-order>li>a{padding: 10px 0;display:block;color:#333}
.box.current-delivery ul.parent-order>li>a>i{float: right;color:#333}
.box.shipment ul.list li.row,
.box.current-delivery ul.list li.row{float:left;width:100%;box-sizing: border-box;padding:10px 15px;border-bottom: 1px solid #ccc;cursor: pointer;transition:all 400ms;}
.box.current-delivery ul.list li.row.ui-state-default{overflow: hidden;}
.box.current-delivery ul.list li:nth-of-type(2n+2){}
.box.current-delivery ul.list li.row.fascia{color: #ff733f;font-weight: 600;background: none!important}
.box.current-delivery ul.list li.row.active{background: #ffd700}
.box.current-delivery ul.list li.row.footer{color: #949699;text-align: right;font-size: 12px;line-height: 35px;cursor: default}
.box.shipment ul.list li div.col,
.box.current-delivery ul.list li div.col{float:left;border:0px solid #fff;box-sizing: border-box;height:100%;font-size: 12px;border-top:none;border-bottom: none;}
.box.shipment ul.list li div.col.date,
.box.current-delivery ul.list li div.col.date{width: 30%;text-align: left;border-left: none;}
.box.shipment ul.list li div.col.number,.box.shipment ul.list li div.col.status,
.box.current-delivery ul.list li div.col.number,.box.current-delivery ul.list li div.col.status{width: auto;text-align: center;color:#ff7f3f; padding: 0}
.box.shipment ul.list li div.col.status,
.box.current-delivery ul.list li div.col.status{text-align: right;border-right: none;}
.box.shipment ul.list li div.col.status a,.box.shipment ul.list li div.col.type a,
.box.current-delivery ul.list li div.col.status a,.box.current-delivery ul.list li div.col.type a{display: inline-block;border-radius: 50%;width: 25px;height: 25px;text-align: center;position: relative;top: 10px;}
.box.shipment ul.list li div.col.status a i,.box.shipment ul.list li div.col.type a i,
.box.current-delivery ul.list li div.col.status a i,.box.current-delivery ul.list li div.col.type a i{position: relative;top: 2px}
.box.shipment ul.list li div.col.type,
.box.current-delivery ul.list li div.col.type{margin: 0 5px;}
.box.shipment ul.list li div.col.type a,
.box.current-delivery ul.list li div.col.type a{background:#ff733f;color:#fff;line-height: 17px}
.box.shipment ul.list li div.col.type a.cosicomodo,
.box.current-delivery ul.list li div.col.type a.cosicomodo{background:none}
.box.shipment ul.list li div.col.status a.in-consegna,
.box.current-delivery ul.list li div.col.status a.in-consegna{background:#1274b8;}
.box.shipment ul.list li div.col.status a.consegnato,
.box.current-delivery ul.list li div.col.status a.consegnato{background:#79b434;}
.box.shipment ul.list li div.col.status a.pronto-per-consegna,
.box.current-delivery ul.list li div.col.status a.pronto-per-consegna{background:#e00;}
.box.shipment ul.list li div.col.status a.non-consegnato,
.box.current-delivery ul.list li div.col.status a.non-consegnato{background:#000;}
.box.shipment ul.list li div.col.status a.da-prendere,
.box.current-delivery ul.list li div.col.status a.da-prendere{background:#e39139;}
.box.shipment ul.list li div.col.status a.status-ko,
.box.current-delivery ul.list li div.col.status a.status-ko{background:#951101;}
.box.shipment ul.list li div.col.status a i,
.box.current-delivery ul.list li div.col.status a i{color: #fff;font-size: 11px;}
.box.shipment ul.list li div.col.type a i,
.box.current-delivery ul.list li div.col.type a i{font-size: 11px;}
.box.shipment ul.list li div.col.type a img.cosicomodo,
.box.current-delivery ul.list li div.col.type a img.cosicomodo{width: 27px;display: inline-block;position: relative;top:-1px}
.box.shipment ul.list li div.col.customer,
.box.current-delivery ul.list li div.col.customer{width: 70%;text-align: left;padding: 4px 0px 4px 5px}
.box.shipment ul.list li div.col.customer.pv,
.box.current-delivery ul.list li div.col.customer.pv{width: 60%;}
.box.shipment ul.list li div.col.number,
.box.current-delivery ul.list li div.col.number{padding: 4px 0}
.box.shipment ul.list li div.col.address,
.box.current-delivery ul.list li div.col.address{width: 100%;text-align: center;padding: 10px 0}
.box.shipment ul.list li div.col.telephone,
.box.current-delivery ul.list li div.col.telephone{width: 100%;text-align: center;padding: 3px 0;font-weight: 600}
.box.current-delivery ul.list li .consegna.button,
.box.current-delivery ul.list li .presa.button,
.box.current-delivery ul.list li .button.consegna-sms,
.box.current-delivery ul.list li .maps.button{display: inline-block;color:#fff;background-color: #e39139;padding: 5px 15px;margin: 5px 0 5px 10px;text-align: center;box-sizing: border-box;}
.box.current-delivery ul.list li .maps.button{background-color: #4285F4}
.box.shipment ul.list li .rimuovi-assegnazione{background-color: #ee0000; color: #fff;float: right}

.back-to-list{display: inline-block;padding: 5px 10px;background-color: #e39139;color:#fff;text-transform: uppercase;margin-top: 5px}

section.main-content .area-2 .customer-search{padding: 0;border-radius: 0;box-shadow: 0 4px 5px -2px rgba(0,0,0,0.29);background: #f9f9f7;height:100%;}
section.main-content .area-2 .customer-search form{float: left;width: 100%;padding:0 5px;box-sizing: border-box;margin-top:10px;}
section.main-content .area-2 .customer-search form .form-group{float: left;width: 100%;}
section.main-content .area-2 .customer-search form .form-group input[type=search]{float: left;padding: 6px;width: 100%;border:1px solid #ccc;border-radius: 5px;box-shadow: inset 0 1px 3px #ddd;display: inline-block;box-sizing: border-box;transition:border-color 400ms;margin-bottom:15px;}
section.main-content .area-2 .customer-search form .form-group input[type=search]:focus{border-color:#1274b8;}
section.main-content .area-2 .customer-search form .form-group>label{font-style: italic;padding:0 15px;display: inline-block;font-size: 12px;margin-bottom: 5px}
section.main-content .area-2 .customer-search ol{float:left;width: 100%;}
section.main-content .area-2 .customer-search .status a{float: right;color:#ff7f3f;}

section.main-content .area-3 .box{padding: 0px;border-radius: 0;}
section.main-content .area-3 .box h4{color:#949699;font-size: 13px;border-bottom:1px solid #ebebeb;margin: 2px 0 0 0;box-sizing: border-box;padding: 5px 0 5px 6px;font-family: "Fira Sans", sans-serif;}
section.main-content .area-3 .box h4 a{color:#949699;font-size: 14px;display: block;transition:color 400ms;}
section.main-content .area-3 .box h4 a i{float: right;font-size: 20px;color:#333;}
section.main-content .area-3 .box ul{float: left;width: 100%;}
section.main-content .area-3 .box ul li{margin:3px 0;float: left;width: 100%;padding: 4px 0 4px 4px;}
section.main-content .area-3 .box ul li p{float: left;margin: 0;color:#333;font-size:12px;font-weight: normal;padding-left: 5px;box-sizing: border-box}
section.main-content .area-3 .box ul li span{display: inline-block;float: right;color:#fff;border-radius: 5px;font-size: 10px;padding:2px 0;width: 30px;text-align: center;margin-right: 15px;}
section.main-content .area-3 .box ul li.delay span{background: #ffd700;}
section.main-content .area-3 .box ul li.attention span{background: #e00;}
section.main-content .area-3 .box ul li.problem span{background: #951101;}
section.main-content .area-3 .box ul li.ok span{background: #1274b8;}
section.main-content .area-3 .box.other-filters{padding: 0;transition: all 400ms;}
section.main-content .area-3 .box.other-filters.active{background:#1274b8;}
section.main-content .area-3 .box.other-filters h4{border: none;padding:5px 10px;box-sizing: border-box;margin: 0;}
section.main-content .area-3 .box.other-filters.active h4 a{color:#fff}
section.main-content .area-3 .box.other-filters h4 i{line-height: 15px;}
section.main-content .area-3 .box.other-filters.active h4 i{color:#fff}

section.main-content .area-3 .box.hide-filter ul li{width: 96%}
section.main-content .area-3 .box.hide-filter{display: none;}
section.main-content .area-3 .box.hide-filter.visible{display: block;}
section.main-content .area-3 .box.hide-filter input[type=text]{width:calc(50% - 5px);font-size:11px;border:1px solid #ccc;border-radius: 2px;padding:5px 0px;text-indent: 5px;box-sizing: border-box;transition: all 400ms;}
section.main-content .area-3 .box.hide-filter input[name=from]{float: left}
section.main-content .area-3 .box.hide-filter input[name=to]{float: right}
section.main-content .area-3 .box.hide-filter input[type=text]:focus{border-color:#1274b8;}
section.main-content .area-3 .box.hide-filter a.filter-data,section.main-content .area-3 .box.hide-filter a.filter-id,
section.main-content .area-3 .box.hide-filter a.filter-data-assegna,section.main-content .area-3 .box.hide-filter a.filter-id-assegna{display: inline-block;padding:4px 7px;color: #fff;background: #1274b8;position: relative;top:1px}

section.delivery-man-operations{padding-top: 20px;}
section.delivery-man-operations form{float: left;width: 100%;}
section.delivery-man-operations form h1{float: left;width:80%;margin:5px 0 5px 10%;font-weight: 600;text-transform: uppercase;color: #1274b8;text-align: center;font-size: 22px;}
section.delivery-man-operations form h2{font-weight: 600;margin: 10px 0 0 0;color:#79b434;text-transform: uppercase}
section.delivery-man-operations form .form-group{float: left;width:80%;margin:10px 0 10px 10%;}
section.delivery-man-operations form .form-group p{margin: 5px 0;}
section.delivery-man-operations form .form-group input[type=text],section.delivery-man-operations form .form-group select{float: left;padding: 6px;width: 200px;border:1px solid #ccc;border-radius: 5px;box-shadow: inset 0 1px 3px #ddd;display: inline-block;box-sizing: border-box;transition:border-color 400ms;margin-bottom:15px;}
section.delivery-man-operations form .form-group select{clear: both;margin-right:calc(100% - 200px)}
section.delivery-man-operations form .form-group input[name=ora]{width: 150px;margin-left: 10px}
section.delivery-man-operations form .form-group input[type=submit]{float: left;display: inline-block;padding:7px 10px;background:#a4cd54;color:#fff;text-transform: uppercase;border-radius: 5px;border: none;margin-left: 10px;cursor:pointer;}

a.close-box{position: absolute;display: block;right:0px;top:5px;}
a.close-box i{color: #949699}

/*POPUP*/
.popup{position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.7);top: 0;opacity: 0;visibility: hidden;transition:all 400ms;}
.popup.active{opacity: 1;visibility: visible;}
.popup .content{position:relative;width:75%;height: 75%;background: #fff;left: 12.5%;top:12.5%;}
.popup .content h1{float: left;width:100%;background: #a4cd54;color:#fff;font-family: "Fira Sans", sans-seri;height:36px;line-height: 36px;margin:0;padding:0 5px 0 10px;box-sizing: border-box;font-size: 16px;}
.popup .content a{position: absolute;right:10px;top:10px;color:#fff}
.popup .content .table,.popup .content .table{float: left;width: 100%;padding:0 15px;box-sizing: border-box}
.popup .content .table .row{float: left;width: 100%;margin:5px 0;}
.popup .content .table .row.head{margin-bottom: -10px}
.popup .content .table .row.head h2{float: left;width: 100%;background:#a4cd54;height:25px;color: #fff;font-size:11px;text-transform: uppercase;line-height: 25px;text-indent: 10px;}
.popup .content .table .row form{float:left;width: 100%;padding: 0;box-sizing: border-box;}
.popup .content .table .row form .form-group{float:left;width: 100%;margin: 5px 0;}
.popup .content .table-delivery-general-data .row form .form-group select,.popup .content .table-delivery-general-data .row form .form-group input.tracking-number{float:left;width: 12%;}
.popup .content .table-delivery-general-data .row form select,.popup .content .table-delivery-general-data .row form input[type=text]{box-shadow: inset 0 1px 3px #ddd;border-radius: 5px;border:1px solid #ccc;padding:.3em .6em;margin-right: 5px;transition:border-color 400ms;}
.popup .content .table-delivery-general-data .row form select:focus,.popup .content .table-delivery-general-data .row form input[type=text]:focus{border-color: #1274b8}
.popup .content .table-delivery-general-data .row form input[type=text]{padding:.4em .6em;}

.popup .content .table-delivery-user-data .row form .form-group{float: left;width: 100%;margin:5px 0}
.popup .content .table-delivery-user-data .row form .form-group>div{float: left;}
.popup .content .table-delivery-user-data .row form .form-group>div:last-of-type{margin-left: 10px}
.popup .content .table-delivery-user-data .row form .form-group i{display: inline-block;color:#333;font-size: 15px;width:20px;margin-right: 5px;position: relative;top: 2px;background: none;}
.popup .content .table-delivery-user-data .row form .form-group input[type=text],.popup .content .table-delivery-user-data .row form .form-group input[type=email]{border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: .4em .6em;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;font-size: 12px;}
.popup .content .table-delivery-user-data .row form .form-group input[name=nome],.popup .content .table-delivery-user-data .row form .form-group input[name=telefono],.popup .content .table-delivery-user-data .row form .form-group input[name=cognome],.popup .content .table-delivery-user-data .row form .form-group input[name=email],.popup .content .table-delivery-user-data .row form .form-group input[name=indirizzo],.popup .content .table-delivery-user-data .row form .form-group input[name=comune]{width:250px;}
.popup .content .table-delivery-user-data .row form .form-group input[name=cap]{width: 100px;}
.popup .content .table-delivery-additional-data .row form .form-group input[type=text]{border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: .4em .6em;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;font-size: 12px;}
.popup .content .table-delivery-additional-data .row form .form-group input[name=note_aggiuntive]{width: 400px;}

.container .wrapper{float: left;width: 100%;}
.container .wrapper .heading-page{float: left;width: 100%;}
.remove-filter{display: none;}
.container .wrapper .heading-page .button-to-add,section.for-table .form-insert .form-group a.button,.table .row.filter .button,.remove-filter a{display: inline-block;float: right;font-family: 'Fira Sans', sans-serif;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);margin: 15px 0;background:#ff7f3f;color:#fff;padding:6px 17px;border-radius: 0;}
.table .row.filter .button{margin-top: 0;float: left}
.container .wrapper .heading-page .button-to-add i{display: inline-block;padding-right: 5px;}
section.for-table ul.breadcrumb{float: left;padding:5px 0;margin:15px 0;}
section.for-table ul.breadcrumb li{float: left;color:#1274b8;font-size:18px;}
section.for-table ul.breadcrumb li:first-of-type:after{content:'>';margin:0 5px;}

section.for-table .form-insert{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom: 25px;float: left;width: 100%;padding:15px 0}
section.for-table .form-insert h2{color:#ff733f;font-size: 20px;margin: 0 0 15px 0}
section.for-table .form-insert .form-group{width: auto;float: left;margin-right: 20px;}
section.for-table .form-insert .form-group input[type=text],section.for-table .form-insert .form-group select,.table .row.filter input[type=text],section.for-table .form-insert .form-group input[type=time],.table .row.filter select{border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: .35em .6em;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;font-size: 12px;}
section.for-table .form-insert .form-group input[type=text],section.for-table .form-insert .form-group input[type=time],.table .row.filter input[type=text]{height: 28px}
section.for-table .form-insert .form-group input[name=nome]{width:250px}
.table .row.filter input[name=nome]{width: 90%;}
section.for-table .form-insert .form-group>label{display: block;padding:0 0 3px 2px}
section.for-table .form-insert .form-group .radio-container label{position: relative;top:5px;margin-right: 3px}
section.for-table .form-insert .form-group .radio-container label input[type=radio]{position: relative;top:2px;}



.table{float: left;width:100%;}
.table .row:nth-of-type(2n +1){background-color: rgba(148,151,154,0.05);}
.table .row{float: left;width:100%;padding:7px 0;border-bottom:1px solid rgba(148,151,154,0.2);transition: all 400ms;cursor: pointer;}
.table .row:hover{background-color: rgba(18,116,184,0.2);}
.table .row.header{padding:7px 0;background-color: #1274b8!important;border: none;cursor: default}
.table .row .column{float: left;padding-left: 5px;box-sizing: border-box;color:#333;}
.table .row .column a{color: #ff7f3f;}
.table .row .column a:hover{text-decoration: underline}
.table .row.header .column{text-align: left;text-transform: uppercase;color: #fff;}
.table .row .column span.abilitato{display: inline-block;width:20px;height: 20px;border-radius: 50%;text-align: center}
.table .row .column span.abilitato.yes i{color:#79b434}
.table .row .column span.abilitato.no i{color:#f2141c}

.popup-for-form{position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.7);top: 0;opacity: 0;visibility: hidden;transition:all 400ms;}
.popup-for-form.active{opacity: 1;visibility: visible;}
.popup-for-form .content{position:relative;width:85%;height: 85%;background: #fff;left: 7.5%;top:7.5%;}
.popup-for-form.aree .content,.popup-for-form.punti-vendita .content,.popup-for-form.pagamenti .content,.popup-for-form.pagamenti .content,.popup-for-form.pagamenti .content,.popup-for-form.aziende .content,.popup-for-form.mezzi .content,.popup-for-form.fasce .content{position:relative;width:50%;height: 50%;background: #fff;left: 25%;top:25%;}
.popup-for-form .content form{float: left;width: calc(100% - 80px);height: calc(100% - 80px);margin-left: 40px;margin-top: 40px;overflow-y: scroll;box-sizing: border-box}
.popup-for-form .content form h2{float: left;width: 100%;margin: 5px 0 30px;color:#ff7f3f;text-transform: uppercase;font-weight: 600;font-size: 18px;border-bottom:1px solid #ff733f;padding: 5px 0}
.popup-for-form .content form .form-group{float: left;width: 100%;margin: 5px 0;}
.popup-for-form .content form .form-group>label{float: left;margin: 0 8px 0 0;width: 100px;display: inline-block;line-height: 22px;}
.popup-for-form .content form .form-group>label.required-fields{width: 100%}
.popup-for-form .content form .form-group input[type=text],.popup-for-form .content form .form-group input[type=time],.popup-for-form .content form .form-group select{border:1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;padding: .35em .5em;width: 200px;box-sizing: border-box;color:#333;margin-right: 8px;border-radius: 5px;font-size: 12px;}
.popup-for-form .content form .form-group .radio-container{float: left;width: 150px;}
.popup-for-form .content form .form-group .radio-container span{display: inline-block;float: left;margin-right: 10px}
.popup-for-form .content form .form-group .radio-container label{float: left;display: inline-block;margin-left: 2px;}
.popup-for-form .content form .form-group .radio-container input{float: left;}
.popup-for-form .content form .form-group a.button-action{display: inline-block;float: right;font-family: 'Fira Sans', sans-serif;text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);clear: both;background:#ff7f3f;color:#fff;padding:6px 17px;border-radius: 5px;margin-top: 10px;}

.popup-for-form .content .close{position: absolute;right:15px;top: 15px;}
.popup-for-form .content .close i{color: #333;font-size: 20px;}
.popup-for-form .content .close:hover i{color: #f2141c}

.box.current-delivery ul.consegnatario{width: calc(100% - 30px);position: relative;left: 0;margin-left: 15px;}
.box.current-delivery ul.list.consegnatario li div.col.customer,.box.current-delivery ul.list.consegnatario li div.col.number, .box.current-delivery ul.list.consegnatario li div.col.status{width: 100%;text-align: center}
.box.current-delivery h2.consegnatario{margin-top: 15px;text-align: center}

.pagination-container{float: right;margin: 15px 0 25px}
.pagination-container li{float: left;color:#333;margin: 0 10px}
.pagination-container li a{color:#333;}
.pagination-container li.active a{color:#e39139;font-weight: 600}


.container-select-tabs{
    float: left;
    width: calc(100% - 30px);
    margin: 15px 0 15px 15px;
}
.container-select-tabs ul{
    float: left;
    width: 100%;    
}
.container-select-tabs ul li{
    width: 50%;
    float: left;
}
.container-select-tabs ul li:first-child{
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.box.current-delivery .delete-ordinamento{
    display: block;
    float: right;
    margin: 0 15px 10px 0;
    padding: 10px 15px;
    background-color: #f6f6f6;
    border:1px solid #ccc;
    color:#333;
}
.box.current-delivery .delete-ordinamento:hover{
    color: #fff;
    background-color: #f2141c;
    border-color: #f2141c;
}
.box.current-delivery .delete-ordinamento>i{
    display: inline-block;
}
.box.current-delivery #in_consegna,
.box.current-delivery #del_giorno{
    display: none;
}
.box.current-delivery #in_consegna.selected,
.box.current-delivery #del_giorno.selected{
    display: block;
}
.container-select-tabs ul li a{
    display: block;
    padding: 10px 0;
    color:#333;
    text-align: center;
    background-color: #f6f6f6;
}
.container-select-tabs ul li a:hover,
.container-select-tabs ul li a.selected{
    background-color: #1274b8;
    color:#fff;
}


.title-report{text-transform: uppercase;margin-top: 25px;margin-bottom: 0px;color:#1274b8}
.rp-table{margin: 10px 0}
.rp-table thead{background: #1274b8;color:#fff;}
.rp-table thead th{border-right: 1px solid #ebebeb;box-sizing: border-box;width: 150px;font-size: 12px;padding: 10px;}
.rp-table thead th strong{font-size: 12px}
.rp-table thead th:first-of-type{border-left: 1px solid #1274b8}
.rp-table thead th:last-of-type{border-right: 1px solid #1274b8}
.rp-table tbody tr{}
.rp-table tbody tr td{border-right: 1px solid #333;border-bottom: 1px solid #333;box-sizing: border-box;font-size: 12px;padding: 10px;}
.rp-table tbody tr td strong{font-size: 12px;color:#79b434}
.rp-table tbody tr td:first-of-type{border-left: 1px solid #333;}
.rp-table tbody tr:nth-of-type(2n + 1) td{background-color: rgba(148,151,154,0.05)}
.rp-table tbody tr:nth-of-type(2n + 2) td{background-color: rgba(148,151,154,0)}
.rp-table tfoot tr{}
.rp-table tfoot tr td{border-top: 1px solid #333;text-align: center;padding: 8px 0}
.rp-table tfoot tr td:first-of-type{border-left: 1px solid #1274b8;border-right: 1px solid #333;border-top: 1px solid #1274b8;background-color: #1274b8;color: #fff}
.rp-table tfoot tr:nth-of-type(2) td:first-of-type{}
.rp-table tfoot tr td:last-of-type{border-right: 1px solid #333;}
.rp-table tfoot tr:last-of-type td{border-bottom: 1px solid #1274b8;}
.rp-table tfoot tr:last-of-type td:last-of-type{background-color: #c0c0c0;border-bottom: 1px solid #333}
.rp-table tfoot tr td.no-opacity{opacity: 0}
.legend-rp{display: none;}
.legend-rp ul:last-of-type li a i{color:#a4cd54}
.rp-legend-title a{color:#79b434;font-size: 15px;text-transform: uppercase}

.report-company-container{
    float: left;
    width: 100%;
}
.report-company-container table{
    width: 100%;
}
#report_azienda .container-select-tabs{
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
}
#report_azienda .report-company-container{
    display: none;
}
#report_azienda .report-company-container table td{
    font-size: 15px;
}
#report_azienda .report-company-container.selected{
    display: block;
}
#report_azienda .report-company-container select,
#report_azienda .report-company-container input[type=text]{
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    color:#333;
    border-radius: 5px;
    font-size: 12px;
    padding: .35em .6em;
}
#report_azienda .report-company-container input[type=submit]{
    display: inline-block;
    background-color: #1274b8;
    color:#fff;
    padding: 5px 20px;
    font-weight: 600px;
    cursor: pointer;
    border: none;
}

.table .row .column.width-5{width: 5%}
.table .row .column.width-10{width: 10%}
.table .row .column.width-15{width: 15%}
.table .row .column.width-20{width: 20%}
.table .row .column.width-25{width: 25%}
.table .row .column.width-30{width: 30%}
.table .row .column.width-35{width: 35%}
.table .row .column.width-40{width: 40%}
.table .row .column.width-45{width: 45%}
.table .row .column.width-50{width: 50%}
.table .row .column.width-55{width: 55%}
.table .row .column.width-60{width: 60%}
.table .row .column.width-65{width: 65%}
.table .row .column.width-70{width: 70%}
.table .row .column.width-75{width: 75%}


.spara-ceste form{
    float: left;
    width: 100%;
    padding: 20px 15px;
    box-sizing: border-box;
}
.spara-ceste form:nth-of-type(2){
    padding-top: 0;
}
.spara-ceste form:nth-of-type(2) input[type=submit]{
    background-color: #1274b8;
    color:#fff;
    border: none;
    padding: 10px 15px;
    text-transform: uppercase;
    float: right;
    opacity: 0.2;
}
.spara-ceste form:nth-of-type(2) input[type=submit].confirmed{
    opacity: 1;
    cursor: pointer;
}
.spara-ceste form input[type=text]{
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    color:#333;
    border-radius: 5px;
    font-size: 12px;
    padding: .5em .6em;
    width: calc(100% - 50px);
    box-sizing: border-box;
}
.spara-ceste form button{
    background-color: #e39139;
    border: none;
    color: #fff;
    padding: 5px 10px;
    float: right;    
}
.spara-ceste .table{
    padding: 0 15px;
    box-sizing: border-box;
}

.drag-drop-icon{
    position: absolute!important;
    right: 15px;
    top: 15px;
    font-size: 30px;
    color: rgba(0,0,0,0.2);
}
.tooltip {
    position: relative;
    display: inline-block;
    cursor: grab;
}

/* Box del fumetto */
.tooltip .tooltip-text {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s;

    position: absolute;
    bottom: 140%;
    left: -50px;
    transform: translateX(-50%);

    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}

/* Freccia del fumetto */
.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 20px;
    transform: translateX(-50%);

    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* Mostra tooltip */
.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.error-check-presa .swal2-html-container,
.error-check-consegna .swal2-html-container{
    text-align: left;
}
.error-check-presa h3,
.error-check-consegna h3{
    font-size: 22px;
    margin-bottom: 0;
    color: #ee0000;
    font-weight: bold;
}
.error-check-presa p,
.error-check-consegna p{
    font-size: 18px;
    margin: 0;
}
.error-check-presa ul,
.error-check-consegna ul{
    margin-top: 15px;
}
.error-check-presa ul li,
.error-check-consegna ul li{
    padding: 8px 0;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
.error-check-presa ul:not(.list-home) li:nth-child(2n+1),
.error-check-consegna ul:not(.list-home) li:nth-child(2n+1){
    background-color: #ebebeb;
}
.error-check-presa ul.list-home,
.error-check-consegna ul.list-home{
    margin-top: 10px;
}
.error-check-presa ul.list-home li,
.error-check-consegna ul.list-home li{
    padding: 8px 10px;
    border: none!important;
    font-weight: 600;
    font-size: 16px;
}
.error-check-presa ul.list-home li:nth-child(4n+1),
.error-check-presa ul.list-home li:nth-child(4n+4),
.error-check-consegna ul.list-home li:nth-child(4n+1),
.error-check-consegna ul.list-home li:nth-child(4n+4){
    background-color: #ebebeb;
}
.error-check-presa ul.list-home li:last-child,
.error-check-consegna ul.list-home li:last-child{
    border-right: none;
}

.error-check-presa ul:not(.list-home) li:first-child,
.error-check-consegna ul:not(.list-home) li:first-child{
    background-color: #e00;
    color: #fff;
}

.button-blue-palette{
    background-color: #BBD2E3;
    color: #1274B8;
}

@media (min-width:1200px) {
    
}


@media (min-width: 1600px) {

}