:root { accent-color: #002bfe; }
.bg-login-image { background: #fff url(/assets/loginimage.png) 0 20px no-repeat; background-size: 475px; min-height: 600px; }
.bg-login-image-de { background-image: url(/assets/loginimage-de.png); }
.login-card-row { min-height: 480px; }
#details1{	display: none;	transition: height .7s; }
#details1.toggle, #details1.show {	transition: height .7s;}

.tinytext {	font-size:10px; }
.navbar .h4 { margin: 0; }
.sidebar { min-height: calc(100vh - 4.375rem); padding-top: 0.35rem; }
.sidebar .nav-item .nav-link { padding: 0.6rem 0.75rem 0.6rem 0.85rem; }
.sidebar hr.sidebar-divider { margin: 0.35rem 0.8rem !important; }
.sidebar .sidebar-heading { margin: 0.5rem 0; }
.sidebar .nav-item .nav-link span { font-size: 0.8rem; }
.pg__eifl_admin #topbar { height: 56px;}
.pg__eifl_admin #topbar .logo img { height: 46px; width: auto;}

.eventlist {	width: 100%;	height: 35px;	padding: 5px;	background-color: #eaf6ff;	border-top: 1px solid #b8c5dc;	border-bottom: 1px solid #7ea2dc;	text-transform: none;	cursor: pointer; }
.eventlist:hover{	background-color: #b9cdfa;	text-decoration: none; }
.partition {	width: 100%;	height: 5px;	margin-bottom: 10px;	margin-top:  10px;	background-color: #e8e8e8; }

.card-header-eifl, .card-header-eifl-sm {	padding: 0.75rem 1.25rem;	margin-bottom: 0;	background-image: linear-gradient(#4C71DC,#1D41A9);	border-bottom: 1px solid #e3e6f0;	border-top-left-radius: 5px;	border-top-right-radius: 5px;	color: #f8f8f8;	font-size: 1.2em;	font-weight: 500;	position: relative; }
.card-header-eifl-sm {	padding: 0.25rem .5rem;	border-radius: 5px;	font-size: 1.05em; }
.card-header-eifl.with-accordion { padding-right: 3rem !important; }
.card-header-eifl .form-group { margin: -7px -30px; }
.card-header-eifl .form-check-label { margin-bottom: 0; }
.accordion-control { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.5em; padding: 14px 20px 14px 5%; cursor: pointer; }
.accordion-control.hide { display: none; }

.col-form-label-tip, .col-form-label-tip-warning {	padding-left: 5px;	margin-bottom: 0;	font-size: .9em;	font-style: italic;	font-weight: 600;	line-height: 1;	color: #c00; }
.col-form-label-tip {	margin-top: 13px;	color: #0000b5; }

.col-form-label-line {	padding-top: calc(0.375rem + 1px);	padding-bottom: calc(0.375rem + 1px);	padding-left: 10px;	margin-top: 5px;	margin-bottom: 0;	font-size: .9em;	font-weight: 600;	font-style: italic;	color: #0000b5;	line-height: 1; }

.companydetails, .shipmentdetails {	display: block; }
.billingdetails, .contactdetails {	display: none; }

.pastevent, .inactive, .invoiced-schedule, .invoiced-schedule a.plainlink:link, .invoiced-schedule a.plainlink:visited, .pastevent a.plainlink { color: #ca0000 !important; font-style: italic; }
.bad-payer-icon { color: #ca0000; margin-left: 3px; }
span.bad-payer-icon { font-weight: 700; }
.bad-payer-text, .table-hover tbody tr.bad-payer-text:hover { color: #ca0000; }
.customs-text, .table-hover tbody tr.customs-text:hover, .canceled-order-text, .table-hover tbody tr.canceled-order-text:hover { color: #e50404; }


.table { color: #444; }
.table2 { width: 100%; margin-bottom: 1rem; color: #444; font-size: .8rem; border-top: 1px solid #d1d4dc; }
.table2 th { padding: 0.25rem 0.5rem; vertical-align: top; }
.table2 td { padding: 0.5rem; vertical-align: top; border-bottom: 1px solid #e3e6f0; }
.table2 thead th { vertical-align: bottom; border-bottom: 1px solid #e3e6f0; background-color: #f6f7ff; color: #3a3a3a; }
.table2 tbody + tbody { border-top: 2px solid #e3e6f0; }

.table-eifl, .table-eifl > th, .table-eifl > td { background-color: #f3f3f3; }
.table-eifl th, .table-eifl td, .table-eifl thead th, .table-eifl tbody + tbody { border-color: #a3b6ee; }
.table-eifl:hover > td, .table-eifl:hover > th { background-color: #b7c7f2; }
td.in_use { background-color: #c4e5b4; }
.table-striped tbody tr:nth-of-type(2n+1) td.in_use { background-color: #aace99; }
td.all_booked { background-color: #000; }
td.over_booked { background-color: #f33; }
tr.cancelled-order-text td { color: #d00; }

table.dataTable thead tr>.dtfc-fixed-left,table.dataTable thead tr>.dtfc-fixed-right,table.dataTable tfoot tr>.dtfc-fixed-left,table.dataTable tfoot tr>.dtfc-fixed-right{top:0;bottom:0;z-index:3;background-color:#4E73DF}table.dataTable tbody tr>.dtfc-fixed-left,table.dataTable tbody tr>.dtfc-fixed-right{z-index:1;background-color:white}div.dtfc-left-top-blocker,div.dtfc-right-top-blocker{background-color:white}
div.dataTables_wrapper { min-height: 300px;}
.table-xs th, .table-xs td { padding: 0.2rem; }
.table-xs { font-size: 0.92em; }
.table-hover tbody tr:hover { color: #000; }
table.dataTable th { background-color: #4E73DF; color: #fff; border-bottom: none; }
.invoice-notes-col { max-width: 500px !important; }
.invoice-company-col { max-width: 250px !important; }
.order-invoiced { font-style: italic; }
.order-invoiced-paid { font-style: italic; font-weight: bold; }

input[readonly] {	background-color: #f4f4f4 !important;	color: #000;	border: 1px solid #d1d1d1;	border-radius: 3px;	user-select: none; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #a88f8f !important; }
.form-check-label .note, p.disabled-service-note { color: #933 !important; font-weight: bold; margin: 0; }
input.input-truncation-alert:focus { background-color: #ff5245; animation: 1.2s linear 0s alert-highlight; animation-fill-mode: forwards;}
@keyframes alert-highlight {
0% { background-color: #ff5245; }
70% { background-color: #ff5245; }
100% { background-color: #fff893; }
}
.page-loading {	padding-top: 10px;	padding-left: 50px;	font-size: 16px;	font-weight: bold; }

.entry-item-caption, .item-caption {	display: inline-table;	width: 140px;	height: 25px;		font-size: .9em;	font-weight: 600;	line-height: 1.5;	color: #fff;	background-color: #21a34a;	border: 1px solid #8a8a8a;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	padding: 2px 5px;	margin-bottom: 2px;	margin-right: -1px; }
.item-caption { color: #222;	background-color: #f1f1f1; }

.item-text, .item-text-md, .item-text-sm {	display: inline-table;	width: 60%;	font-size: .9em;	line-height: 1.5;	background-color: #fff;	border: 1px solid #b0b0b0;	border-top-right-radius: 3px;
border-bottom-right-radius: 3px;	padding: 2px 5px;	margin-bottom: 2px; }
.item-text-md {	width: 40%;	line-height: 1.5; }
.item-text-sm {	width: 25%;	line-height: 1.5; }
.badge-larger { font-size: 85%; }
.badge-warning { color: #000; }

.table-basic {	border-style: 1px solid #b8b8b8; }
.table-basic th {	border: 1px solid #b8b8b8;	background-color: #d9d9d9;	padding: 2px 5px; }
.table-basic td {	border: 1px solid #dcdcdc;	padding: 2px 5px; }

.table-basic thead th, .table-basic thead td {	border-bottom-width: 1px; }
.table-wide-1500 { min-width: 1500px; }
.service-header-in, .service-header-out {	color: #caa4a4;	font-size: 1em;	font-weight: 700;	display: inline;	padding-left: 68px;}
.service-header-out {	padding-left: 75px;}
.form-check-inline { padding-top: 0.5rem;}
.chkmark {	height: 22px;	width: 22px; border-radius: 4px;}
.chkmark-lg {	height: 31px;	width: 31px;}

.tdtitle {	width: 160px;	background-color: #f5f5f5;	font-weight: 700;	padding: 5px;}
.tdtitle-sm {	width: 80px;	background-color: #f5f5f5;	font-weight: 700;	padding: 5px; }
.tddata {	background-color:#fffdeb;	padding: 5px; }
.table-larger { font-size: 0.95rem; }
.table-responsive-larger { font-size: 1em; }
.table-responsive.table-with-dropdowns { padding-bottom: 160px; }
.table td.activeicon { font-size: 1.1rem; }
.eifl_radio_label { margin-right: 1em; }
.eifl_radio_label input { margin-right: 0.25em; }
label.full-cell, .checkboxes-block label { margin: 0; display: block; padding: 6px 0; }
label.full-cell, .checkboxes-inline label { margin: 0; display: inline; padding:  0 15px 0 0; }
body table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) { padding-right: 10px; }
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
right: 5px !important; }
div div.dataTables_wrapper div.dataTables_processing { z-index: 9; margin-left: -10px; position: fixed;}
.sidebar-toggled div div.dataTables_wrapper div.dataTables_processing { margin-left: -48px; }

a.plainlink:link, a.plainlink:visited { color: #444; }
a.plainlink:hover, a.plainlink:focus { color: #000; }

.invoice-books-only:after { content: '*'; }
.reportplaceholders .placeholder { font-family: monospace; font-size: 1.1em; }
.reportplaceholders .placeholdercopied { font-size: 1.1em; }

.form-group { margin-bottom: .5rem; }
.form-group small { font-size: 95%; font-style: italic; }
.form-text { margin-bottom: 6px; }
.form-control { padding: 0.5rem 0.55rem; font-size: 1rem; border: 1px solid #999; }
.form-control.disabled { background-color: #eee !important; opacity: 0.65; cursor: not-allowed; }
.btn.disabled { cursor: not-allowed; opacity: 0.5; }
.btn-nowrap { white-space: nowrap; }
.form-group .select2-container--clean .select2-selection--single,
.form-control.picker__input[readonly], .bootstrap-select > .dropdown-toggle { border: 1px solid #999; border-radius: 0.35rem; background: #ffffe4 !important;}
.custom-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
#select2-oms-dpa-destination-airport-results .select2-results__option[aria-disabled="true"] { display: none; }
select[readonly].select2-hidden-accessible + .select2-container { pointer-events: none; touch-action: none; }
select[readonly].select2-hidden-accessible + .select2-container .select2-selection { background: #eaecf4 !important; box-shadow: none; }
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear { display: none; }
.copy-paste-msg { font-weight: 700; font-size: 1.1em; position: relative; top: 2px;}
.copy-paste-msg.ok { color: green; }
.copy-paste-msg.error { color: #c00; }
.quote-info-table { margin-bottom: 0; }
.quote-info-table th { max-width: 150px; width: 150px; padding: 0.75rem; font-weight: 400; }
.quote-info-table .no-border th, .quote-info-table .no-border td { border-top: none; }

.actual-spec .form-group .select2-container--clean .select2-selection--single,
.actual-spec .form-control.picker__input[readonly], .actual-spec .bootstrap-select > .dropdown-toggle,
.actual-spec .form-control { background: #fff4ff !important;}
.actual-spec .form-control:disabled, .actual-spec .form-control[readonly] { background-color: #eaecf4 !important; }

.actual-spec .card-header-eifl, .actual-spec .card-header-eifl-sm {	background-image: linear-gradient(#4C71DC,#9D41A9);	}


.loginnamelist { margin-top: 14px; }
p.loginnameradio { margin: 10px 0; line-height: 1.35;}
.loginnameradio label { border: 1px solid #cad5f5; display: block; border-radius: 0.35rem; padding: 6px 10px 6px 35px; position: relative; font-size: 1.15em;}
.loginnameradio input { position: absolute; left: 10px; top: 7.5px;}
.loginnameradio label:hover, .loginnameradio label:focus { border: 1px solid #4e73df; }

div.dataTables_wrapper .custom-select { padding-right: 1.5rem;}
.form-control option:disabled { color: #aaa !important; font-style: italic; }
.form-check-inline { padding-top: 0.5rem;}
.form-check-inline .form-check-input { position: absolute; margin-top: -0.4rem; margin-left: 0; margin-right: 0;}
input[type="radio"], input[type="checkbox"] { height: 1.1em; width: 1.1em; }
.form-horizontal .alert { margin-left: -0.5rem; }
.btn-sm.dropdown-toggle { padding-bottom: 0.15rem !important; padding-top: 0.15rem !important; }

.bootstrap-select > .dropdown-toggle:focus { color: #6e707e; background-color: #fff893 !important;
border-color: #bac8f3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25); }
.dropdown-item.active, .dropdown-item:active { color: #000; font-weight: bold; }
.hide-validation input { padding-right: 0.5rem !important; }
.hide-validation .fv-plugins-icon, .hide-validation .fv-plugins-message-container { display: none; }
.eifl-form .col-form-label { padding-left: 0.75rem; }

div.dataTables_wrapper div.tablefilterswrapper { display: table; width: 100%; }
div.tablefilterswrapper .tablefilters, div.tablefilterswrapper > label { display: table-cell; }
.tablefilters { text-align: left; }
div.tablefilterswrapper > label { width: 10%; padding-left: 15px; }
.tablefilters div, .filtergroup{ display: inline-block; white-space: nowrap; }
.filtergroup { margin-right: 2em; font-size: 0.95em; }
.filtergroup:last-child { margin-right: 0; }

/* make the validation icons vertically centred */
.fv-plugins-icon svg { margin: 11px 0; }
.fv-plugins-icon { pointer-events: none; }

.radio-valign-top .check { top: 0; margin-top: 8px;}

.eifl-number-input .input-group-prepend { min-width: 0; display: flex; font-size: 1em; }
.eifl-number-input .input-group-text { border-color: #858796; border-right: none;}
.fv-plugins-bootstrap .form-group.row .eifl-number-input .fv-plugins-icon { right: -25px !important; }
.eifl-number-input .form-control { padding-right: 0.55rem; }
.eifl-number-input { flex-wrap: nowrap; }
.eifl-form-helper { margin: 0 0 1em; }

.picker .picker__list { padding: .75em 0 .75em; }
.select2-container--clean .select2-selection--single { padding-left: 0.55rem !important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; }
.input-group .input-group-append .btn-addon-separate { border-radius: 0.35rem; margin-left: 1em; }
.select2-results__option { line-height: 2.2; }
.select2-container a { color: #000; font-size: 1.05em; }
.select2-container--clean .select2-results__option--highlighted[aria-selected] { background-color: #98b7fd !important; }
.select2-container--clean .select2-selection--single .select2-selection__rendered { font-size: 1.12em; }
body .select2-container--clean .select2-results > .select2-results__options { max-height: 500px; }
form .select2-container--clean .select2-selection--single { padding-top: 0.75em; padding-bottom: 0.75em; }
.f32 .flag .text { font-size: 1em !important; }
.input-group .select2-container { flex: 1 1 auto; width: auto !important;}
.input-group { z-index: 5; }
.input-group .input-group { width: auto;}
.input-group.with-helpicon > .form-control:not(:last-child), .input-group.with-helpicon > .custom-select:not(:last-child), .input-group.with-helpicon > .input-group-append:not(:last-child) > .btn { border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; }

.fv-plugins-bootstrap .form-group.row i.fv-plugins-icon { right: -19px; }
.fv-plugins-bootstrap .form-group.row .iti i.fv-plugins-icon { right: -35px; }
.fv-plugins-bootstrap .form-group.row .input-group.with-helpicon .iti i.fv-plugins-icon { right: -53px; }
.input-group.with-helpicon + .fv-plugins-icon { right: -15px !important; }

.checkbox-wrapper .form-check-label { margin-left: 0.5em; }
#address-postcode-prefix { min-width: 50px; }

.orderrefvalidity { padding-left: 8px; font-weight: 600; }
.orderrefvalidity.valid { color: green; }
.orderrefvalidity.invalid { color: #e74a3b; }

.orderrefvalidity::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; margin-right: 4px; }
.orderrefvalidity.valid:before { content: '\f00c';} 
.orderrefvalidity.invalid:before { content: '\f00d';} 

td.useredit-table-checkbox{ padding: 0; width: 50px; }
.useredit-table-checkbox label { padding: 8px 18px; margin: 0;}
.useredit-table-checkbox input { margin: 0; padding: 0; position: relative;}

.eifl-service-select { padding-bottom: 0; }
/* .eifl-service-select .form-check { padding-left: 0; }
.eifl-service-select .form-check-label { margin-left: 2px; } */
.cargo-spec-wrapper .form-control.is-valid { padding-right: 0.5em; }
.fv-plugins-bootstrap .cargo-spec-wrapper .form-group.row .fv-plugins-icon { display: none !important; }
.cargo-spec-units-wrapper .col-sm-10 { max-width: 100% !important; padding-right: 0; }

.scroll-to-top i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 1.7em; }

.save-indicator { margin-right: 10px; font-weight: 700; font-size: 1.1em; position: relative; top: 2px; opacity: 0; }
.save-indicator.show { -webkit-animation: delayedFadeOut 6s forwards; animation: delayedFadeOut 6s forwards; }
@keyframes delayedFadeOut { 0% {opacity: 1;} 90% {opacity: 1;} 100% {opacity: 0;} }
@-webkit-keyframes delayedFadeOut { 0% {opacity: 1;} 90% {opacity: 1;} 100% {opacity: 0;} }

.f32 .flag { display: inline-block; }
label sup.text-danger { top: -0.1em; font-size: 100%; }
.fv-plugins-message-container div.fv-help-block, .invalid-feedback { font-size: 100%; font-weight: 700; }

.sidebar.toggled .sidebar-heading { padding: 0 5px; }

.js-hidden, .hidden-wrapper.off { display: none; }
.btn-outline-secondary { color: #28a745; border-color: #28a745; }
.btn-outline-secondary:hover { background: #28a745; }
.password-strength__bar-block { height: 1.5rem; font-size: 1em;}

.tabbed-card { border-top-left-radius: 0; border-top-right-radius: 0; }
th.portal-orders-actions-col, td.portal-orders-actions-col { padding-top: 2px; padding-bottom: 2px; min-width: 100px; max-width: 110px; }

.timeslots-table .form-control { min-width:35px; max-width: 42px; padding: 0.25em 0.35em; }
.timeslots-table .form-control::-webkit-inner-spin-button, .timeslots-table .form-control::-webkit-outer-spin-button, input.nospinners::-webkit-inner-spin-button, input.nospinners::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.timeslots-table .form-control, input.nospinners { -moz-appearance:textfield; }

.orders-file-btn { line-height: 1.2; padding: 6px 8px; font-size: 1em; }

.scroll-x #wrapper #content-wrapper { overflow-x: visible; }
.progress-bar { transition: width 0.1s ease; }

.addrem-btngroup .invisible { display: none; }
.addrem-btngroup { margin-right: -0.75rem; }

.inv-serv-name { width: 70%; }
.inv-serv-number { min-width: 120px;}
.inv-serv-amnt { min-width: 100px;}
.table-invoice-details .form-control { padding: 0.2rem 0.55rem; }
.inv-currency { font-size: 1.2em;}
button.tx-del, button.icon-only { border: none; background: none; }
.alert-warning { color: #902500; }

.currencies-with-addon .input-group-append, .inline-input-addon .input-group-append { display: inline-flex; }
.no-click { pointer-events: none; }
.dropdown-item { padding: 0.25rem 1rem; }
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item { white-space: normal; }
/*
.pulsate-fwd{-webkit-animation:pulsate-fwd .5s ease-in-out 2 both;animation:pulsate-fwd .5s ease-in-out 2 both}
@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.015);transform:scale(1.015)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.015);transform:scale(1.015)}100%{-webkit-transform:scale(1);transform:scale(1)}}
*/
.usersignup-shared-email .form-check-inline { padding-top: 0rem; }
.usersignup-shared-email .form-check-inline:first-child { padding-top: 0.5rem; }
.usersignup-shared-email .form-check-inline label { margin-bottom: 0; }
.usersignup-shared-email { padding-bottom: 0.5rem; }

.help-content { display: none; margin-rig3ht: -0.5rem; }
.help-content-inner { background: #d7f3ff; border: 1px solid #a4d9ec; padding: 6px 0.75rem; border-radius: 3px; }
.help-content.visible { display: block !important; }
.help-content p { margin: 0; color: #000;}
.help-icon { cursor: help; }
.help-icon span { border: none; background: none; }
.help-icon i { color: #1f7cbb; }

.toast { position: fixed; top: 20px; z-index: 99; right: 20px; border: 2px solid black; font-size: 1.1em; min-width: 250px;}
.toast.alert-success { background-color: #d2f4e8; border-color: #bff0de; }

.modal-xl { max-width: 1400px !important; width: 95% !important; }
.placeholdercopy { padding-top: 2px; padding-bottom: 2px;}

.dropdown-item.disabled.with-title { pointer-events:auto; cursor: not-allowed; }

div.dt-buttons { float: left; }
.dataTables_scrollBody, #ordersTableYN_wrapper, #ordersTableYY_wrapper, #ordersTableNN_wrapper { min-height: 350px; }
.badge { padding: 0.3em 0.4em 0.2em; }

.text-diff-container { margin-bottom: 1.5em; }
.text-diff-container del, .text-diff-container ins { color:#444; background:#ffe1e1; border-radius:2px; display:inline-block; padding:1px 4px; margin-left: -4px; text-decoration: none; }
.text-diff-container ins { color:#1f361f; background:#d0f0ff; }
.text-diff-container ins:after { content: ' (ACTUAL)'; font-size: 0.85em; font-weight: bold;}

.opayo-billing-details .row { margin-left: 0 !important; margin-right: 0 !important; }
.opayo-billing-details .fv-plugins-bootstrap .form-group.row .bootstrap-select i.fv-plugins-icon { right: -31px; }
.opayo-exp-cvv label:last-of-type { min-width: 55px; }


@media only screen and (max-width:1600px) {
.filtergroup { margin-right: 1.4em; }
.filtergroup label { margin-right: -4px; }
}

@media only screen and (max-width:990px) {
.bg-login-image { background: none; min-height: 0;}
.login-card-row { min-height: 280px; }
}


@media only screen and (max-width:767.5px) {
.navbar .logo, .cargo-spec-spacer { display: none; }
.navbar .h4 { font-size: 1.3rem; }
#accordionSidebar { position: absolute; z-index: 100;}
#accordionSidebar.toggled { position: relative; }
/*.sidebar .sidebar-heading { padding: 0 5px; } */
.nav-tabs .nav-link { padding: 0.3rem 0.5rem; }
div.dataTables_wrapper div.tablefilterswrapper, div.tablefilterswrapper .tablefilters, div.tablefilterswrapper > label { display: block; }
div div.dataTables_wrapper div.tablefilterswrapper > label { width: 100%; padding: 8px 0 0; text-align: right; }
.sidebar-toggled div div.dataTables_wrapper div.dataTables_processing { margin-left: -100px; }
.inv-serv-number { min-width: 80px;}
.inv-serv-amnt { min-width: 90px;}
}

@media only screen and (max-width:576px) {
label.col-form-label { margin-bottom: 2px; }
.checkbox-wrapper label.col-form-label { display: none; }
.checkbox-wrapper .form-check-inline { padding-top: 0; }
div.col-sm-2, div.col-sm-4, div.col-sm-5, div.col-sm-6, div.col-sm-10 { padding-left: 0.4em; padding-right: 0.4em; }
.form-check { padding-left: 0; }
.navbar .h4 { font-size: 1.15rem; }
.form-group.row div.col-sm-9, .form-group.row div.col-sm-8, .form-group.row div.col-sm-7 { padding-left: 0.25rem; padding-right: 0.25rem; }
.addrem-btngroup { margin-right: -1rem; }
.modal-dialog.modal-lg { max-width: 100%; }
.table-invoice-details { font-size: 0.95em; }
.table-invoice-details .form-control { font-size: 1.2em; }
.inv-serv-number { min-width: 65px; }
.inv-serv-amnt { min-width: 75px;}
.opayo-exp-cvv div.col-sm-3 { padding-left: 0.4em; padding-right: 0.4em; }
/*
@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}} */
}


@media only screen and (max-width:500px) {
.cargo-spec-wrapper .btn-small { width: 30px; height: 30px;}
.cargo-spec-wrapper input[type=number]::-webkit-inner-spin-button, .cargo-spec-wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cargo-spec-wrapper input[type=number] { -moz-appearance:textfield; }
.cargo-spec-wrapper .form-control, .cargo-spec-wrapper .form-control.is-valid { min-width: 30px; padding: 0.4em 0.3em; }
.notice-action-buttons { max-width: 100px; text-align: right; }
.notice-action-buttons button { margin: 3px 0;}
}


@media only screen and (max-width:400px) {
h3, .h3 { font-size: 1.65rem; }
h4, .h4 { font-size: 1.35rem; }
.nav-tabs .heading { flex: 1 0 100%; margin-bottom: 6px; margin-top: -6px;}
}

@media (min-width: 7px) {
.sidebar { width: 12rem !important; }
.sidebar .nav-item .nav-link { width: 12rem; }
.sidebar .nav-item .collapse, .sidebar .nav-item .collapsing { margin: 0 0.8rem; }
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item { padding: 0.4rem 0.5rem; margin: 0 0.35rem; font-size: 0.8rem; }
}
