/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,figcaption { font-size: 1em; font-weight: normal; font-style: normal; display:inline-block; }
strong, em { display: inline; }
ul { list-style: none outside; }
*, :after, :before {
    box-sizing: border-box;
}

@font-face {font-family: 'AkzidenzGroteskBQ';font-display: swap;src: url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Reg.woff2') format('woff2'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Reg.woff') format('woff'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Reg.eot');src: url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Reg.eot?#iefix') format('embedded-opentype'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Reg.svg#AkzidenzGroteskBQ-Reg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'AkzidenzGroteskBQ';font-display: swap;src: url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Bold.woff2') format('woff2'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Bold.woff') format('woff'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Bold.eot');src: url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/akzidenzgrotesk/AkzidenzGroteskBQ-Bold.svg#AkzidenzGroteskBQ-Bold') format('svg');font-weight: bold;font-style: normal;}

body{text-align:center;background:#f7f7f7;font-family:AkzidenzGroteskBQ,arial; }
body.login-body{background:#eff6f8;}

#container{height:100vh;overflow:hidden;display:flex;flex-flow:column nowrap;}

.header-login{background:#ffffff;width:100%;padding:5px 25px;position:fixed;top:0;left:0;z-index: 80;-webkit-box-shadow: 0px 0.2142857143rem 0.4285714286rem #00000008;box-shadow: 0px 0.2142857143rem 0.4285714286rem #00000008;text-align:left;}
.header-login img{max-height:40px;}

.main{display:flex;flex-flow:row nowrap;flex:1 1 auto;min-height:1px;position:relative;flex-flow:row-reverse nowrap;}
.content{position:relative;margin-left: 224px;transition: margin .2s ease;}
.main.mod-collapsed .content{margin-left: 68px;}
.desktop .content {display: flex;flex-flow: column nowrap;flex: 1 1 auto;min-height: 1px;min-width: 1px;overflow:hidden;}

.desktop .workspace-widgets-toolbar{align-items: center;display: flex;flex-flow: row nowrap;flex-shrink: 0;justify-content: space-between;}
.page-header {align-items: center;background-color: #495965;border-bottom: 1px solid #e2e6e9;display: flex;flex-flow: row nowrap;flex: 1 0 auto;height: 64px;justify-content: space-between;padding: 0 24px 0 20px;color:#fff;}
.page-header>.details {display: flex;flex-flow: column nowrap;}
.page-header>.details>.title {align-items:center;display: flex;flex-flow: row nowrap;}
.page-header>.details>.title .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: 700;line-height: 24px;margin-left:10px;}
.widget-title-icon {background-position: 50%;background-repeat: no-repeat;background-size: 24px;border-radius: 2px;flex: 0 0 auto;height: 24px;width: 24px;}
.widget-title-icon-board {background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3Cpath fill='%23FFF' d='M12 36h6V12h-6v24zm9-9h6V12h-6v15zm9-15v15h6V12h-6z'/%3E%3C/svg%3E);}
.widgetcolor-blue{background-color: #2196f3;}
.widgetcolor-orange{background-color: #008cba;}

h1{display:block;clear:both;font-weight:bold;font-size:22px;text-align:left;margin-bottom:20px;}
.desktop .workspace-widgets-panes{display: flex;flex-flow: column nowrap;flex: 1 1 auto;justify-content: space-between;min-height: 1px;padding:20px;text-align:center;overflow-y:scroll;}
.widgets-list {flex: 1 1 auto;display: flex;flex-flow: column nowrap;min-height: 1px;min-width: 360px;max-width: 100%;position: relative;}
.widget{background-color:#f3f7fb;margin-bottom:30px;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.04);display:block;text-align:left;border:1px solid #e9e9e9;}
.widget.no-background{background:none;box-shadow:none;}
.widget.no-border{border:none;}
.widget-title{padding:8px 12px;}
.widget.mod-minimized .widget-title {border: none;}
.widget-title .widget-title-content{min-height: 32px;align-items: center;display: flex;flex-flow: row nowrap;flex: 1 1 auto;transition: transform .2s ease;}
.widget-title .widget-title-content .widget-title-arrow {height: 24px;width: 38px;align-items: center;cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;margin: -6px 0 -6px -12px;}
.widget-title .widget-title-content .widget-title-arrow .symbol-arrowhead-down {fill: #1c2733;stroke: #1c2733;transition: transform .1s ease-in-out;}
.widget.mod-minimized .widget-title-arrow .symbol-arrowhead-down{transform: rotate(-90deg);}
.widget-title .widget-title-content .widget-title-name-wrapper{align-items: flex-start;display: flex;flex-flow: column nowrap;flex: 1 1 auto;min-width: 1px;position: relative;color: #172533;font-size: 16px;font-weight: 700;}
.widget-content{background:#ffffff;padding:12px 15px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position:relative;}
.widget.mod-minimized .widget-content{opacity: 0;display: none;}
.widget-content.no-background{background:none;padding:0;}
.filters li{display:inline-block;margin-right:8px;}
.filters li span {display: block;margin-bottom: 3px;font-size:13px;}
.filters li .select2 span{margin-bottom:0;}
.filters input,.filters select{max-width:220px;}
.filters input[type="submit"] {padding: 4px 25px;font-size: 13px;text-transform: capitalize;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
input[type="text"].datepickrange{min-width:230px;padding-right:40px;}
table.report-list{width:100%;border-collapse: collapse;}
.alternate-color tr:nth-of-type(2n + 1) td{background:#f1f1f1;}
.gray-bg td{background:#f1f1f1;}
table.report-list tr{border-bottom:1px solid #f5f5f5;}
table.report-list td{font-size:14px;padding:8px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table.report-list .header-table td{background:#f9f9f9;font-weight:bold;border:none;}
table.report-list .header-table td span{display:none;}
table.report-list .header-table.dark td{background-color:#495965;color:#fff;}
.shipment-status{width:15px;}
.dtrg-group{text-align:center;font-weight:bold;}
.dtrg-level-1 .client-td{padding-left:15px;}
.dtrg-level-2 .client-td{padding-left:25px;}
.dtrg-level-3 .client-td{padding-left:35px;}
.dtrg-level-4 .client-td{padding-left:45px;}
.dtrg-level-5 .client-td{padding-left:55px;}
.dtrg-level-6 .client-td{padding-left:65px;}
#reorder-new.alternate-color tr:nth-of-type(2n + 1) td{background:#fff;}
#reorder-new .dtrg-group.dtrg-level-0 td,#reorder-new-shipment .dtrg-group.dtrg-level-0 td{background:#e8e8e8;}
#reorder-new .dtrg-group.dtrg-level-1 td,#reorder-new-shipment .dtrg-group.dtrg-level-1 td{background:#f1f1f1;}
#reorder-new .dtrg-group.dtrg-level-2 td,#reorder-new-shipment .dtrg-group.dtrg-level-2 td{background:#f4f4f4;}
#reorder-new .dtrg-group.dtrg-level-3 td,#reorder-new-shipment .dtrg-group.dtrg-level-3 td{background:#f7f7f7;}
#reorder-new .dtrg-group.dtrg-level-4 td,#reorder-new-shipment .dtrg-group.dtrg-level-4 td{background:#f9f9f9;}
#reorder-new .dtrg-group.dtrg-level-5 td,#reorder-new-shipment .dtrg-group.dtrg-level-5 td{background:#fbfbfb;}
#reorder-new .dtrg-group.dtrg-level-6 td,#reorder-new-shipment .dtrg-group.dtrg-level-6 td{background:#fdfdfd;}
#reorder-new .odd:hover td,#reorder-new .even:hover td{background: #fafafa;}
#reorder-new-shipment .dtrg-group td{text-align:right;}
#reorder-new-shipment .dtrg-group td.text-align-left{text-align:left;}
.dtrg-group td:first-of-type{min-width:70px;}
.functions-user{text-align:right;margin-bottom:5px;}
.functions-user a{color:#fff;padding:3px;display:inline-block;}
.dataTables_filter{margin-bottom:20px;text-align:right;}
.dataTables_filter label{margin-right:0;}
.dataTables_wrapper{position:relative;}
.dataTables_processing{background:#f1f1f1;width:100%;height:100%;position:absolute;opacity: 0.5;z-index:100;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{display:none;}
.chart{width:100%;min-height:300px;}
.chart.width-50{width:49%;display:inline-block;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {cursor: pointer;background-repeat: no-repeat;background-position: calc(100% - 5px) center;padding-right: 10px;}
table.dataTable thead .sorting {background-image: url(sort_both.png);}
table.dataTable thead .sorting_asc {background-image: url(sort_asc.png);}
table.dataTable thead .sorting_desc {background-image: url(sort_desc.png);}
.shipment-status{background-image:none!important;}
.shipment-details{width:100%;}
.shipment-details tr td {font-weight:bold;padding-bottom:30px;}
.shipment-details tr td span{font-weight:normal;display:block;margin-bottom:5px;color:#495865;font-size:13px;}
.shipment-details tr td{font-weight:normal;font-size:14px;padding:15px 0;border-bottom:1px solid #efefef}
.shipment-details tr td span{color:#000;font-weight:bold;}
.shipment-details tr.header-table td{padding-bottom:0;border:none;}
.show-shipment-details{color:#000;}
.show-shipment-details:hover{color:#008cba;}
.function-datatables{position:absolute;top:10px;right:235px;z-index:2;}
.function-datatables .wrapper{float:right;margin-left:10px;}
.columns{display:inline-block;position:relative;font-size:14px;border-radius:2px;}
.dropdown-button{background:#efefef;width:auto;color:#454545;display:inline-block;padding:4px;border:1px solid #efefef;}
.dropdown-button:hover{background:#fff;}
.dropdown-wrapper{background:#fff;position:absolute;top:30px;right:0;z-index:10;font-size:13px;padding:10px 10px 5px 10px;border:1px solid #efefef;display:none;border-radius:3px;-webkit-box-shadow: 0 0 3px rgba(86,96,117,0.7);box-shadow: 0 0 3px rgba(86,96,117,0.7);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dropdown-wrapper a{display:block;margin-bottom:5px;padding:6px;color:#454545;}
.dropdown-wrapper a:hover{background:#efefef;}
.dropdown-wrapper a.active,.dropdown-wrapper a.active:hover{background:#008cba;color:#fff;}
.dropdown-wrapper h2{display:block;clear:both;margin-bottom:10px;font-weight:bold;}
#aggregation-wrapper{width:340px;}
.item-box{background:#efefef;width:150px;height:130px;float:left;border:1px solid #efefef;padding:10px;margin:0 15px 5px 0;overflow-y:scroll;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box-item{background:#fff;width:100%;max-width:130px;display:inline-block;clear:both;cursor:pointer;padding:4px;margin-bottom:5px;}
#container2 div:nth-child(2){margin-left:5px;}
#container2 div:nth-child(3){margin-left:calc(10px);}
#container2 div:nth-child(4){margin-left:calc(15px);}
#container2 div:nth-child(5){margin-left:calc(20px);}
#container2 div:nth-child(6){margin-left:calc(25px);}
#container2 div:nth-child(7){margin-left:calc(30px);}
.switch {position: relative;display: inline-block;width:40px;height:20px;}
.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:12px;width:12px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #008cba;}
input:focus + .slider {box-shadow: 0 0 1px #008cba;}
input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.wrapper-details table span,.info{background: #fff;width:auto;display: inline-block;padding: 2px 5px;margin-bottom:0;clear:none;font-size: 9px;border: 1px solid #aeaeae;margin-left: 3px;vertical-align:middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.overflow-hidden{overflow:hidden;}
.horizontal-scroll-wrapper{overflow: auto;white-space: nowrap;}
.horizontal-scroll-wrapper td.client-td{max-width:250px;word-wrap: break-word;}

.wrapper-shipment{width:calc(50% - 6px);float:left;clear:left;font-size:14px;}
.wrapper-shipment.right{float:right;clear:right;}
.wrapper-details{background:#ffffff;padding:15px;border:1px solid #e9e9e9;border-radius:5px;margin-bottom:10px;}
.wrapper-details span{width:100%;display:block;clear:both;margin-bottom:4px;font-size:12.5px;font-weight:bold;}
.wrapper-details .details{width:calc(25% - 5px);padding-right:5px;display:inline-block;box-sizing: border-box;vertical-align:top;}
.wrapper-details.line-5 .details{width:calc(20% - 5px);}
.wrapper-details .details.width-50{width:50%;}
.wrapper-shipment table.report-list tr:hover{background:#f4f4f4;}
.wrapper-details .function-datatables{position:absolute;top:55px;right:235px;z-index:2;}
.wrapper-chart{width:calc(50% - 28px);margin-right:20px;display:inline-flex;flex-flow: column nowrap;box-sizing: border-box;}
.wrapper-chart.medium{width:calc(66% - 10px);}
.wrapper-chart.small{width:calc(33% - 20px);}
.wrapper-chart.big{width:100%;margin-right:0;}
.wrapper-chart.no-margin-right{margin-right:0;}
.wrapper-chart h2{width:100%;font-weight:bold;font-size:18px;margin-bottom:10px;color:#47545d;display:block;clear:both;}
.wrapper-chart .graph-report{width:100%;}

.wrapper-chart .filters li{vertical-align:top;}
.wrapper-chart .select2-container--default .select2-selection--single,.wrapper-chart .select2-selection--multiple{width:102px;margin-top:0;}
.wrapper-chart .filters input,.wrapper-chart .filters select{width:102px;}
.wrapper-chart input[type="text"].datepickrange{width:170px;min-width:0;padding-right:10px;}
.wrapper-chart .filters li span{font-size:12px;}
.wrapper-chart .filters li .select2-container--default .select2-selection--single .select2-selection__clear{margin-right:15px;margin-top:-5px;padding:0;}


.wrapper-info{background-image: url("icon-shipments.svg");background-repeat: no-repeat;background-position:12px center;background-size:50px 50px;width:calc(25% - 15px - 5px);height:74px;margin-right:20px;padding:12px 12px 12px 75px;border-radius:4px;border:1px solid #ececec;display:inline-block;vertical-align:top;}
.container-wrapper-info{width:calc(25% - 15px - 5px);margin-right:20px;padding:0;border-radius:4px;border:1px solid #ececec;display:inline-block;vertical-align:top;}
.container-wrapper-info:last-of-type{margin-right:0;}
.container-wrapper-info .wrapper-info{width:100%;height:auto;padding:12px 12px 12px 55px;background-size:30px 30px;margin-right:0;margin-bottom:0;border:none;border-bottom:1px solid #ececec;}
.container-wrapper-info .wrapper-info.grey{background-color:#f7f7f7;}
.container-wrapper-info .wrapper-info:last-of-type{margin-bottom:0;border-bottom:0;}
.wrapper-info:last-of-type{margin-right:0;}
.wrapper-info.teu{background-image: url("icon-teus.svg");}
.wrapper-info.cbm{background-image: url("icon-profit-ylw.svg");}
.wrapper-info.cbm-project{background-image: url("icon-profit.svg");}
.wrapper-info.no-icon{background-image:none;}
.wrapper-info .value{font-size:20px;font-weight:bold;margin-bottom:4px;color:#495965;}
.wrapper-info .label{font-size:13px;}
.container-wrapper-info .wrapper-info .label{font-size:15px;}
.container-wrapper-info .wrapper-info .wrapper-value{width:100%;}
.container-wrapper-info .wrapper-info .value{width:60%;display:inline-block;font-size:18px;margin-bottom:0;vertical-align:middle;}
.container-wrapper-info .wrapper-info .date{width:37%;text-align:right;display:inline-block;font-size:11px;font-weight:normal;vertical-align:middle;}

.wrapper-search{margin-bottom:10px;}
.wrapper-search span{display:inline-block;margin-bottom:8px;font-size:17px;font-weight:bold;}
.wrapper-input span{background:#f5f5f5;margin:0 0 0 0;padding:8px 20px;font-size:13px;border:1px solid #dadada;border-radius:4px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.wrapper-input input[type="text"]{background:#fff;width:calc(100% - 181px);appearance: none;position:relative;left:-6px;padding:8px 20px;border:1px solid #dadada;border-top-left-radius: 0;border-bottom-left-radius: 0;}

#reorder-new_paginate {text-align: center;padding: 20px;}
#reorder_paginate {text-align: center;padding: 20px;}
/*.paginate_button.current {background: #dadada;}
.paginate_button {padding: 5px;margin: 5px;}
.paginate_button:hover {background: #dadada;padding: 5px;}*/
.paginate_button {box-sizing:border-box;display:inline-block;min-width:1.5em;padding: 0.5em 1em;font-size:14px;margin-right:8px;text-align:center;text-decoration: none !important;cursor: pointer;color: #333 !important;border: 1px solid transparent;border-radius:5px;background: #efefef;}
.paginate_button.current,.paginate_button:hover {background:#008cba !important;color:white !important;border:0px;border-radius:5px;}
.dataTables_length{position: absolute;}
.dataTables_length labels{display: none;}
.dataTables_length select{width: auto;}

.navigation{background-color: #ffffff;width:224px;display: flex;flex-flow: column nowrap;flex: 0 0 auto;height:100%;left: 0;position: absolute;text-align:left;}
.main.mod-collapsed .navigation{transform: translateX(-156px);}
.navigation{transition: transform .2s ease;}
.navigation-header{align-items: center;cursor: pointer;display: flex;flex: 0 0 auto;height: 64px;padding: 0 16px;position:relative;}
.mod-collapsed .navigation .navigation-header{justify-content: center;margin-left: 156px;}
.navigation-header:hover,.navigation .collapse-sidebar-button:hover{background-color: rgba(0,0,0,.25);}
.navigation-header .avatar{flex: 0 0 auto;text-align:left;}
.fui-avatar-content {align-items: center;display: flex;flex-flow: row nowrap;flex: 0 0 auto;font-size:14px;color:#fff;}
.fui-avatar-content {background-color: #b8bfc7;border-radius: 4px;height: 32px;width: 32px;background-position: 50%;background-repeat: no-repeat;background-size: cover;justify-content: center;overflow: hidden;}
.navigation-header .details{flex: 1 1 auto;min-width: 1px;padding: 0 0 0 8px;}
.navigation-header .details .workspaceinfo {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #495965;font-size: 15px;font-weight: 700;margin: -2px 0 0;}
.navigation-header .details .userinfo {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color: hsla(0,0%,100%,.75);margin: 0 0 0;}
.navigation-header .icon {flex: 0 0 auto;margin: 0 0 0 8px;}
.navigation-header .icon .symbol-chevron-down {stroke: hsla(0,0%,100%,.75);}
.navigation-header .menu{background-color: rgba(0,0,0,.25);width:100%;position:absolute;bottom:0;left:0;padding:16px;}
.navigation-header .menu a{color: hsla(0,0%,100%,.75);}
.mod-collapsed .navigation .navigation-header .details, .mod-collapsed .navigation .navigation-header .icon {display: none;}


.navigation .navigation-items-wrapper {display: flex;flex-flow: column nowrap;flex: 1 1 auto;overflow: hidden;overflow-y:scroll;}
.navigation-title {font-size: 13px;align-items: center;color: hsla(0,0%,100%,.75);display: flex;font-weight: 700;line-height: 32px;padding: 0 9px 0 16px;}
.navigation-title .text {overflow: hidden;color:#262727;text-overflow: ellipsis;white-space: nowrap;flex: 1 1 auto;}
.navigation-item {align-items: center;color: hsla(0,0%,100%,.75);cursor: pointer;display: flex;flex: 0 0 auto;}
.navigation-item:hover {background-color: rgba(0,0,0,.25);}
.navigation-item a{width:100%;display:block;color: #495865;text-decoration:none;padding:5px 0;}
.navigation-item.is-selected .item-content {background-color: #008cba;color: #fff;}
.navigation-item.is-selected .item-content a{color:#fff;}
.navigation-item .item-content {align-items: center;display: flex;flex-flow: row nowrap;flex: 1 1 auto;min-width: 1px;padding: 2px 16px 2px 30px;}
.mod-collapsed .navigation .navigation-items-wrapper{opacity: 0;}

.navigation .collapse-sidebar-button {display: flex;padding: 6px 0;}
.collapse-sidebar-button{align-content: center;align-items: center;color:#495965;flex: 0 0 48px;padding: 6px 16px;text-align: center;vertical-align: middle;}
.navigation .collapse-sidebar-button .collapse-sidebar-icon {margin: 0 auto 0 calc(50% - 9px);transition: margin-left .2s ease;}
.navigation .collapse-sidebar-button .fui-icon {stroke: #495965;}
.navigation .collapse-sidebar-button:hover{color: #fff;cursor: pointer;}
.mod-collapsed .navigation .collapse-sidebar-button .collapse-sidebar-icon{margin-left: 181px;}

.fui-icon {display: block;fill: transparent;flex: 0 0 auto;height: 18px;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;stroke-width: 1.5;stroke: #707f8f;width: 18px;}

/*input[type="text"], input[type="password"], input[type="date"], input[type="number"], select, textarea, .submit-cancel, .conferma-elimina, .data-review {background: #f5f5f5;width: 100%;color: #5f5d5d;padding: 2px 4px;font-size: 13px;border: 1px solid #e8eced;outline: 0 none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
input[type="submit"] {background: #495965;width: auto;padding: 12px 45px;border: none;text-transform: capitalize;color: #fff;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}*/

input[type="text"],input[type="search"], input[type="password"], input[type="date"], input[type="number"], select, textarea, .submit-cancel, .conferma-elimina, .data-review,.select2-container--default .select2-selection--single{background:#fdfdfd;width: 100%;color: #495865;padding: 4px 6px;font-size: 13px;border: 1px solid #e6e6e6;outline: 0 none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
select{padding:3px 6px;}
input[type="submit"] {background: #495965;width: auto;padding: 10px 45px;border: none;text-transform: capitalize;color: #fff;font-size: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
#reorder-new_filter input[type="search"]{max-width:150px;}

/* LOADER */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #000000;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #008cba;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #fff;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin { 0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #495965;z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out;  transition: all 0.3s 1s ease-out;}
.no-js #loader-wrapper {display: none;}

#overlay,#loading-bg{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;filter: alpha(opacity=50);opacity: 0.5;}
#message-div-2,.login-div,#ajax-div,#ajax-div-small{background:#fff;width:550px;padding:25px 25px;text-align:left;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:100;display:none;}
#loading-bg{background:#ffffff;position:absolute;z-index:2;display:none;filter: alpha(opacity=85);opacity:0.85;}
#ajax-div{width:85vw;max-height:85vh;overflow-x:scroll;display:block;}
#ajax-div-small{width:50vw;max-height:85vh;display:block;}
#bg-overlay-2{z-index:7;}
#message-div-2{z-index:8;max-height:85%;overflow-x:scroll;}
#close-div{position:absolute;top:10px;right:20px;font-weight:bold;font-size:30px;color:#000;}
.login-div{background:none;width:350px;padding:0;display:block;}
.submit-cancel,.conferma-elimina{background:#495965;color:#fff;font-size:17px;font-weight:bold;display:block;text-align:center;border:none;text-transform:uppercase;}
.submit-cancel{background:#bb1838;}
#submit-cancel{float:right;}
.login-logo,.login{text-align:center;width:46%;float:left;color:#535353;}
.login{width:100%;font-size:13px;}
.login-logo{position:absolute;top:50%;transform:translateY(-50%);}
.login-logo img{max-width:100%;margin-bottom:10px;}
.login-logo p{width:80%;margin:auto;font-size: 16px;line-height: 22px;}
.login{background:#fff;padding:25px;border:1px solid #f0f0f0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.login h1{width:100%;padding:0;font-weight:bold;font-size:19px;text-align:center;clear:both;display:block;margin-bottom:5px;margin-top:5px;color:#000;}
.login ul li{margin-bottom:10px;text-align:left;color:#486F88;}
.login ul li input[type="text"],.login ul li input[type="password"]{margin-top:5px;padding: 8px 10px;background:#F7FCFF;border:1px solid #cbdfea;}
.login ul li input[type="submit"]{background:#377DFF;color:#fff;padding:10px 25px;font-size:13px;}
.login p{text-align:left;}
.login-bg{background:#f5f5f5;}

a{text-decoration:none;color:#008cba;}
a img{border:none;}

.relative{position:relative;}
.clear { display: block; clear: both; }
.hidden { display:none; }
.width-100{width:100%!important;float:none!important;clear:both;display:block;}
.indent-left{padding-left:25px!important;}
.double-indent-left{padding-left:50px!important;}
.border-bottom-solid{border-bottom:1px solid #ececec;}
.border-solid{border:1px solid #fff!important;}
.font-normal{font-weight:normal;}
.font-bold{font-weight:bold;}
.font-size-16{font-size:16px;}
.font-size-14{font-size:14px;}
.padding-5{padding:5px;}
.color-white{color:#fff;}
.color-red{color:#bb1838;}
.background-red{background:#bb1838;}
.margin-top-5{margin-top:5px;}
.margin-bottom-20{margin-bottom:20px;}
.no-margin-right{margin-right:0;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
.text-align-center{text-align:center;}
.display-none,#show-menu{display:none!important;}
.print-display{display:none;}
.no-flex{display:block;}

.spacer-5 { display: block; height: 5px !important; }
.spacer-10 { display: block; height: 10px !important; }
.spacer-15 { display: block; height: 15px !important; }
.spacer-20 { display: block; height: 20px !important; }
.spacer-25 { display: block; height: 25px !important; }
.spacer-30 { display: block; height: 30px !important; }
.spacer-35 { display: block; height: 35px !important; }
.spacer-40 { display: block; height: 40px !important; }
.spacer-50 { display: block; height: 50px !important; }
.spacer-60 { display: block; height: 60px !important; }
.spacer-70 { display: block; height: 70px !important; }
.spacer-80 { display: block; height: 80px !important; }
.spacer-90 { display: block; height: 90px !important; }
.spacer-100 { display: block; height: 100px !important; }

/*.img-invoice.disabled{background:#fff;cursor:none;display:none;}*/
.invoice-download{background:#47545d;display:inline-block;padding:5px 8px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.invoice-download.disabled{background:#ececec;cursor:none;}
.invoice-download img{max-width:25px;cursor:pointer;}
.invoice-download.disabled img{cursor:initial;}
input#select-invoice-all {margin-left:5px;margin-top:3px;}
.disabled-download{background:#ececec;display:inline-block;padding:5px 8px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;pointer-events:none;}
.disabled-download img{cursor:initial;}

.export-functions ul li a{color:#495965;display:block;}
.export-functions ul li:last-of-type{margin-bottom:0;}
.export-functions ul li:hover{background-color:#495965;}
.export-functions ul li:hover a{color:#fff;}
.export-functions ul{background:#fff;min-width:180px;padding:0px 0;display:none;text-align:left;border:1px solid #ececec;-webkit-border-radius:3px;-moz-border-radius:3px;position:absolute;top:40px;right:0;z-index:10;}
.export-functions{position:relative;font-size:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#open-export-functions{margin-top:2px;background:#f5f5f5;padding:5px;border:1px solid #f1f1f1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;line-height:0;-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out}
#open-export-functions:hover{background:#e1e1e1;cursor:pointer;}
#open-export-functions img{max-width:28px;}
.export-functions ul{background:#f5f5f5;border-color:#ececec;display:none;border-radius:3px;-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);box-shadow: 1px 1px 4px rgba(0,0,0,.2);}
.export-functions ul li{background-image:none;padding:5px 10px 5px 10px;}
#span-export{margin-left:5px;position:absolute;margin-top:5px;}
.menu-invoice-section {padding:5px 10px 5px 10px;background:#008cba;color:hsla(0,0%,100%,.75);}
.chart-tooltip li{width:100%;padding:3px 10px;font-size: 12px;font-family: Helvetica, Arial, sans-serif;}
.chart-tooltip li:first-of-type{text-align:left;padding:5px 10px;}
li.chart-blue-tooltip span:before,li.chart-green-tooltip span:before {vertical-align: middle;display: inline-block;text-align:left;width: 12px;height: 12px;margin-right: 10px;border-radius: 2px; content: "";}
li.chart-blue-tooltip span:before {background: rgb(0, 143, 251);}
li.chart-green-tooltip span:before {background: rgb(0, 227, 150);}
li.chart-0-tooltip span:before,li.chart-1-tooltip span:before,li.chart-2-tooltip span:before,li.chart-3-tooltip span:before,li.chart-4-tooltip span:before,li.chart-5-tooltip span:before {vertical-align: middle;display: inline-block;text-align:left;width: 12px;height: 12px;margin-right: 10px;border-radius: 2px; content: "";}
li.chart-0-tooltip span:before {background: rgb(49,143,251);}
li.chart-1-tooltip span:before {background: rgb(71,227,150);}
li.chart-2-tooltip span:before {background: rgb(249,176,26);}
li.chart-3-tooltip span:before {background: rgb(241,116,54);}
li.chart-4-tooltip span:before {background: rgb(59,147,165);}
li.chart-5-tooltip span:before {background: rgb(247,184,68);}
li.chart-6-tooltip span:before {background: rgb(173,216,199);}
li.chart-7-tooltip span:before {background: rgb(236,60,101);}
li.chart-0-tooltip,li.chart-1-tooltip,li.chart-2-tooltip,li.chart-3-tooltip,li.chart-4-tooltip,li.chart-5-tooltip,li.chart-6-tooltip,li.chart-7-tooltip{padding-bottom:5px;}

li.chart-compare-4-tooltip span:before {background: rgb(59,147,165);}
li.chart-compare-5-tooltip span:before {background: rgb(247,184,68);}
li.chart-compare-6-tooltip span:before {background: rgb(173,216,199);}
li.chart-compare-7-tooltip span:before {background: rgb(236,60,101);}
.chart-tooltip li span{min-width:100px;display:inline-block;font-weight:bold;text-align:left;margin:auto auto auto 0;}
.chart-value{margin: auto 0 auto auto;display: inline-block;text-align: right;}
.graph-btn{background:#efefef;width:auto;color:#454545;display: inline-block;padding:3px;border: 1px solid #efefef;font-size:10px;border-radius:3px;}
.graph-btn:hover{background:white;}
.graph-btn-active{background: #495965 !important;color : white !important;}
.custom-btn{line-height: 15px !important;width:35px !important;margin-left:5px;}
.custom-btn .hide{width:0px !important;margin-left:0px;}
.apexcharts-toolbar-custom-icon.custom-btn.hide {display: none;}
.apexcharts-tooltip-date {font-size:9px;font-family:Helvetica, Arial,sans-serif;margin-bottom:5px;text-decoration:underline;}
.grah-parent{height:350px;}
.chart-overflow{overflow-x:hidden;overflow-y:auto;height:350px;min-height:350px !important;margin-bottom:10px;}
.graph-report div[seriesname*="PREVIOUS"] {display: none!important;}
#shipment_type .apexcharts-toolbar,#service_shipments .apexcharts-toolbar,#shipping_terms .apexcharts-toolbar{top:-5px !important;right: 10px !important;}
div#shipment_type,div#service_shipments {margin-top:5px;}
/* SELECT 2 */
.select2-container{margin-top:0px;}
/*.select2-container--default .select2-selection--single,.select2-selection--multiple {background-color:#f5f5f5 !important;color: #5f5d5d !important;height:22px !important;margin-top:5px;padding:3px 10px 3px 0 !important;border: 1px solid #e8eced !important;}*/
.select2-container--default .select2-selection--single,.select2-selection--multiple{background:#fdfdfd!important;width: 100%;height:25px!important;color: #495865;padding: 4px 6px!important;font-size: 13px;border: 1px solid #e6e6e6!important;outline: 0 none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 1px!important;-moz-border-radius: 1px!important;border-radius: 1px!important;}
.select2-container .select2-selection--multiple {min-height:22px !important;}
.control-panel .select2-container--default .select2-selection--single,.control-panel .select2-selection--multiple{height:auto!important;min-height:35px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color:#5f5d5d !important;line-height:13px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:-1px !important;right:4px !important;}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {margin-bottom: -2px !important;width:100%;}
.select2-dropdown--below{min-width:100% !important;}
.select2-selection__rendered{color:#5f5d5d !important;}
.select2-search__field{width:100% !important;background-color:#f5f5f5 !important;}
.select2-container .select2-search--inline .select2-search__field {margin-top:0px !important;}
.select2-results{background-color:#f5f5f5 !important;color:#5f5d5d !important;text-align:left !important;padding-left:0px !important;}
.select2-results__option {font-size:12px !important;}
span.dropdown-wrapper {padding:0px !important;border:0px !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {height:auto !important;min-height:26px !important;}
.select2-container--default .select2-results__option--selected {background-color:#ddd !important;height:auto !important;min-height:26px !important;}
.select2-dropdown {border: 1px solid #e8eced !important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#008cba !important;}
.filters li{vertical-align:bottom;}
.select2-results__option--selectable{min-height: 26px !important;}
.trade-lane-info{background:#fff;display:inline-block;padding:2px 6px;font-size:8px;border:1px solid #aeaeae;margin-left:5px;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;}
img.icon-settings {width: 20px;}
/*USER SETTINGS*/
.insert-data li {width: 49%;margin-bottom:10px;float: left;clear: left;}
.insert-data li:nth-of-type(2n){margin-left:15px;clear: none;}
.insert-data li select{height:35px;}
.control-panel input[type="text"],.control-panel input[type="password"],.control-panel select,.control-panel textarea {background: #f5f5f5;width:100%!important;color: #5f5d5d;padding: 8px 10px;font-size: 14px;border: 1px solid #e8eced;outline: 0 none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.control-panel select {padding:0px;}
.margin-top-10{margin-top:10px;}
.add-user-button {width: fit-content;background: #008cba;color: #fff!important;display: block;font-weight: bold;padding: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 2px;float: left;font-size: 14px;}
.alert-success {color:#3c763d;background-color:#dff0d8;border-color: #d6e9c6;}
.alert {margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.control-panel .select2-container--default .select2-selection--single {border: 1px solid #e8eced!important;}
.control-panel .select2-selection__choice{float: none !important;display: inline-block !important;margin-bottom:2px!important;margin-right:0px!important;}
.control-panel .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px!important;font-size: 14px!important;}
.control-panel .select2-container--default .select2-selection--multiple {background-color: #f5f5f5;box-shadow: unset;border: 1px solid #e8eced!important;border-radius: 4px;cursor: text;padding-bottom: 5px;padding-right: 5px;min-height: 35px!important;}
.control-panel .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #f9f9f9;border: 1px solid #aaa;border-radius: 4px;display: inline-block;margin-left: 5px;margin-top: 5px;padding: 0;width: auto;}
.control-panel .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #008cba;color: white;}
.control-panel .select2-container--default .select2-results__group {text-align: left;}
.control-panel .select2-container--default .select2-selection--multiple .select2-selection__choice__display {padding-left:20px!important;font-size: 14px!important;}
.select2-container--default .select2-results__option--group .select2-results__group {font-weight:bold!important;}
ul.select2-results__options.select2-results__options--nested {padding-left:1.2em!important;}
.control-panel .select2-container {margin-top: -5px!important;width:100%!important;}
.control-panel .select2-container--default .select2-selection--single .select2-selection__arrow {top:9px!important;right: -1px!important;}
.field-info span {background: #fff;display: inline-block;padding: 2px 6px;font-size: 11px;border: 1px solid #aeaeae;margin-left: 5px; -webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;}
.control-panel .select2-search__field {width: max-content!important;}
.control-panel h6{margin-bottom: 5px;}
input#chkall-reports{margin-left: 7px!important;margin-top:-3px;margin-right: 4px;}
#li-reports span{font-size: 14px;margin-top: 2px;}