*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}li{display:list-item;margin-left:17px}p,li{font-size:16px;padding:0px 8px}p:not(:last-child),li:not(:last-child){margin-bottom:24px}a{text-decoration:none;color:#314a68;transition:.3s}img{max-width:100%;height:auto;border:0;image-rendering:-webkit-optimize-contrast}body{font-family:'Roboto','Helvetica Neue',sans-serif;font-size:14px;line-height:24px;font-weight:400;text-align:left;color:#555;word-wrap:break-word}.hidden{display:none !important}.show{display:block !important}.relative{position:relative}.t-center{text-align:center}.t-left{text-align:left}.t-right{text-align:right}.t-justify{text-align:justify}.t-bold,b,strong{font-weight:700}.t-italic,i,em{font-style:italic}.t-uppercase{text-transform:uppercase}.t-underline{text-decoration:underline}small{font-size:11px;line-height:22px;font-weight:400;color:#8b8b8d}small a{color:#777}.black{color:#333 !important}.white{color:#fff !important}.important{color:#22b8f0 !important}.mt-16{margin-top:16px}h1{color:#22b8f0;letter-spacing:-1px;font-weight:300;font-size:36px;line-height:40px;margin-top:24px;margin-bottom:24px}h2{font-size:32px;line-height:40px;font-weight:300;color:#314a68;margin-top:28px;margin-bottom:4px;letter-spacing:-1px}h3{font-size:16px;color:#555;font-weight:700;text-align:center;width:100%;margin:40px 0}h3 svg{width:20px;vertical-align:-7px;margin-left:2px}h4{padding:4px 8px;font-weight:400;border-left:4px solid #22b8f0;margin-top:8px}.login-wrapper{display:flex;align-items:center;justify-content:center;background-image:url(../img/background.jpg);background-size:cover;background-repeat:no-repeat;min-height:100vh;background-blend-mode:overlay}.login{width:300px}.login-box{background-color:#fff;border-radius:3px;padding:16px;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.login-box h2{margin:8px 0px 16px 8px}.login-footer{text-align:center;margin-top:8px;font-size:11px;color:#fff}div.alert{padding:8px;text-align:center;line-height:16px;background-color:#c92100;color:#fff}div.alert.success{background-color:#62a420}sidebar{display:block;background-color:#3c3c40;line-height:0;position:fixed;width:256px;height:100vh;top:0}header{display:flex;justify-content:space-between;align-items:center;background-color:#1F1F1F;padding:0 12px;color:#fff;font-weight:700;font-size:15px}header a{color:#fff}#logo{width:100%;height:88px;background-image:url('../img/logo.png');background-position:center center;background-repeat:no-repeat;background-size:contain}#logo>*{display:none}#brand{margin-left:9px}#mobile-actions{display:none}profile{display:flex;align-items:center;padding:0 16px;color:#d9d9d9;background-color:#4e4e4e;line-height:15px;height:56px}profile-icon{display:block;height:24px;transform:translate(0, 1px)}profile svg,nav svg{margin-right:12px;color:#ddd;transform:translate(0, -2px)}nav a{display:flex;align-items:center;height:48px;padding:0 16px;color:#ddd;font-weight:500;position:relative}nav a:hover{background-color:#555}nav a.focus{color:#fff !important;background-color:#314a68 !important;font-weight:400}nav a.focus svg{color:#fff}menu-count{margin-left:auto;background:#333;display:block;min-width:26px;height:20px;border-radius:3px;line-height:22px;font-size:11px;text-align:center;font-weight:700}main{display:block;margin-left:256px;width:calc(100% - 256px);padding:0px 24px 24px 24px}controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:fixed;left:256px;bottom:0;background-color:rgba(31,31,35,0.95);width:calc(100% - 256px);z-index:900;min-height:88px;padding:16px 0}.box{display:flex;flex-wrap:wrap;background-color:#f0f2f5;border-top:1px solid #ccc;padding:15px 8px 16px 8px;position:relative;margin-bottom:24px}#detail-images,#detail-documents{display:flex;flex-wrap:wrap;width:100%}#detail-images h3,#detail-documents h3{font-weight:400;color:#888}break{display:block;flex-basis:100%;width:0px;height:0px;overflow:hidden}field{display:block;width:33.3333%;padding:0px 8px 15px 8px;position:relative}field.half{width:16.6666%}field.double{width:66.6666%}field.fat{width:83.3334%}field.full{width:100% !important}field.nolabel{padding-top:25px}field[type="hidden"]{padding:0}field input:focus,field .richtext-area:focus{border:1px solid #22b8f0}field.error label{color:#c92100 !important;font-weight:700 !important}field.error input,field.error check{border:1px solid #c92100 !important}label{text-align:left;font-size:15px;letter-spacing:-0.3px;font-weight:700}input,check,.richtext-area{outline:none;border:1px solid #ccc;font-family:inherit;font-size:14px;padding:4px 8px;color:#888;width:100%;margin:0px;height:32px;border-radius:4px;background-color:#fff}input.btn--side{padding-right:60px}check{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;padding:0 8px}check label{margin-top:1px;font-weight:400;color:#888;font-size:14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}check svg{margin-right:2px;width:20px;height:20px;margin-top:5px}choices{border:1px solid #ccc;box-shadow:0 1px 4px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24);border-top:none;background-color:#fff;position:absolute;top:57px;left:8px;width:calc(100% - 16px);z-index:200;border-radius:2px;display:none;max-height:171px;overflow-y:auto}choice{display:flex;border-top:1px solid #ccc;width:100%;white-space:nowrap;overflow:hidden;padding:0 8px;color:#777;transition:.3s;cursor:pointer;font-size:14px}choice:hover{background-color:#3d3d3d;color:#d9d9d9}choice-img{width:48px;height:48px;margin-left:-8px;margin-right:12px;background-size:cover;background-position:center center}choice-value{height:34px;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}choice choice-img+choice-value{line-height:48px;height:48px;width:calc(100% - 48px)}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.richtext-toolbar{display:flex;border:1px solid #ccc;border-radius:4px 4px 0 0;border-bottom:none;background-color:#fff;overflow:hidden}.richtext-toolbar .btn{padding:0 4px;border-radius:0;margin:0;height:31px;background-color:#fff;padding:0 4px !important;color:#aaa}.richtext-area{height:240px;border-radius:0 0 4px 4px;padding:8px 10px;overflow:auto;font-weight:400}.richtext-area a{text-decoration:underline}.richtext-area li{font-size:14px;padding:0;margin-bottom:0}::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}repeaters{display:block;width:100%}repeater{display:flex;flex-wrap:wrap;width:100%;border-top:1px solid #ccc;padding-top:8px;margin-top:8px}repeater:first-of-type{border-top:none;padding-top:0px;margin-top:0px}repeater:only-of-type .btn.delete--repeater{display:none}#dropzone{position:fixed;left:0;top:0;height:100vh;width:100%;background-color:rgba(0,0,0,0.8);z-index:1010;opacity:0;visibility:hidden;transition:opacity .3s 0s,visibility 0s .3s;text-align:center}#dropzone.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s}#dropzone>div{color:#fff;position:relative;top:40%}#dropzone svg{width:72px;height:72px}#dropzone h2{margin-top:0}.btn{display:inline-flex;align-items:center;font-family:inherit;height:36px;font-size:13px;font-weight:700;text-transform:uppercase;padding:0 18px 0 14px;text-align:center;text-decoration:none;background-color:#314a68;color:#fff;white-space:nowrap;border-radius:999px;cursor:pointer;border:1px solid transparent;margin:2px;transition:.3s}.btn svg{margin-right:8px}.btn.important{background:#22b8f0;color:#fff !important}.btn.red{background:#22b8f0;color:#fff !important}.btn:focus{outline:none}.btn:hover{background-color:#333;color:#fff !important}.btn.side{position:absolute;margin:0;bottom:15px;right:8px;padding:0 4px;border-radius:0 4px 4px 0;height:32px}.btn.side--ghost{background-color:transparent;border:none;color:#777;padding:0 8px !important}.btn.side--ghost svg{width:20px}.btn.side--ghost:hover{color:#3d3d3d !important}.btn.reset{position:absolute;margin:0;bottom:16px;right:42px;color:#777;height:30px;background-color:transparent !important;border:none;cursor:pointer;border-radius:0px}.btn.reset svg{width:20px}.btn.reset:hover{color:#3d3d3d !important}.btn.ghost{background-color:transparent !important;border:1px solid #999;color:#777}.btn.ghost.small{font-size:10px;padding:0 12px 0 12px;height:31px;font-weight:400}.btn.ghost:hover{border:1px solid #333;background-color:#333 !important;color:#fff}.btn.only--icon{padding:0 5px}.btn.only--icon svg{margin-right:0}.btn.contextual{position:absolute;z-index:800;top:-21px;right:16px;margin:0}.btn.delete--repeater{margin:23px 8px 0 8px}a.card{display:flex;flex-direction:column;justify-content:space-between;width:calc(16.6666% - 16px);margin:8px;padding:16px;background:#FFF;overflow:hidden;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.18);transition:all .3s ease-out 0s;cursor:pointer}a.card:hover{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);transform:translate(0, -2px)}card-img{display:block;width:calc(100% + 32px);height:176px;background:#d6d6d6 center center no-repeat;background-size:cover;padding:16px;margin:-16px -16px 0 -16px;text-align:left;line-height:0}card-img.contain{background-size:contain}card-img.no-cover{background-size:auto}card-tag{display:inline-block;border-radius:2px;background-color:#343a40;color:#fff;font-size:10px;line-height:10px;padding:5px 6px 4px 6px;margin:0px 2px 2px 0px;white-space:nowrap}a.card>card-tag{margin:0 auto 0 0}card-hat{display:block;width:100%;font-size:12px;line-height:14px;font-weight:400;padding-top:16px;position:relative;color:#314a68}card-hat:first-child{padding-top:0}card-title{font-size:19px;letter-spacing:-0.3px;display:block;width:100%;margin-top:16px;color:#555;position:relative;flex:1}card-img+card-tag{margin:16px auto 0 0 !important}card-tag+card-hat{padding-top:8px}card-hat+card-title{margin-top:4px}card-tag+card-title{margin-top:8px}card-footer{display:flex;align-items:center;width:calc(100% + 32px);height:55px;padding:0px 16px;border-top:1px solid #dfdfdf;margin:8px -16px -16px -16px;background:#fafafa}card-search{display:none}@media (min-width:600px){.box.box--table{display:table;width:100%;padding:16px}.box.box--table a.card{display:table-row;border-radius:0;box-shadow:none}.box.box--table a.card>*{display:table-cell;width:auto;margin:0;padding:14px;border-radius:0;border:none;border-bottom:1px solid #ccc;font-size:14px;font-weight:400;line-height:18px}.box.box--table a.card:hover{box-shadow:none;transform:none;background-color:#dfdfdf}.box.box--table card-footer span{white-space:nowrap}.box.box--table card-footer .btn{float:right}}.pagination{display:flex;justify-content:center;width:100%;margin-top:24px;align-self:flex-end}.pagination .disabled,.pagination [disabled]{opacity:.5 !important;pointer-events:none !important}.pagination .pagination-prev,.pagination .pagination-next{display:inline-flex;align-items:center;font-family:inherit;height:36px;font-size:13px;font-weight:700;text-transform:uppercase;padding:0 18px 0 14px;text-align:center;text-decoration:none;background-color:#314a68;color:#fff;white-space:nowrap;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:.3s;height:auto;margin:2px;border-radius:100%;padding:8px}.pagination .pagination-prev svg,.pagination .pagination-next svg{margin-right:8px}.pagination .pagination-prev.important,.pagination .pagination-next.important{background:#22b8f0;color:#fff !important}.pagination .pagination-prev.red,.pagination .pagination-next.red{background:#22b8f0;color:#fff !important}.pagination .pagination-prev:focus,.pagination .pagination-next:focus{outline:none}.pagination .pagination-prev:hover,.pagination .pagination-next:hover{background-color:#333;color:#fff !important}.pagination .pagination-prev.side,.pagination .pagination-next.side{position:absolute;margin:0;bottom:15px;right:8px;padding:0 4px;border-radius:0 4px 4px 0;height:32px}.pagination .pagination-prev.side--ghost,.pagination .pagination-next.side--ghost{background-color:transparent;border:none;color:#777;padding:0 8px !important}.pagination .pagination-prev.side--ghost svg,.pagination .pagination-next.side--ghost svg{width:20px}.pagination .pagination-prev.side--ghost:hover,.pagination .pagination-next.side--ghost:hover{color:#3d3d3d !important}.pagination .pagination-prev.reset,.pagination .pagination-next.reset{position:absolute;margin:0;bottom:16px;right:42px;color:#777;height:30px;background-color:transparent !important;border:none;cursor:pointer;border-radius:0px}.pagination .pagination-prev.reset svg,.pagination .pagination-next.reset svg{width:20px}.pagination .pagination-prev.reset:hover,.pagination .pagination-next.reset:hover{color:#3d3d3d !important}.pagination .pagination-prev.ghost,.pagination .pagination-next.ghost{background-color:transparent !important;border:1px solid #999;color:#777}.pagination .pagination-prev.ghost.small,.pagination .pagination-next.ghost.small{font-size:10px;padding:0 12px 0 12px;height:31px;font-weight:400}.pagination .pagination-prev.ghost:hover,.pagination .pagination-next.ghost:hover{border:1px solid #333;background-color:#333 !important;color:#fff}.pagination .pagination-prev.only--icon,.pagination .pagination-next.only--icon{padding:0 5px}.pagination .pagination-prev.only--icon svg,.pagination .pagination-next.only--icon svg{margin-right:0}.pagination .pagination-prev.contextual,.pagination .pagination-next.contextual{position:absolute;z-index:800;top:-21px;right:16px;margin:0}.pagination .pagination-prev.delete--repeater,.pagination .pagination-next.delete--repeater{margin:23px 8px 0 8px}.pagination .pagination-prev svg,.pagination .pagination-next svg{margin:unset}.pagination .pagination-current{display:flex;align-items:center;padding:8px 16px}#modal-container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.3s;transform:scale(.1, .1);opacity:0;visibility:hidden}#modal-container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;transform:scale(1, 1)}#modal-window{border-radius:4px;background:#fff;width:100vw;max-width:300px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden}#modal-window.relation{max-width:75vw}#modal-window.relation h2{margin-top:0}#modal-window.relation a.card{padding-bottom:16px}#modal-window.truck-detail{width:810px;max-width:none}#modal-header{text-align:center;padding:16px}#modal-header.success{background-color:#62a420}#modal-header.error{background-color:#c92100}#modal-header svg{width:48px;height:48px;color:#fff}#modal-content{padding:24px;max-height:calc(100vh - 64px);overflow-y:auto;font-size:16px}#modal-footer{display:flex;align-items:center;background-color:#dfdfdf;border-radius:0 0 4px 4px;height:64px;padding:0 24px}calendar-header{display:flex;justify-content:space-between;align-items:center;margin:auto;margin-bottom:4px}calendar-header h5{text-align:center;line-height:18px;color:#555;font-size:15px;letter-spacing:-0.3px;font-weight:700}ul.calendar{display:flex;flex-wrap:wrap;border-top:1px solid #555;border-left:1px solid #555}li.day{width:14.2857%;position:relative;background-color:#333;border-right:1px solid #555;border-bottom:1px solid #555;line-height:0px;overflow:hidden;color:#fff;transition:.2s;cursor:pointer;margin:0;padding:0;font-size:14px}li.day:hover{background-color:#121212;color:#fff}li.day.weekday{text-align:center;background-color:#22b8f0;color:#fff;padding:7px 0px;line-height:24px}li.day.is-sibling{background-color:rgba(255,255,255,0.3);color:#555}li.day.is-today{background-color:#314a68;color:#fff}li.day>p{position:absolute;top:12px;right:6px;padding:0;font-size:14px}@media (max-width:1440px){a.card{width:calc(20% - 16px)}field.half{width:33.3333%}}@media (max-width:1280px){a.card{width:calc(25% - 16px)}}@media (max-width:1023px){h1{margin:24px 16px}sidebar{position:relative;width:100%;height:auto}#logo{display:flex;align-items:center;height:64px;background-image:none}#logo>*{display:block}#mobile-actions{display:flex}nav{display:none}profile{display:none}profile.is-visible{display:flex}#search{display:none}main{width:100%;margin-left:0%;padding:0}controls{left:0;width:100%;min-height:64px}field{width:50% !important}field.double{width:100% !important}}@media (max-width:768px){h1,h2{font-size:24px;line-height:40px;margin:16px 16px 0 16px}a.card{width:calc(33.3333% - 16px)}repeaters{padding-bottom:32px}.box--files{padding-bottom:64px !important}.btn.contextual{top:auto;bottom:16px}}@media (max-width:600px){a.card{width:calc(50% - 16px)}field{width:100% !important}field.nolabel{padding-top:11px}.btn.delete--repeater{margin:0 8px 15px 8px}#modal-window.relation{max-width:100%;border-radius:0}}@media (max-width:425px){h1,h2{margin:16px 12px 0 12px}.login-box{padding:2px 16px}.login-box h2{padding-left:2px}.box{margin-bottom:0;padding:15px 4px 16px 4px}a.card{width:100%}.box--files a.card{width:calc(50% - 16px)}.box--files a.card card-img{height:128px}}#nprogress .bar{background:#22b8f0;height:3px}#nprogress .peg{box-shadow:0 0 10px #22b8f0,0 0 5px #22b8f0}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]::before{position:absolute;bottom:100%;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.95);border-radius:3px;color:#fff;font-size:11px;line-height:14px;content:attr(data-tooltip);padding:5px;text-transform:none;text-align:center;min-width:120px}[data-tooltip]::after{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(0,0,0,0.95);content:" ";font-size:0;line-height:0;width:0}[data-tooltip]::before,[data-tooltip]::after{opacity:0;pointer-events:none;transition:all .5s ease}[data-tooltip]:focus::before,[data-tooltip]:focus::after,[data-tooltip]:hover::before,[data-tooltip]:hover::after{opacity:1;transition:all .75s ease}a.spedizione{width:calc(33.3333% - 16px)}a.spedizione card-footer{height:64px;line-height:16px;font-size:16px;color:#6b7d94;font-weight:500;justify-content:space-between;padding:0 25px 3px 25px;margin-top:16px}a.spedizione card-footer b{font-weight:400;font-size:11px;color:#a6b1bf}.spedizione-header{display:flex;align-items:center;padding-top:20px}.spedizione-status{width:100px;height:100px;background-color:#f0f2f4;border-radius:999px;display:flex;justify-content:center;align-items:center}.spedizione-status img{width:60px}.status-OK,.status-RIS1,.status-RIS2,.status-RIS3{background:#62a420}.status-650{background:#1180ae}.status-DESTRA,.status-CLIASS{background:#6d5b97}.status-CHITUR,.status-CHIFER,.status-ERRIND{background:#c92100}.status-MERORD{background:#e60077}.status-NOCONF{background:#fcb239}.spedizione-arrow{width:75px;display:flex;justify-content:center;align-items:center;padding-right:2px}.spedizione-destination{width:calc(100% - 175px);line-height:16px}.spedizione-destination card-title{font-family:'Roboto','Helvetica Neue',sans-serif;font-weight:400;text-transform:capitalize;font-size:18px;line-height:20px;margin-top:0}.spedizione-destination card-hat{font-size:13px;padding-top:4px;color:#9da6aa;text-transform:capitalize}.spedizione-time{font-weight:400;font-size:11px;color:#6b7d94}.spedizione-time svg{width:13px;height:12px;vertical-align:-2px;margin-right:2px}.spedizione-detail-header{display:flex;justify-content:center;margin:40px 0 30px 0}.spedizione-data{width:120px;height:120px;margin-top:-10px;background-color:#5cb9db;border-radius:999px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:25px;color:#fff;font-weight:100;margin-right:20px;position:relative}.spedizione-data:after{content:'';width:0;height:0;border-style:solid;border-width:15px 0 15px 16px;border-color:transparent transparent transparent #5cb9db;position:absolute;margin:auto;top:0;bottom:0;right:-8px}.spedizione-data svg{margin-left:5px;vertical-align:-6px}.spedizione-truck{text-align:center;position:relative}.spedizione-truck img{width:230px;opacity:.9}.spedizione-truck .spedizione-colli{position:absolute;left:50%;color:#fff;top:42px;font-size:50px;font-weight:100;margin-left:-90px;width:120px}.spedizione-truck .spedizione-colli svg{margin-left:5px;vertical-align:5px}.spedizione-timeline-wrapper{overflow-x:auto}.spedizione-timeline{display:flex;justify-content:center;align-items:flex-start}.spedizione-timeline>div{width:200px;display:flex;flex-direction:column;align-items:center;padding:30px 30px 20px 30px;background-image:url(../img/line.png?3);background-repeat:repeat-x;background-position-y:78px}.spedizione-timeline>div.step-first{width:230px;padding-left:60px}.spedizione-timeline>div.step-last{width:230px;padding-right:60px}.spedizione-timeline>div.step-lonely{width:260px;padding-left:60px;padding-right:60px}.spedizione-timeline>div.location{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f0f2f4;background-image:none;font-size:12px;line-height:14px;padding:15px;margin-top:24px;border-radius:3px;width:150px;min-height:112px}.spedizione-timeline>div.location card-tag{margin-bottom:5px}.spedizione-timeline>div.location svg{margin-bottom:5px}.spedizione-timeline>div .spedizione-status{margin-bottom:20px}.spedizione-timeline>div card-tag{text-transform:uppercase;margin:0;white-space:normal;text-align:center}@media (max-width:1439px){a.spedizione{width:calc(50% - 16px)}}@media (max-width:767px){a.spedizione{width:100%}}