/* GLOBAL  STYLES */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.top-one-em { padding-top: 1em; }
.top-two-em { padding-top: 2em; }
.float-left { float: left; }
* { box-sizing: border-box; font-family: 'Lato', sans-serif; }
.container { width: 100%; margin: 0 auto; padding-top: 90px; float: left; padding-left: 60px; max-width: 100%; padding-right: 1.5rem; }
.container-video {padding-top:30px;}
.row { width: 100%; margin: 0; }
.bold {font-weight: 700;}
.full-height { height: 100%; }

h1, h2, h3, h4, h5, h6 { display: inline-block;  color: #4d4d4d; }
html, body { background-color: #F5F6F7; padding-left: 0; font-family: 'Lato', sans-serif; font-size: 14px;  color: #4d4d4d; }
body.blur > *:not(#loader) { filter: blur(2px); pointer-events: none;}
a {color:#67809F;}
.qr-image {width: 100px; padding: 1em 0;}

.invisible { opacity: 0; transition: all 150ms; }
.document-row { transition: all 250ms; }
.align-middle{    vertical-align: middle;}
.alert-box.hide {display: none;}

.center { float: none !important; margin: 0 auto; }
.fake-tooltip { position: relative; display: inline-block;}
.fake-tooltip .tooltiptext { visibility: hidden; width: 450px; background-color: #F5F6F7; text-align: center; border-radius: 6px; padding: 6px; position: absolute; z-index: 1; border: 1px solid rgba(50,50,50,.2); right: 100%; position: absolute; z-index: 1;}
.fake-tooltip:hover .tooltiptext { visibility: visible;}

select,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"], textarea { border: none; box-shadow: none; background-color: #F5F6F7; padding: .5em 1em; font-size: 1em; height: 40px; box-sizing: border-box;}
input[type="text"] { height: 35px; font-size: 15px; background-color: #f5f6f7; }
::-webkit-input-placeholder { color: #67809F }
::-moz-placeholder { color: #67809F } /* firefox 19+ */
:-ms-input-placeholder { color: #67809F } /* ie */
input:-moz-placeholder { color: #67809F }
select { color: #67809F }
textarea.text-bookingform {height:190px; border-radius: 3px; border: 1px solid #67809F;}
textarea.text-bookingform:read-only {background-color: #F5F6F7;}
.download-selected-shippingmark.readonly {pointer-events: none; opacity: .4;}

label { font-size: 1em; color: #4d4d4d; cursor: default; display: block; font-weight: normal; line-height: normal; margin-bottom: 0; }

select, .input input { border-radius: 3px 0px 0px 3px; border: 1px solid #67809F; border-right: 0px; }
.input i { border-radius: 0px 3px 3px 0px; border: 1px solid rgba(42, 58, 90, 0); border-left: 0px; height: 50px; transition: 300ms ease; width: 100%; background-color: #fff; line-height: 32px; background: #67809F; padding: 10%; color: #fff; margin: 0; float: left;  text-align: center; }
.input i:hover { border: 1px solid #67809F; border-left: 0px; background-color: #f5f6f7; color: #67809F; transition: 300ms ease; }

.large-4.column .content .row.input-bar .small-2.column i { line-height: 32px; }

.row { max-width: none; }
.extra-space-25, .row.extra-space-25 { margin-bottom: 25px !important; }
.extra-space-50, .row.extra-space-50 { margin-bottom: 50px !important; }
.text-center{text-align: center;}
.top-1-em {margin-top:1em;}

.no-padding { padding: 0 !important; }
.no-padding-h { padding-left: 0 !important; padding-right: 0 !important; }
.no-padding-v { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-l { padding-left: 0 !important; }
.no-padding-r { padding-right: 0 !important;}
.no-padding-t { padding-top: 0 !important; }
.no-padding-b { padding-bottom: 0 !important; }
.continued.notification .row .small-10.padding-seven {padding-top: .6em;}
.continued.notification .row .button-column button{margin: 0.2em 0 0.5em 0;}
.float-left {float: left;}

span.bold { font-weight: 700; }
span.subtle { opacity: .75; }
span.inline { margin-left: .25em; margin-right: .25em; }
span.pending {font-weight: 300; padding-top: 3px; }
span.blue { padding: .5em; border-radius: 3px; background-color: #3696F9; color: #fff; margin: .5em; }
span.red { color:#D23A3A; }
div.continued.notification i.fa.fa-exclamation-circle {font-size: 18pt;}
i.fa.fa-exclamation-triangle{font-size:18pt;}
i.fa.fa-exclamation-triangle:hover{cursor: pointer;}
.order-item-column i.fa.fa-exclamation-triangle{font-size:1.5em; color:#67809F;}

button i.fa,
.button.back .fa { padding-top: 4px; }
.button.cancel .fa { padding-top: 4px; }

button:focus, .button:focus { outline: 0; background-color: #67809F;}

div.loading-report-select .content .row {background-color: #fff;}

/* background-color: #67809F; */
.blue.button i, .green.button i {padding-top:4px;}
.blue.button{margin:0; border-radius: 3px; padding: 1px .75rem 1px 6px; text-align: left; color: #fff; background-color: #67809F; transition: all 200ms ease; border: 1px solid #67809F; width: 175px; line-height: 21px; display: inline-block; float: right;     font-family: 'Lato', sans-serif;}

.button.small-download { width: 30px; padding: 1px 2px 2px 2px; text-align: center; margin: 0; display: inline-grid; float:none;}
 a.button.download-selected-shippingmark { width: 30px; padding: 4px 1px 3px 1px; text-align: center; margin: 0; display: inline-grid; float:none;}
.button.small-download:hover{padding-right: 0.2em;}
.button.small-preview { width: 30px; padding: 3px 3px 3px 2px;text-align: center; margin: 0; display: inline-grid; float:none;}
.button.small-preview:hover { padding-right: 0.2rem;}
.button.disabled.small-preview, .button.disabled.small-preview:hover {padding-right:0;}
button.small-preview i.fa {padding-top:0;}

.green.button{margin:0; border-radius: 3px; padding: 1px .75rem 1px 6px; text-align: left; color: #fff; background-color: #71BD63; transition: all 200ms ease; border: 1px solid #71BD63; width: 175px; line-height: 21px; display: inline-block; float: right;     font-family: 'Lato', sans-serif;}
button, .button { border-radius: 3px; padding: 1px .75rem 1px 6px; text-align: left; color: #fff; background-color: #67809F; transition: all 200ms ease; border: 1px solid #67809F; width: 175px; line-height: 21px; display: inline-block; float: right; }
button:hover, .button:hover { padding-right: .5rem; background-color: rgba(255, 255, 255, 1); transition: all 200ms ease; border-radius: 5px; color: #67809F; }

.blue.button.small { width: 9em; }
.blue.button.small i { padding-top: 0.55em; }
.button.shippingmark-all{ margin-left: 1em; }
.button.shippingmark-all:hover {padding-right: 0.8rem;}
button.disabled, .button.disabled, button.disabled[disabled], .button.disabled[disabled] { padding-right: .5rem; background-color: rgba(0, 25, 76, .25); pointer-events: none;}
button.disabled:hover, .button.disabled:hover, button.disabled[disabled]:hover, .button.disabled[disabled]:hover { padding-right: .5rem; cursor: not-allowed; background-color: rgba(0, 25, 76, .35);}

button.select-container, .button.select-container { background-color: rgba(171, 171, 171, 1); border: 1px solid rgba(171, 171, 171, 1); }
button.select-container:hover, .button.select-container:hover { background-color: rgba(255, 255, 255, 1); color: rgba(171, 171, 171, 1); }

button.help, .button.help { background-color: rgba(88, 180, 224, 1); border: 1px solid rgba(88, 180, 224, 1); }
button.help:hover, .button.help:hover { background-color: rgba(255, 255, 255, 1); color: rgba(88, 180, 224, 1); }

button.finished, .button.finished,
button.finished.disabled, button.finished.disabled,
button.finished[disabled], button.finished[disabled],
.button.finished.disabled, .button.finished.disabled,
.button.finished.disabled[disabled], .button.finished[disabled] { background-color: #71BD63; color: #fff; border: 1px solid #71BD63; }

button.finished:hover, .button.finished:hover,
button.finished.disabled:hover, button.finished.disabled:hover,
button.finished[disabled]:hover, button.finished[disabled]:hover,
.button.finished.disabled:hover, .button.finished.disabled:hover,
.button.finished.disabled[disabled]:hover, .button.finished[disabled]:hover { background-color: #fff; border: 1px solid #71BD63; transition: all 200ms ease; color: #71BD63; }

button.finished.disabled:hover, .button.finished.disabled:hover,
button.finished[disabled]:hover, .button.finished[disabled]:hover { background-color: #71BD63; color: #fff; border: 1px solid rgb(0,0,0,0); }
button.finished:focus {background-color: #71BD63; color: #fff;}

button.reject, .button.reject{ background-color: #D23A3A; color: #fff; border: 1px solid #D23A3A; }
button.reject:hover, .button.reject:hover { background-color: #fff; border: 1px solid #D23A3A; transition: all 200ms ease; color: #D23A3A; }
button.reject:focus {background-color: #D23A3A; color: #fff;}

button.cancel.text-right,
.button.cancel.text-right,
button.cancel.text-right.disabled,
button.cancel.text-right.disabled,
button.cancel.text-right[disabled],
button.cancel.text-right[disabled],
.button.cancel.text-right.disabled,
.button.cancel.text-right.disabled,
.button.cancel.text-right.disabled[disabled],
.button.cancel.text-right[disabled],
.button.back.text-right { background-color: #D23A3A; padding-left: .75rem; padding-right: 1rem; transition: all 200ms ease; color: #fff; margin-bottom: 10px; text-align: left; border: 1px solid rgba(0,0,0,0); float: left; }

button.text-right:hover, .button.text-right:hover,
button.text-right.disabled:hover, button.text-right.disabled:hover,
button.text-right[disabled]:hover, button.text-right[disabled]:hover,
.button.text-right.disabled:hover, .button.text-right.disabled:hover,
.button.text-right.disabled[disabled]:hover, .button.text-right[disabled]:hover { padding-left: .5rem; padding-right: 1rem; background-color: #fff; border: 1px solid #D23A3A; color: #D23A3A; }


table tr th, table tr td { font-size: 14px; line-height: 31px; }
table tr.packing {background-color: rgba(0,164,228, .4);}
table tr.in-packing {background-color: rgba(0,164,228, .2);}
table tr.master {background-color: rgba(34,186,70, .5);}
table tr.semi {background-color: rgba(34,186,70, .2);}
table button { margin-top: .15rem; }
table.full-width {width: 100%;}

.product-table tr.display-row {background: rgba(0,164,228, .5);}
.product-table tr.product-row {background: rgba(0,164,228, .3);}
.product-table tr.master-element {background: rgba(34,186,70, .4);}
.product-table tr.master-child-element {background: rgba(34,186,70, .2);}
.product-table tr.display-row:hover {background:rgba(0,164,228, .6)!important;}
.product-table tr.product-row:hover {background:rgba(0,164,228, .4)!important;}
.product-table tr.master-element:hover {background:rgba(34,186,70, .5)!important;}
.product-table tr.master-child-element:hover {background:rgba(34,186,70, .3)!important;}
.product-table .read-only {pointer-events: none; opacity: 0.4; cursor: default;}

.sportal-download i.fa-check {color:#8cc63f;}
.sportal-download i.fa-times {color:#db2828;}

button.search-btn{line-height:28px;}
button.search-btn:hover i{ color: #67809F; background: none;   border-radius: none;}
button.search-btn i { float: left; position: relative; background: none; color: #fff; border-radius: none; width: 28px; height: 28px; text-align: center; padding-top: 6px;}
button.delete-btn {width: 40px;text-align: center;background: #D23A3A;border: 1px solid #D23A3A;padding: .1rem; margin: .5em;}
button.delete-btn:hover i {color:#D23A3A;  background: none;   border-radius: none;}
button.delete-btn:hover {color:#D23A3A;  background: none;   border-radius: none;}
button.add-sample {width: 40px;padding: .1em;text-align: center; margin: .5em;}
button.toggle-old-pl {width: 30px; text-align: center; padding: .2em; float: unset;}

button.preview-shippingmark {margin-bottom: 0;}

table tr th, table tr td { font-size: 14px; line-height: 31px; }
table tr.packing {background-color: rgba(0,164,228, .4);}
table tr.in-packing {background-color: rgba(0,164,228, .2);}
table tr.master {background-color: rgba(34,186,70, .5);}
table tr.semi {background-color: rgba(34,186,70, .2);}
table button { margin-top: .15rem; }
table.full-width {width: 100%;}
.continued table.order-product-table tr td{padding:0.5rem 0.625rem 0.625rem;}

.ui.wide.popup.A4_landscape {width: 297mm; height: 210mm; max-width: 100%; text-align: left; position: absolute; top:10%!important;}
div.reveal-modal.bookingform { max-width: 90%; min-height: 500px; width: 90%;}
div.reveal-modal { max-width: 85%; min-height: 500px; width: 85%;}
div.reveal-modal#previewShippingmarkModal { max-width: 85%; min-height: 75%; width: 60%; top: 30px!important;}
div.reveal-modal#previewShippingmarkModal .column-size{text-align: center;}
#previewModal header, #previewEANModal header, #previewShippingmarkModal header { border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 1.5em; font-weight: 700; }
#previewModal .close-reveal-modal, #firstModal .close-reveal-modal, #previewEANModal .close-reveal-modal, #previewShippingmarkModal .close-reveal-modal {font-size: 2.5rem;line-height: 1;position: absolute;top: 0.2rem;right: 0.8rem;color: #aaa;font-weight: bold;cursor: pointer;color: #2b303b;}
#previewShippingmarkModal div.shippingmark-preview-row.A4 .bunnik-logo.pallet {height: 115px;}
#previewShippingmarkModal div.shippingmark-preview-row.A5 .bunnik-logo.pallet {height: 110px;}

header.product-header .blue.button.small { width: 11em; margin-right: 1em;}
/* INTERFACE */

nav { height: 100%; position: relative; background-color: #2b303b; position: fixed; left: 0; top: 0; z-index: 2500; width: 55px; transition: all 250ms; transition-delay: 150ms; }
nav .row { position: relative; width: 225px; }
nav .row .logo_full {  height: 41px; min-height: 41px; }
nav .row .logo_full img { opacity: 0; transition: all 250ms ease; transition-delay: 150ms; }
nav .row .logo_icon img { position: absolute; top: 1rem; width: 2.173rem; left: .75em; opacity: 1; transition: left 250ms ease 100ms, opacity 150ms ease 150ms; }

nav .nav-text { margin-left: -150px; transition: all 250ms ease; transition-delay: 150ms; width: 130px; float: left; }
nav .nav-icon { padding-left: 10px; width: 25px; float: right; }
nav .row { color: #fff; padding: 1rem 1.5rem; margin: 0; color: #fff; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1); }
nav .row i { color: rgba(255, 255, 255, .75); margin-right: 1rem; }
nav .container { padding: 0; max-width: 100%; width: 100%; }
nav .row:hover { background-color: rgba(0, 0, 0, .3); }
nav .row.logo_full:hover { background-color: rgba(0, 0, 0, 0); }
nav:hover { width: 225px; transition: all 250ms ease;}
nav:hover .logo_full img { opacity: 1; transition: all 250ms ease; transition-delay: 250ms; }
nav:hover .nav-text { margin-left: 0; transition: all 250ms ease; transition-delay: 100ms; }
nav:hover .row .logo_icon img { left: 5.98rem; opacity: 0; transition: left 250ms ease, opacity 150ms ease 350ms;  }

nav:hover nav .row i { color: rgba(255, 255, 255, .5); }

.info-bar { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 100; box-shadow: 0 0 3px 0 rgba(50,50,50,.2); z-index: 1000; }
.info-bar h3 { font-weight: 700; }
.info-bar .container { padding-top: 1rem; padding-bottom: 1rem; width: 100%; }
.info-bar .container .row { width: 100%; }
.info-bar i { float: left; position: relative; background-color: #67809F; color: #fff; border-radius: 100%; width: 28px; height: 28px; text-align: center; padding-top: 6px; transition:all 500ms ease; }
.info-bar i:hover { background-color: #fff; color: #67809F; transition:all 200ms ease; }
.info-bar .column { padding: 0 1rem; }
.info-bar .notification-bar { width: 300px; font-size: 1rem; background: transparent; margin-right: -50px; }
.info-bar .notification-bar i { margin-right: 1rem; padding-top: 6px; }
.info-bar .notification-bar .column { padding: .25rem; }
.info-bar .notification-counter { text-align: center; width: 100%; color: #fff; font-weight: 700; position: absolute; top: 15px; right: 5px; border-radius: 50%; border: 2px solid #fff; width: 22px; line-height: 19px; height: 22px; font-size: .7em; background-color: #D23A3A;}
.info-bar .notification-counter.done { background-color: #71bd63; }
/* AUTHENTICATION */

.authentication.container { width: 100%; margin: 0 auto; padding: 2rem; }
.authentication.container img { max-width: 50%; }
.authentication.container header { text-align: center; }
.authentication.container header h4 { margin-bottom: 20px; }
.authentication.content { margin: 0 auto; }
.authentication.content label { padding-top: 1.15rem; }


/* DASHBOARD */

.dashboard select, .input input { border-radius: 3px 3px 3px 3px; border: 1px solid #67809F; border-right: 1px solid #67809F; }
.block .content { background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 3px 0 rgba(50,50,50,.2); box-shadow: 0 0 3px 0 rgba(50,50,50,.2); padding: 1em; }
.block .content.form-packing-list select{ border-radius: 3px; border: 1px solid #67809F; color:inherit; height: 30px; padding: .5em .1em; margin:0;}
.block .content.form-packing-list input{ border-radius: 3px; width: 100%; border: 1px solid #67809F; background-color: #F5F6F7; padding: .5em .1em; margin:0; font-size: 1em; height: 30px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
.block .content.form-packing-list input[type="text"][readonly] { background-color: #fff;}
.block .content.bookingForm, .block .content.bookingform-content{box-shadow: none;}

div.shippingmark-table button {margin-bottom: 0;}
div.shippingmark-table .preview-shippingmark-packing { margin-right: 15px; }
.shippingmark-preview p { margin-bottom: 0; }
.shippingmark-modal-download { width: 190px; }
.shippingmark-modal-download i { padding-top: 4px; }


/*546979*/

.current-info .counter-container { color: #fff; font-size: 1rem; text-align: center; }
.current-info .counter-container span { width: 100%; margin: 0; padding: 0; float: left; padding-bottom: .8rem; border-radius: 0px 0px 3px 3px; }
.current-info .counter-container .timer-color { width: 100%; min-width: 100px; border-radius: 3px; /*background-color: #5C97BF;*/ background-color: #67809F; float: left; }
.current-info span.timer { height: 2em; width: 100%; text-align: center; line-height: 75px; font-size: 2.5rem; color: #fff; font-weight: bold; float: left; }
.current-info .welcome  { width: 100%; min-width: 100px; border-radius: 3px; padding: 10px 25px; background-color: #71BD63; font-size: 16px; color: #fff; }

.order-overview-preview table { width: 100%; border: 0px; border-left: 1px;}
.order-overview-preview header { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.order-overview-preview table thead { border-bottom: 1px solid rgba(0, 0, 0, .1); }
.order-overview-preview table thead tr td { padding-top: 1.4em; padding-bottom: 1rem; vertical-align: middle; padding: 0; }
.order-overview-preview table tr td { padding: 0; height: 35px; vertical-align: middle; padding: .5em 0;}

.add-documents .content .input i { line-height: 20px; }
.add-documents .content { padding-bottom: 0; }
.add-documents .content .row input { margin-bottom: 0; }
.add-documents .document-list .row { padding: .5em; border-top: 1px solid rgba(0, 0, 0, .1); }
/*.add-documents .document-list .row.document-row { min-height: 50px; }*/
.add-documents .document-list .row i.fa-file-text { margin-right: 1em; color: #B8C7D6;}
.add-documents .document-list .row:first-child { padding: .5em; border: 0px; margin-top: 1.5em; }
.add-documents .document-list .row:hover { background-color: #F5F6F7; }
.add-documents .document-list .row:first-child:hover { background-color: transparent; }

.add-documents .row .small-8 { padding-top: .3em; }
.add-documents .row.info { background-color: #fff; padding: 1em 0; border: none; }
.add-documents .document-container { float: left; background-color: #fff; width: 100%; }
.add-documents table thead tr th, .add-documents table thead tr td, .add-documents .order-overview-preview table tr td {padding: .5em .1em;}
.add-documents table thead tr th.dash-btn {width: 32%;}
.add-documents .blue.button { width: 150px; }

/* ORDER OVERVIEW */

.continued .block .row { margin-right: 0; margin-left: 0; border-radius: 5px;  }
.continued .column.small-8.no-padding-h .row { border-radius: 0px 5px 5px 0px; padding-top: 5px; padding-bottom: 5px; }
.continued .column.small-4.text-right.no-padding-h .row { border-radius: 5px 0px 0px 5px; padding-top: 5px; padding-bottom: 5px; }
.continued { padding: 0; }
.continued .content .row .row:nth-child(odd) { background-color: #F5F6F7; }
.continued .content .row .row:nth-child(even) { background-color: #fff; }
.continued .info-block { margin: 0; float: left; padding: .5rem; margin-bottom: 25px; }
.continued .info-block .description { border-left: 1px solid rgba(0, 0, 0, .5 ); padding: 0 1rem; }
.continued .info-block .info .column { margin: .5rem 0; }
/*.continued .document-information .row .small-9 { padding-top: .4rem; padding-bottom: .6rem; }*/
.continued .document-information button {margin-bottom: 0;}
.continued .row {padding: .25em 0; }
.continued table { width: 100%; font-size: 18px; border: none; }
.continued header { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.continued table thead { border-bottom: 1px solid rgba(0, 0, 0, .1); }
.continued table tr td { height: 35px; vertical-align: middle; padding: .5em 1em;}
.continued table tr td.small-td { padding: 0.5rem 0.625rem 0.625rem;}
.continued table.product-table tr td { height: 35px; vertical-align: middle; padding: 0.5625rem 0.625rem;}
.continued.order-overview input { height: 32px; margin-top: .5rem;}
.continued.order-overview i.fa.fa-search { height: 32px; line-height: 14px; margin-top: .5rem;}
.continued.order-overview thead a:first-child { margin-left: 1em; }
.continued.order-overview thead a i { margin: 0; color: #777; }
.continued.order-overview thead a i.active { margin: 0; color: #333; }

.paging { text-align: center; background-color: #FFF; }
.paging ul { margin: 0; padding: 0;  }
.paging ul li { display: inline-block; }
.paging ul li a { display: block; min-width: 33px; line-height: 33px; background-color: #F5F6F7; text-align: center; margin: .5em 2px; text-align: center; border-radius: 5px; color: #777; transition: all 200ms ease; padding: 0.1em 0.3em;}
.paging ul li.text a { min-width: 0; padding: 0 10px; }
.paging ul li.active a { background-color: #67809F; color: #fff; border-radius: 5px; }
.paging ul li.disabled a:hover { background-color: #eee; color: #777; }
.paging ul li a:hover { background-color: #67809F; transition: all 200ms ease; color: #fff;}

.continued.notification .row .small-10 { padding-top: .15em; }
.continued.notification .row .small-2 { padding-top: .25em; }

.notification .content .entry  .small-10 .fa { min-width: 32px; display: inline-block; font-size: 18px; }
.notification .content .entry .fa.high-prio { color: #D23A3A; }
.notification .content .entry .fa.medium-prio { color: #FF6E00; }
.notification .content .entry .fa.low-prio { color: #EFC33F; }
.notification .content .entry span { display: inline-block; }
.notification .content .entry .label-shipment,
.notification .content .entry .label-container,
.notification .content .entry .label-from { padding-right: 20px; }
.notification .content .entry .label-shipment + a,
.notification .content .entry .label-container + a,
.notification .content .entry .label-from + a { display: inline-block; min-width: 90px;  }
.notification .content .entry .label-container + a { min-width: 120px; }

/* POP UP */
.pop-up-container { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .75); z-index: 10000; top: 0; left: 0; }
.pop-up-container h3 { font-size: 24px; }
.pop-up-container .pop-up { background-color: #fff; width: 40%;  margin: 0 auto; margin-top: 100px; }
.pop-up-container .pop-up .pop-up-content { padding: 3%; }
.pop-up-container .pop-up .pop-up-content hr { width: 50%; margin: .5em; margin-top: .4em; margin-left: 0; }
.pop-up-container .pop-up .pop-up-content input[type=radio]{ margin-right: 20px; }
.pop-up-container .pop-up .pop-up-content input[type=text]{ background-color: rgba(159, 167, 185, 0.25); }
.pop-up-container .pop-up .pop-up-content button { margin-top: 30px;}
.pop-up-container .pop-up.help { width: 50%; }

.pop-up-container .loadingreport-item * {box-sizing: border-box;  vertical-align: top;}
.pop-up-container .loadingreport-item { margin: 0; padding: 0; }
.pop-up-container .loadingreport-item li {  display: inline-block; max-width: 19%; margin: 0; padding: 0 10px;}
.pop-up-container .loadingreport-item li div { min-height: 130px; }
.pop-up-container .loadingreport-item li div img { max-width: 100%; max-height: 100%;}

.pl-check.approved .alert-box.hide {display:block;}
.pl-check.approved button {cursor: default; pointer-events: none; opacity: .45;}

/* SUPPORT */

.pdf-show { padding-top: 10px; /*padding-right: 30px;*/ font-size: 40px; }
.pdf-show span {color: #67809F;}
.pdf-show span:hover {color: #2b303b;}
.panel     {border: 10px solid white; padding: 1.25rem; background: #f5f6f7; color: #333;}

/* ADD LOADING REPORTS */

.continued .add-loading-report .content .row:nth-child(odd) { background-color: #fff; }
.continued .add-loading-report .content .row:nth-child(even) { background-color: #fff; }
.continued .add-loading-report img { height: 150px; }

.no-image { font-size: 72px; color: rgba(0,0,0,.15); text-align: center; width: 100%; display: inline-block; height: 150px; line-height: 140px; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.count-positive .used-count-response, .count-positive { color: #8bc63f; font-weight: bold !important; }
.count-negative .used-count-response, .count-negative { color: #db2827; font-weight: bold !important; }


/* ALERT-ERROR */
.alert-container { display: none; }
.alert-error .fa-exclamation-circle { color: #D23A3A; }

/* LABEL - FILE UPLOAD */
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}


/*BOOKING FORM*/
div.row.bold{ font-weight: 700; }
div.row.booking-form select{ border-radius: 3px; border: 1px solid #67809F; color:inherit; height: 30px; padding: .3em;}
div.row.booking-form input { border-radius: 3px; width: 100%; border: 1px solid #67809F; background-color: #F5F6F7; padding: .3em; font-size: 1em; height: 30px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
div.row.booking-form input.error { background: #fff6f6; color: #9f3a38;border-color: #e0b4b4;}
textarea.text-bookingform.error{ background: #fff6f6; color: #9f3a38;border: 1px solid #e0b4b4;}

div.booking-content h4{color: #000; font-weight: 600;}
form#cargo-product select{border-radius: 3px; border-right: 1px solid #67809F;}

.packinglistForm input[type="text"][readonly] {background-color: transparent;}
.packinglistForm table tr td {padding: .3em;}
.packinglistForm div.row.pl-buttons button, .packinglistForm div.row.pl-buttons .button{margin: 1em 0 0 0;}

label.button:focus, .button:focus { outline: 0; }
label.button { font-size: 14px; background-color: #67809F; transition: all 200ms ease; border: 1px solid #67809F; color: #fff; margin: 0 auto; float: right; padding: 0 .5em; line-height: 25px; height: 25px; width: 175px; overflow: hidden; cursor: pointer; }
label.button i { line-height: 23px;  }
label.button:hover { background-color: rgba(255, 255, 255, 1); transition: all 200ms ease; border-radius: 5px; color: #67809F; }

input.es-input { padding-right: 20px !important; }
input.es-input:focus { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
.es-list { display: block; position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto; -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; }
.es-list li { display: block; padding: 5px 10px; margin: 0; }
.es-list li.selected { background: #f3f3f3; }

label, input { text-overflow: ellipsis; }
.show-loader{display: block;}

.alert-box.success { background-color: #43AC6A; border-color: #3a945b; color: #fff; text-align: center; font-size: 16px;}
.alert-box.warning { background-color: #D23A3A; border-color: #D23A3A; color: #fff; text-align: center; font-size: 16px;}
.alert-box.alert {/* background-color: #43AC6A; border-color: #3a945b;*/ color: #fff; text-align: center; font-size: 16px;}
.alert-box .close {color:#fff; opacity: 1;}

.button.donwload-ean {width: 25px;padding: .1em .5em .1em .35em;text-align: center;float: none;margin-top: .5em;margin-left: 25%; }
.preview-content{ /*width: 126mm; height: 178mm;*/ box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); margin: auto; position: relative;}
.preview-content.landscape{/* width: 178mm; height: 126mm; */box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); margin: auto;}
.preview-content.landscape img.header_logo{margin-left:0.4em;}
div.shippingmark-preview-row.A4_landscape .fragile-content{/*margin-top:1.4em!important;*/ margin-top:.5em!important;}
.row .shippingmark-preview-row .row {margin:0;}
/*.preview-content.#A4_landscape .fragile-content{margin-top:0.4em;}*/
.preview-content .fragile-right {position: absolute; top: 10px; right: 35px;}
.preview-content .fragile-right-bottom {position: absolute; bottom: 0; right: 10px;}

#A5_landscape {width: 210mm; height: 148mm;}
#A5 {width: 148mm; height: 210mm;}
#A4_landscape {width: 222.75mm; height: 157.5mm;}
#A4 {width: 157.5mm; height: 222.75mm;}

#old-way { padding-top: 90px; }
.main.container.packinglist + #old-way { padding-top: 30px; }
.continued #old-way:first-child { padding-top: 110px; }
.column.small-3 + .column.small-3 { padding-top: 10px; }

span.tooltips { position: relative; display: inline;}
span.tooltips span { position: absolute; width:400px; padding: 5px; color: #FFFFFF; background: #000000; min-height: 30px; line-height: 30px; text-align: left; visibility: hidden; border-radius: 6px;}
span.tooltips span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #000000; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
span:hover.tooltips span { visibility: visible; opacity: 0.8; left: 100%; top: 50%; margin-top: -15px; margin-left: 15px; z-index: 999;}
span.tooltips i {color:#67809F; font-size:20px;}

form.packinglistForm .choices__list--multiple .choices__item, form.cargoProductForm .choices__list--multiple .choices__item  { background-color: #67809F; border: 1px solid #fff; border-radius: 5px;}
form.packinglistForm .choices[data-type*=select-multiple] .choices__button, form.cargoProductForm .choices[data-type*=select-multiple] .choices__button {border-left: 1px solid #fff;}
form.packinglistForm .choices__button:hover, form.cargoProductForm .choices__button:hover {color: #fff; background-color: #67809F;}
.add-product {float: left; margin: .5em 0 .5em .2em;}
.add-product:focus {color: #fff; background-color: #67809F;}
.ui.fluid.dropdown.select-product {width: 81%; float:left;}

[data-tooltip]:before { content: attr(data-tooltip); position: absolute; opacity: 0; transition: all 0.15s ease; padding: 10px; color: #333; border-radius: 2px; box-shadow: 0 0 3px 0 rgb(50 50 50 / 20%);}
[data-tooltip]:hover:before { opacity: 1; background: #fff; margin-top: -40px; margin-left: 0px;}
[data-tooltip]:not([data-tooltip-persistent]):before {pointer-events: none;}

/* SAMPLE LIST*/
table.sample-list-table .avatar img { max-width: 2em; max-height: 2em; width: 2em; height: 2em; border-radius: 500rem;}
table.sample-list-table .product_image figure { display: none; background-color: white; border-radius: 15px; z-index: 1;}
table.sample-list-table .product_image figure img { opacity: 0; }
table.sample-list-table .product_image:hover figure { position: fixed; left: 10%; top: 30%; width: 400px; margin-top: 0; display: block;}
table.sample-list-table .product_image:hover figure img { animation: fadeIn .3s forwards ease-out .1s; -webkit-animation: fadeIn .3s forwards ease-out .1s; -moz-animation: fadeIn .3s forwards ease-out .1s; }
table.sample-list-table button { margin:0; }

/* SAMPLE ITEM */
div.continued div.sample-item .sample-image a button {float: inherit;}
div.continued div.sample-item div.block .border-radius-left { border-radius: 5px 0 0 5px; }
div.continued div.sample-item div.block .border-radius-right { border-radius: 0 5px 5px 0; }
div.continued div.sample-item div.block .no-border-radius { border-radius: 0; }
div.continued div.sample-item .no-image { font-size: 72px; color: rgba(0,0,0,.15); text-align: center; width: 170px; display: inline-block; height: 170px; line-height: 140px; border: 1px solid rgba(0,0,0,.15); }
div.continued div.sample-item .no-image_product {background-image: url('../image/no_image.png'); background-size: 170px 170px;  width: 170px; display: inline-block; height: 170px; border: 1px solid rgba(0,0,0,.15); }
div.continued div.sample-item div.content.sample-accept button {width: 100%;}
div.continued div.sample-item div.content.sample-accept, div.continued .content.sample-accept .row .row:nth-child(odd) { background: #fff;}
div.continued div.sample-item .content.sample-image img, .sample-image img, .ui.grid>.row>.column.sample-image>img { max-width: 170px; max-height: 170px;}
div.continued div.sample-item .sample-text .column { height:220px; }
div.continued div.sample-item .sample-text .save-comment-btn { width:6em; }
div.continued div.sample-item .alert-box {width: 30%; margin-left: auto; margin-right: auto;}
div.continued div.sample-item .alert-box.comment-box {min-height: 3em; margin: 0 0.8em 0.5em 0.8em;}