/* CSS Document */

.flex,
.flex-between,
.flex-center {
	display: flex;
}

.flex-between {
	justify-content: space-between;
}


.panel-header-scrollbar--arrow{
	top: 10px;
}

html.full,
.full body{
	height: 100%;
}

#header img{
	width: 198px;
}

/*.login-header a,
.login-header div{
	text-align: center;
	height: 65px;
}*/

.login-header a img,
.login-header div img{
	height: 65px;
}

.mbl-logo img{
	height: 32px;
}

.content_container{
	padding: 30px 0 0;
/*	margin: 10px -20px 0 -30px;*/
}

.account-select a{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
}

.panel-header-new-title.dispatch{
	width: 100%; 
	position: relative;
}

.header-left{
	float: left;
}

.header-right{
	float: right;
}

.header-left div,
.page_name{
	display: inline-block;
}

.mow_label{
	cursor: pointer;
}

.header-left .change{
	margin-left: 10px;
	font-size: 12px;
}

.mow_select{
	display: none;
}

#search{
	width: 200px;
}

.content-upper{
/*	padding-bottom: 10px;*/
}

.split table{
	width: 100%;	
}

.split table thead th{
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	text-align: left;
}

.split table tbody td{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid transparent;
	font-size: 12px;
}

.split table tbody td:last-child{
	border-right: 1px solid transparent;
}

.split table tbody td:first-child{
	border-left: 1px solid transparent;
}

.split table thead th,
.split table tbody td{
	padding: 5px 8px;
}

.split table thead th{
	padding: 6px 8px;
	font-size: 12px;
	font-weight: 500;
	background: #f3f3f3;
}

.split table tr{
	cursor: pointer;
}

.split table tr:hover{
/*	background: #efefef;*/
	background: #f3f3f3;
}

.split table .td_order_status{
/*	font-weight: 600;*/
}

.split table .dispatch_in_progress .td_order_status{
	color: #f2821c;
}

.split table .empty .td_order_status,
.split table .dispatched .td_order_status{
	color: #006205;
}

.split table .pending_payment .td_order_status,
.split table .pending_balance .td_order_status,
.split table .pending_payment__dispatched_ .td_order_status{
	color: #f20006;
}

.split table .awaiting_dispatch .td_order_status{
	color: #1ba0fa;
}

.split table tr.cancelled td{
	color: #a6a6a6;
}

.split table tr.starred td:not(.td_order_status){
	color: #930196;
}

.split table tr.on_hold td:not(.td_order_status){
	color: red;
}

.split table tr.selected{
/*	background: #d8d8d8;*/
}

.split table tr.top_row:hover + tr,
.split table tr.hover{
	background: #f3f3f3;
}

.split table tr .td_line_qty,
.split table tr .td_line_qty input{
	width: 60px;
}

 table tr .td_line_qty input,
 table tr .td_line_code input{
	height: 20px;
	line-height: 23px;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.split table tr .td_line_code input{
	font-size: 12px;
}

.split table tr .td_line_qty{
	width: 56px;
	height: 23px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.search_row.product td:first-child{
	border-left: 1px solid #ccc;
}

.search_row.product td:last-child{
	border-right: 1px solid #ccc;
}

.search_row.product:last-child td{
	border-bottom: 1px solid #ccc !important;
}

.search_row.product td{
	padding: 5px !important;
}

.split table tr .td_line_qty input{
	position: absolute;
/*    top: 22px;*/
/*    height: 48px;*/
	/* top: 21px; */
	/* height: 46px; */
    /* line-height: 45px; */
    text-align: center;
	z-index: 9999;
	width: 100%;
	top: 20px;
	height: 44px;
	line-height: 44px;
}

.split table th.th_line_qty,
.split table th.th_line_sent,
.split table th.th_line_available,
td.td_line_sent,
td.td_line_available{
	text-align: center;
}

.inline-items > *{
	display: inline-block;
	vertical-align: middle;
}

.inline-items input[type="checkbox"]{
	margin-left: 0;
	height: 15px;
	width: 15px;
	border-radius: 0;
}

.inline-items .select2{
	width: 150px !important;
}

.inline-items{
	margin-bottom: -5px;
}

.inline-items .switch--container input{
	height: 0;
	width: 0;	
}

.inline-items .switch--container label{
	margin-top: 4px;
}

.overlay-content .switch--container input{
	opacity: 0;
	border: #fff;
}

.grid label,
.contact_grid label{
	font-size: 11px;
	margin: 7px 5px 3px 0;
	color: #676767;
}

.input_container label{
	display: block;
}

.input_container input,
.input_container select{
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	padding: 0 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.input_container select{
	padding-left: 3px;
}

.input_container .input_container_inner_left,
.input_container .input_container_inner_right{
	width: 48%;
}

.input_container .input_container_inner_left input,
.input_container .input_container_inner_right input{
	width: 100%;
}

.input_container_inner_left{
	clear: both;
	float: left;
}

.input_container #company,
.input_container #contact_company{
	margin-top: 5px;
	margin-bottom: 5px;
}

.input_container #title,
.input_container #firstname,
.input_container #lastname,
.input_container #account{
	margin-top: 15px;
}

.mow_contact_overlay .input_container #contact_title,
.mow_contact_overlay .input_container #contact_firstname,
.mow_contact_overlay .input_container #contact_lastname,
.mow_contact_overlay .input_container #contact_account{
	margin-top: 5px;
}

.input_container #account{
/*	border: 1px solid #ff1759;*/
}

.input_container.checkbox .checkbox_container,
.input_container.checkbox .checkbox_container label,
.input_container.checkbox .checkbox_container input[type="checkbox"]{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}

.input_container.checkbox .checkbox_container{
	margin-top: -5px;
	margin-bottom: 8px;
}

.input_container.checkbox .checkbox_container input[type="checkbox"]{
	margin: 0;
}

.input_container_inner_right{
	float: right;
}

.country_container{
	position: absolute;
/*    margin-top: -4px;*/
    right: 0;
    left: 60px;
	bottom: -24px;
}

.delivery_address_container,
.billing_address_container,
.contact_delivery_address_container,
.contact_billing_address_container{
	margin-bottom: 25px;
}

textarea[readonly="readonly"],
input[readonly="readonly"]{
	color: #868686;
}

.select2 .selection,
.select2{
	width: 100% !important;
}

.select2-container--default .select2-selection--single{
	border: 1px solid #ccc;
	border-radius: 0;
	height: 25px;
	line-height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 25px;
}

.input_container.full select,
.input_container.full input{
	width: 100%;
}

.split table tbody tr.selected td{
	border-bottom: 1px solid #ff1759 !important;
	border-top: 1px solid #ff1759;
}

.split table tbody tr.selected td:last-child{
	border-right: 1px solid #ff1759;
}

.split table tbody tr.selected td:first-child{
	border-left: 1px solid #ff1759;
}

.split table tbody tr.selected td.selected{
	border-right: 1px solid #ff1759;
}


.input_container select[name="title"]{
	width: 10%;
}

.input_container input[name="firstname"],
.input_container input[name="lastname"]{
	width: 40%;
}



.off-canvas-wrap,
.off-canvas-slide,
#container,
#midsection,
#content_main,
.content_main_margin{
	height: 100%;
}

.content_split .content_container{
	position: absolute;
	height: auto;
	top: 72px;
	bottom: 0;
	width: 100%;
}

.content-inner{
	height: 100%;
	overflow: hidden;
}

/*
.split::-webkit-scrollbar { 
    display: none; 
}
*/

.split{
	overflow: hidden;
	position: relative;
}

.content_split .split{
/*	margin-right: -17px;*/
}

.gutter.gutter-vertical{
	background-color: #eee;
	background-image: url(/scripts/split/grips/horizontal.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: ns-resize;
}

.gutter.gutter:last-child{
	display: none;
}

.overlay-close{
	height: 15px;
	width: 15px;
	background: url(/images/delete_v3.png) center center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	display: none;
	z-index: 99999;
	float: right;
}

.overlay-close svg{
	display: none;
	fill: #fff;
	height: 15px;
	width: 15px;
}

.overlay-icons{
	float: left;
}

.overlay-split,
.overlay-full{
	height: 16px;
	width: 15px;
	margin-right: 15px;
	cursor: pointer;
	display: inline-block;
}

.overlay-split{
	margin-right: 5px;
}

.overlay-full{
	background: url(/images/icn-full-v2.png) center center no-repeat;
	background-size: 100% 100%;
}

.overlay-split{
	background: url(/images/icn-split-v2.png) center center no-repeat;
	background-size: 100% 100%;
}

.overlay-right td{
	position: relative;
}

.overlay-right .dropdown-container{
	position: absolute;
	background: #fff;
	z-index: 99999;
	width: 100%;
	border: 1px solid #ccc;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 300px;
}


.overlay-right .dropdown-container.bottom{
	top: 20px;
}

.overlay-right .dropdown-container.top{
	bottom: 20px;
}

.overlay-right .dropdown-container .product,
.overlay-right .dropdown-container .no_results{
	padding: 2px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.overlay-right .dropdown-container .product div{
	height: 14px;
	line-height: 14px;
}

.overlay-right .dropdown-container .product:last-child{
	border-bottom: none;
}

.overlay-right .grid-item.no-table {
	margin-bottom: 100px;
}

.info-overlay .overlay-content{
	padding: 30px 0;
	background: #fff;
}

.grid,
.contact_grid{
	width: 100%;
	height: 100%;
	position: relative;
}

.grid-item{
	display: block;
	float: left;
	box-sizing: border-box;
}

.grid-33{
	width: 33.33333%;
}

.grid-50{
	width: 50%;
}

.grid-100{
	width: 100%;
}

.grid-line span{
	display: inline-block;
}

.address{
	position: relative;
	margin: 0;
}

.address-labels{
	position: absolute;
	top: 0px;
	padding: 5px 4px 5px 4px;
	border: 1px solid #ccc;
	width: 61px;
	box-sizing: border-box;
	margin: 0;
}

.address textarea{
	resize: none;
	overflow: hidden;
	margin: 0 0 0 60px;
	margin-left: 60px;
}

.address-labels div,
.address textarea{
	font-size: 12px;
	line-height: 18px;
}

.address-labels div{
	text-align: right;
	color: #9c9c9c;
	font-size: 11px;
}

.input_container.delivery_pref{
	margin: 10px 0;
}

.input_container{
	position: relative;
}

.input_container .dropdown-container{
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
	background: #fff;
	max-height: 200px;
	overflow: auto;
	z-index: 999999;
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.input_container .dropdown-container div{
	padding: 5px;
	cursor: pointer;
	line-height: 18px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

.input_container .dropdown-container div:last-child{
	border-bottom: none;
}

.input_container .left{
	float: left;
}

.input_container .right{
	float: right;
}

.input_container .left.title{
	width: 60px;
}

.input_container .left.title select{
	width: 100%;
}

.input_container .right.name{
	position: absolute;
	left: 70px;
	right: 0;
}

.input_container .right.name input:first-child{
	float: left;
}

.input_container .right.name input:last-child{
	float: right;
}

.input_container .right input{
	width: 49%;
}

.split .grid-item.grid-50:first-child{
	padding-right: 10px;
}

.split .grid-item.grid-50:nth-child(2){
	padding-left: 10px;
}

.account .clear{
	position: absolute;
	right: 58px;
	bottom: 8px;
	background: url(/images/delete_v3.png) center center no-repeat;
	background-size: 9px 9px;
	height: 9px;
	width: 9px;
	display: none;
	cursor: pointer;
}

.account .clear:hover{
	background: url(/images/delete_v3_red.png) center center no-repeat;
	background-size: 9px 9px;
}

#delivery_address,
#billing_address,
#contact_delivery_address,
#contact_billing_address{
	box-sizing: border-box;
	display: block;
}

.split table.scrollable{
	table-layout: fixed;
}

.split table.scrollable tbody{
	display: block;
	overflow-y: scroll;
	overflow-x: hidden;
/*	max-height: 600px;*/
	max-height: 100%;
	position: relative;
}

.split table.scrollable tbody tr{
	display: block;
}

.split table.scrollable tbody tr td,
.split table.scrollable thead th{
	box-sizing: border-box;
}

.split table.scrollable .top_row td{
	border-bottom: 0;
}

.split table.scrollable tr:not(.top_row) td{
/*	border-bottom: 1px solid #ccc;*/
/*	border-bottom: 1px solid #dedede;*/
	border-bottom: 1px solid #e8e8e8;
}

.split table.scrollable td,
.split#two table.stock_table td{
	padding: 3px 8px;
}

.split #table_main td{
	padding: 5px 8px;
}

.split table.scrollable#scrollable_1,
.split table.scrollable#scrollable_2{
	margin-top: 20px;
}

.overlay-left{
	height: 100%;
	width: 35%;
/*	padding-right: 17px;*/
	overflow-y: auto;
/*	max-width: 540px;*/
	margin-top: -20px;
	
/*
	max-width: 500px;
	background: #f5f5f5;
	padding: 12px 15px;
*/
}

.overlay-left .grid-item.grid-100{
/*	padding-bottom: 25px;*/
}

::-webkit-scrollbar {
    width: 0;
} 
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  outline: 1px solid slategrey;
}

.overlay-left .grid-line{
	max-width: 500px;
}

.overlay-right{
	right:0;
	width: 63%;
	background: #fff;
	margin-top: -8px;
	overflow: hidden;
}

.overlay-left,
.overlay-right{
	position: absolute;
	overflow-x: hidden;
}

.overlay-content{
	height: 100%;
}

#two{
	overflow: hidden;
}

.overlay-content .btns{
	margin-top: 7px;
	padding-top: 7px;
	position: absolute;
	bottom: 5px;
	right: 0;
	padding-bottom: 10px;
}

.btns .save{
	float: right;
}

label.switch{
	position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
    padding: 0;
}

.switch--container{
	float: left;
	margin-top: 3px;
	margin-right: 30px;
}

label.switch,
.switch--before{
	vertical-align: middle;
}

label.switch input {
    margin-top: 0;
	opacity: 0;
}

#star:checked ~ .slider{
	background: gold;
}

#hold:checked ~ .slider{
	background: red;
}

input:checked + .slider {
    background-color: #ff1759;
}

.slider.round {
    border-radius: 34px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.slider.round:before {
    border-radius: 50%;
}
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    top: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switches{
	float: right;
	margin-bottom: 5px;
}

.grid-line{
	position: relative;
}

.switches .label{
	margin-right: 0;
}

.switches .switch--container{
	margin-right: 0;
}

.order-info{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.order-info span{
	margin-right: 10px;
}

.delivery-info,
.product-info,
.order-info,
.query-info{
	padding: 2px 0 5px;
	font-size: 14px;
	font-weight: 600;
}

.delivery-info .new_delivery{
	font-weight: 600;
}

.switches .switch--container:first-child{
	margin-right: 20px;
}

.overlay-content .btn,
.content-upper .btn{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	border-radius: 3px;
	color: #fff;
	background: #ff1759;
	cursor: pointer;
	transition: .3s ease;
	font-size: 13px;
	margin-right: 10px;
}

.overlay-content .btn:hover,
.content-upper .btn:hover{
	background: #d4134a;
}

.content-upper .btn{
	margin-right: 0;
}

.content_split .content-upper{
	padding-right: 17px;
}

.overlay-content .btn.process{
	background: #ff1759;
	margin-right: 10px;
	opacity: 0.1;
}

.overlay-content .btn.process:hover{
	background: #d4134a;
}

.overlay-content .btn.process,
.overlay-content .btn.save,
.overlay-content .btn.add-payment{
	height: 34px;
	line-height: 34px;
	padding: 0 25px;
}

.overlay-content .btn.process.released{
	background: #ff1759;
	opacity: 1;
}

.overlay-content input:disabled,
.overlay-content textarea:disabled {
	background-color: #e6e6e6;
	color: #444;
	border-color: #e6e6e6;
}

textarea[name="notes"],
textarea[name="notes_internal"],
textarea.notes{
	height: 90px;
	width: 100%;
	resize: none;
	box-sizing: border-box;
}

.split#two{
	display: none;
}

.content_split .split#two{
	display: block;
}

.split.full{
	position: absolute;
	background: #fff;
	z-index: 99999;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: calc(100%) !important;
}

tr:hover th{
	background: #fff;
}

.content-upper .right{
	float: right;
}

.address-tabs{
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0px 60px;
	box-sizing: border-box;
}

.address-tabs .address_tab{
	display: inline-block;
	padding: 0 10px;
	background: #eaeaea;
	height: 25px;
	line-height: 25px;
	box-sizing: border-box;
	width: 120px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	position: relative;
	color: #696969;
}

.address-tabs .address_tab.sel{
	background: #fff;
	border-bottom: 1px solid #fff;
	font-weight: 600;
	color: #2d2d2d;
}

.address-tabs .address_tab.disabled{
	color: #aaa;
}

.address-tabs .address_tab.sel::after{
	content: "";
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	height: 1px;
	background: #fff;
	z-index: 9999;
}

.same-group{
	float: right;
}

.same-group input,
.same-group label{
	margin: 0;
	vertical-align: middle;
}

.delivery_address_container,
.billing_address_container,
.contact_delivery_address_container,
.contact_billing_address_container{
	display: none;
	margin: -2px 0 25px 0;
}

.delivery_address_container.sel,
.billing_address_container.sel,
.contact_delivery_address_container.sel,
.contact_billing_address_container.sel{
	display: block;
}

tr.package_row td,
tr.package_row + tr td{
/*	color: #4a80de;*/
	color: #bdbdbd;
}

.overlay-right table.scrollable tr.package_row .td_line_code,
.overlay-right table.scrollable tr.package_row + tr td:first-child{
	padding-left: 25px;
}

.overlay-right table.scrollable .package_row + tr td,
.overlay-right table.scrollable .package_row td{
	padding: 0 8px;
}

.split table.scrollable .package_row:not(.package_row_last) + tr td{
/*	border-bottom: 1px solid #a4bbe2;*/
	border-bottom: 1px solid #e4e4e4;
}

.overlay-right table.scrollable tbody tr td{
	height: 17px;
	line-height: 16px;
	padding: 5px 8px 0;
}

.overlay-right table.scrollable .package_row td,
.overlay-right table.scrollable .package_row + tr td{
	line-height: 12px;
}

.overlay-right table.scrollable tbody tr td.td_line_title{
	padding: 0px 8px 5px;
}

/*
.overlay-right table.scrollable .package_parent + tr + .package_row td{
	padding-top: 5px;
}

.overlay-right table.scrollable .package_row + tr td.td_line_title{
	padding-bottom: 2px;
}

.overlay-right table.scrollable .package_row_last + tr td.td_line_title{
	padding-bottom: 7px;
}
*/

.overlay-right table.scrollable .package_parent + tr td,
.overlay-right table.scrollable .package_row + tr td{
	padding-bottom: 5px;
}

.overlay-right table.scrollable .package_row td,
.overlay-right table.srollable .package_parent td{
	padding-top: 5px;
}

/*
.overlay-right tr td.td_line_available,
.overlay-right tr td.td_line_title{
	border-right: 1px solid #ccc;
}

.overlay-right tr td.td_line_code,
.overlay-right tr td.td_line_title{
	border-left: 1px solid #ccc;
}
*/

.overlay-right td.td_line_qty{
	padding-left: 6px !important;
}

.overlay-right td.td_line_qty input{
	margin-left: -25px;
}
.overlay-right td.td_line_qty{
	text-align: center;
}

table.scrollable td.td_delivery_line_purchased,
table.scrollable td.td_delivery_line_received,
table.scrollable th.th_delivery_line_purchased,
table.scrollable th.th_delivery_line_received,
table.scrollable th.th_delivery_line_warehouse,
table.scrollable td.td_delivery_line_warehouse{
	text-align: center;
}

.overlay-right .search_input_row .clear{
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 12px;
	width: 12px;
	background: url(/images/delete_v3.png) center center no-repeat;
	background-size: 12px 12px;
	z-index: 9999;
	display: none;
	padding: 8px;
}

#scrollable_1 td.td_delivery_line_purchased input,
#scrollable_1 td.td_delivery_line_received input,
.overlay-right tr td select{
	position: absolute;
	z-index: 999999;
	padding: 4px;
	font-size: 12px;
	top: 8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.overlay-right tr td select{
/*	height: 28px;*/
	height: 48px;
/*	width: 93%;*/
	width: 100%;
}

#scrollable_1 td.td_delivery_line_purchased input,
#scrollable_1 td.td_delivery_line_received input{
/*	height: 38px;*/
	height: 36px;
	width: 75%;
	top: -2px;
	text-align: center;
}

#scrollable_1 .showing_warehouse td.td_delivery_line_purchased input{
/*	height: 54px;*/
	height: 52px;
}

#scrollable_1 td.td_delivery_line_purchased input, 
#scrollable_1 td.td_delivery_line_received input, 
.overlay-right tr td select{
	top: -2px;
}

.td_order_dispatched{
	position: relative;
}

.duplicate{
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(50%);
	transform: translateY(-50%);
	background: url(/images/duplicate.png) center center no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	padding: 10px;
}

.package_row.hover + tr,
.package_parent.hover + tr{
	background: #f3f3f3;
}

.order-info .new_order{
	font-size: 14px;
	font-weight: 600;
}

#table_main .th_order_date{
	width: 115px !important;
}

#table_main .th_order_dispatched{
	width: 110px !important;
}

#table_main .th_order_number,
#table_main .th_order_total{
	width: 100px !important;
}

#table_main .th_order_number{
	width: 85px !important;
}

#table_main .th_order_channel{
	width: 118px !important;
}

#table_main .th_order_ref{
	width: 130px !important;
}

#scrollable_1 th.th_line_available{
	width: 60px !important;
	/* width: 65px !important; */
}

#scrollable_1 th.available_2dispatch{
	width: 75px !important;
	/* width: 80px !important; */
}

#scrollable_1 th.th_line_sent{
	width: 50px !important;
	/* width: 55px !important; */
}

#scrollable_1 th.th_line_price{
	width: 75px !important;
}

#scrollable_1 th.th_line_qty{
	width: 50px !important;
}

#scrollable_1 th.th_delivery_line_warehouse{
	width: 140px !important;
}

#scrollable_1 th.th_delivery_line_purchased,
#scrollable_1 th.th_delivery_line_received{
	width: 80px !important;
}

#scrollable_1 tbody td,
#scrollable_2 tbody td {
	font-size: 11px;
}


.order-totals {
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: wrap-reverse;
}

.order-totals .order-total {
	display: flex;
	align-items: flex-center;
	justify-content: space-between;
	width: 150px;
	padding: 2px;
}

.order-totals .order-total-bold {
	font-weight: bold;
    color: #1a1a1a;
    font-size: 11px;
}

/* .order-totals .order-balance ~ .order-total {
	color: #aaa;
} */

.split table.scrollable .package_parent + tr td,
.split table.scrollable .package_row:not(.package_row_last) + tr td{
/*	border: none;*/
}

tr.loading,
tr.loading:hover{
	background: url(/images/spinner.gif) center center no-repeat;
	background-size: 30px 30px;
}

tr.loading td{
	height: 40px;
}

#table_main tr.selected{
	background: #d8d8d8 !important;
}

.overlay-content.loading{
	background: url(/images/spinner.gif) 10px 10px no-repeat;
	background-size: 30px 30px;
}

.info-overlay.loading .overlay-icons{
	display: none;
}

.package_row td,
.package_row + tr td{
	background: #fff;
}

td.mobile_show{
	display: none;
}

.search_btn{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 20px;
	width: 20px;
}

.search_btn svg{
	fill: #fff;
	cursor: pointer;
}

.overlay-upper{
	position: absolute;
	top: 0px;
	right: 0;
	width: 80px;
	/* z-index: 999999; */
	z-index: 1000;
	background: #fff;
	height: 15px;
	padding: 14px 0 14px 10px;
}

.order-info.mobile,
.delivery-info.mobile,
.product-info.mobile,
.query-info.mobile{
	display:none;
}

.th_title_mobile{
	display: none;
}

.content_main_margin,
.overlay-content{
	-webkit-overflow-scrolling: touch;
}

.overlay-content input, 
.overlay-content select,
.overlay-content textarea{
	border-radius: 0; 
}

.td_line_sent{
	font-weight: 600;
}

.loading_overlay{
	color: #aaa;
	padding: 10px; 
	text-align: center;
}

tr.loading,
tr.loading td{
	border: none !important;
}
.split table.scrollable .search_row + tr td{
	border-bottom: 1px solid #e0e0e0;
}

.split table.scrollable .search_row:last-child + tr td{
	border-bottom: 1px solid #ccc;
}

.split table.scrollable .search_row + tr td:first-child{
	border-left: 1px solid #ccc;
}

.split table.scrollable .search_row + tr td:last-child{
	border-right: 1px solid #ccc;
}

.split table.scrollable .search_input_row:hover + tr td{
	background: #fff !important;
}

.switch--container input[type="checkbox"]:disabled ~ .slider{
	background: #e8e8e8;
}

.switch--container{
	transition: .3s ease;
	
}

.switch--container.disabled label{
	color: #ccc;
}

.search_input_row .td_line_code.loading .clear{
	display: none !important;
}

.search_input_row .td_line_code.loading .sku{
	background-image: url(/images/spinner.gif);
	background-position: right 10px center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

.overlay-right .btns.mobile{
	display: none;
	border-top: none;
}

.input_container.account.loading #account{
	background: url(/images/spinner.gif) right 5px center no-repeat;
	background-size: 15px 15px;
}

.input_container.account.loading .clear{
	display: none !important;
}

.search_row.no_results{
	height: 0;
	line-height: 0;
}

.search_row.no_results + tr td{
	padding: 5px !important;
}

.search_input_row td.td_line_code{
	border: 1px solid #ff1759 !important;
}

.search_input_row .sku{
    height: 41px;
    line-height: 40px;
    padding: 0 8px;
    margin-top: -1px;
    position: absolute;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border: none;
}

.search_input_row,
.search_input_row td{
	height: 40px !important;
	overflow: hidden;
}

.search_input_row,
.search_input_row td.td_line_code{
	height: 60px !important;
	border: none !important;
}

.search_input_row:hover td{
	background: #fff !important;
}

.search_input_row td .sku{
	border: 1px solid #ff1759;
}

.search_input_row .sku{
	height: 40px;
	line-height: normal;
	padding: 0 8px;
	position: relative;
	top: 28px;
	bottom: auto;
	right: auto;
	left: -8px;
}

.overlay-right .search_input_row .clear{
	right: 5px;
    margin-top: 10px;
}

.search_input_row.has_results .sku,
.search_input_row.has_results td{
/*	border-bottom: 1px solid #e0e0e0 !important;*/
/*	border-bottom-color: #e0e0e0;*/
}

.search_row td:last-child, 
.search_row_lower td:last-child{
/*	border-right: 1px solid #ff1759 !important;*/
}

.search_row td:first-child,
.search_row_lower td:first-child{
/*	border-left: 1px solid #ff1759 !important;*/
}

.search_row_lower:last-child td{
/*	border-bottom: 1px solid #ff1759 !important;*/
}

.processed_date.mobile{
	display: none;
}

.search_row td:first-child::before, 
.search_row_lower td:first-child::before{
	content: "";
	position: absolute;
	left: -1px;
	top: -3px;
	bottom: -1px;
	width: 1px; 
	background: #ff1759;
}

.search_row td:last-child::after,
.search_row_lower td:last-child::after{
	content: "";
	position: absolute;
	right: -1px;
	top: -3px;
	bottom: -1px;
	width: 1px;
	background: #ff1759
}

.split table tr td{
	-webkit-tap-highlight-color: transparent;
}

.split table tr{
/*	-webkit-tap-highlight-color: red;*/
}

#sidebar-inner{
	overflow-x: hidden;
	overflow-y: auto;
}

.warehouse_label{
	color: #aaa;
}

.th_delivery_line_received span.mobile_show{
	display: none;
}

#one th.th_delivery_number{
	width: 85px !important;
}

#one th.th_delivery_status{
	width: 95px !important;	
}

#one th.th_delivery_purchase_date,
#one th.th_delivery_expected_date{
	width: 100px !important;
}

#one th.th_delivery_received{
	width: 98px !important;
}

/*
#table_main.products_table td span,
#table_main.products_table td{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

#one td.td_product_duplicate{
	position: relative;
	padding: 0 !important;
}

#one td.td_product_duplicate .duplicate{
	right: -8px;
}

#one th.th_product_duplicate{
	width: 15px !important;
}

#one th.th_product_forecast{
	width: 90px !important;
}

#one th.th_product_30_day,
#one th.th_product_7_day,
#one th.th_product_available,
#one th.th_product_in_stock,
#one th.th_product_awaiting_delivery,
#one th.th_product_60_day{
	width: 60px !important;
}

#one th.th_product_awaiting_delivery{
	width: 70px !important;
}

#one th.th_product_variants{
	width: 130px !important;
}

#one th.th_product_sku{
	width: 100px !important;
}

#one th.th_query_id,
#one th.th_query_qty {
	width: 80px !important;
}

#one th.th_query_date {
	width: 100px !important;
}

#one th.th_query_location,
#one th.th_query_barcode {
	width: 150px !important;
}

#one th.th_product_forecast,
#one th.th_product_30_day,
#one th.th_product_7_day,
#one th.th_product_available,
#one th.th_product_in_stock,
#one th.th_product_awaiting_delivery,
#one td.td_product_forecast,
#one td.td_product_30_day,
#one td.td_product_7_day,
#one td.td_product_available,
#one td.td_product_in_stock,
#one td.td_product_awaiting_delivery,
#one th.th_product_60_day{
	text-align: center;
}

.stock_table th.th_stock_event{
	width: 150px !important;
}

.stock_table th.th_stock_qty{
	width: 60px !important;
}

.stock_table th.th_stock_date{
	width: 120px !important;
}

.stock_table td span{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.input_container.full.editable select,
.input_container.full.editable input{
	/* width: calc(100% - 50px); */
	width: 100%;
	z-index: 9999;
}

.input_container.editable .btns{
	float: right;
	width: 50px;
	height: 25px;
	margin: 0;
	padding: 0;
	bottom: 0;
}

.input_container.editable .btn{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 26px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	box-sizing: border-box;
	position: absolute;
	line-height: 25px;
	text-align: center;
	font-size: 18px;
	color: #777777; 
	font-weight: 600;
}

.input_container.editable .btn:first-child{
	left: -1px;
}

.input_container.editable .btn:last-child{
	right: 0;
	left: auto;
}

.input_container.editable .btn.edit,
.input_container.editable #account ~ .btns .btn.edit{
	background-image: url(/images/pencil.png);
	background-size: 11px 11px;
	background-repeat: no-repeat;
	background-position: center center;
}

.input_container.editable .btn.edit:not(.disable):hover,
.input_container.editable #account ~ .btns .btn.edit:not(.disable):hover{
	background-image: url(/images/pencil-red.png);
	background-size: 11px 11px;
	background-repeat: no-repeat;
	background-position: center center;
}

.input_container.editable .btn.add:hover,
.input_container.editable #account ~ .btns .btn.add:hover{
	color: #ff1759;
}

.input_container.editable .btns .btn,
.account .clear{
	transition: .3s ease;
}

.mow_contact_overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99999;
}

.mow_contact_container{
	position: absolute;
	background: #fff;
	padding: 25px;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90%;
	max-width: 700px;
	max-height: calc(100% - 80px);
	overflow: auto;
	margin: 40px 0;
	box-sizing: border-box;
}

.mow_contact_container .left{
	position: relative;
	float: left;
	width: 50%;
	margin: 0;
	box-sizing: border-box;
}

/*
.mow_contact_container .right{
	float: right;
	padding-left: 8px;
}
*/

.mow_contact_container .left{
/*	padding-right: 8px;*/
	width: 100%;
}

.mow_contact_container.loading{
	height: 481px;
	width: 95%;
	box-sizing: border-box;
/*
	background-color: #fff;
	background-image: url(/images/spinner.gif);
	background-size: 30px 30px;
	background-position: center 30px;
	background-repeat: no-repeat;
*/
	text-align: center;
	color: #aaa;
}

.mow_contact_overlay .container_title{
	padding: 0 0 10px;
	font-size: 16px;
	font-weight: 600;
}

.mow_contact_overlay .overlay-btns{
	height: 30px;
	margin-top: 25px;
}

.mow_contact_overlay .overlay-btns .btn{
	height: 30px;
	line-height: 28px;
	padding: 0 20px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	transition: .3s ease;
}

.mow_contact_overlay .overlay-btns .save,
.mow_contact_overlay .btn-red{
	background: #ff1759;
}

.mow_contact_overlay .overlay-btns .save:hover,
.mow_contact_overlay .btn-red:hover{
	background: #d41149;
}

.mow_contact_overlay .btn {
	height: 30px;
    line-height: 28px;
    padding: 0 20px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: .3s ease;
}

.overlay-filters input[type="text"] {
	border-radius: 0;
}

.mow_contact_overlay .overlay-filters {
	display: flex;
	justify-content: space-between;
}

.mow_contact_overlay .overlay-btns .cancel{
	background: #a4a4a4;
	float: right;
}

.mow_contact_overlay .overlay-btns .cancel:hover{
	background: #7c7c7c;
}

.mow_contact_overlay .inline-items{
	float: right;
	margin-top: -40px;
}

.mow_contact_overlay .switch--before{
	padding-right: 5px;
	display: inline-block;
}

.mow_contact_overlay label.switch{
	margin-right: 0;
}

.overlay-table {
	margin: 25px 0;
	max-height: 450px;
	overflow-y: auto;
}

.overlay-table table {
	width: 100%;
}

.overlay-table th {
	padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.overlay-table th:hover,
.overlay-table tr:hover th {
	background: #f3f3f3;
}

.overlay-table td {
	padding: 4px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 11px;
	cursor: pointer;
}

.overlay-table tr.selected td {
	background: #d8d8d8 !important;
	border-top: 1px solid #ff1759;
	border-bottom: 1px solid #ff1759;
}

.overlay-table tr.selected td:first-child {
	border-left: 1px solid #ff1759;
}

.overlay-table tr.selected td:last-child {
	border-right: 1px solid #ff1759;
}

.images-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.images-container .image-container {
	padding: 5px;
}

table:not(.delivery-table):not(.order-table):not(.account-table):not(.details-table) td,
table.order-table .search_row td,
table.order-table .search_row_lower td{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.overlay-right .stock_table td.td_no_results{
	padding-bottom: 5px;
}

#one th.th_contact_account_no{
	width: 110px !important;
}

#one th.th_contact_phone{
	width: 120px !important;
}

.contact_type_container{
	display: inline-block; 
	vertical-align: middle;
	margin: -7px 0 0 10px;
	padding: 0;
}

.order-tabs .order-tab{
	display: inline-block;
	padding: 0;
	height: 22px;
	line-height: 22px;
	text-align: center;
	width: 100px;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-bottom: -1px;
	font-size: 11px;
	box-sizing: border-box;
	color: #a9a9a9;
}

.order-tabs .order-tab.sel{
	border-bottom: 1px solid #fff;
	color: #2d2d2d;
	font-weight: 500;
}

.order-tabs{
	margin: 10px 0 -10px;
	border-bottom: 1px solid #ccc;
	padding: 0;
}

.order-tab-content:not(.sel){
/*	display: none;*/
}

th.th_dispatch_no{
	width: 90px !important;
}

th.th_dispatch_processed{
	width: 118px !important;
}

.overlay-right table#scrollable_2 tbody tr td{
	padding-bottom: 5px;
}

td.td_product_forecast,
td.td_delivery_receieved{
	position: relative;
}

.split table.scrollable tbody tr.dispatch_line_row{
	color: #a5a5a5;
	height: 0;
	overflow: hidden;
	transition: .3s ease;
}

.split table.scrollable tbody tr.dispatch_line_row.show{
	height: 40px;
}

.overlay-right table.scrollable tr.dispatch_line_row td{
	padding: 3px 8px;
}

.overlay-right table.scrollable tr.dispatch_line_row td:first-child{
	padding-left: 25px;
	height: 0;
}

.btn.edit.disable::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #dedede;
    opacity: 0.6;
}

.header-right input,
.header-right .right{
	display: inline-block;
}

.header-right .right .btn{
	background: #ce1449;
	display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
    transition: .3s ease;
    font-size: 14px;
    margin-left: 10px;
}

.header-right .right .btn:hover{
	background: #c31446;
}

.header-right .switch--container{
	margin-right: 10px;
}

.header-right input + .slider{
/*	background-color: #ff8eae;*/
	background-color: #ce1449;
}

.header-right input:checked + .slider{
	background-color: #ff6b95;
}

.header-right .switch--before{
	margin-right: 5px;
	font-size: 14px;
}

body.order .content_container,
body.delivery .content_container,
body.product .content_container,
body.contact .content_container,
body.queries .content_container{
	padding-top: 0px;
/*	margin: 0 -15px 0 -22px;*/
}

body.order:not(.content_split) .content_container, 
body.delivery:not(.content_split) .content_container, 
body.product:not(.content_split) .content_container, 
body.contact:not(.content_split) .content_container,
body.queries:not(.content_split) .content_container {
	margin: 0 -30px 0 -38px;
}


/*
.content_split .content_container{
	margin: 0 -15px 0 0  !important;
}
*/

/* Agreements */
.notification-container {
	margin: 10px;
}

.notification-container .notification {
	border: 1px solid #d4d4d4;
}

tr td.td_no_results{
	padding: 10px 0 !important;
	text-align: center;
}

.header-right input[type='text']{
	background: transparent;
	color: #e8e8e8;
	border: 1px solid #e8e8e8;
}

.header-right ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #e8e8e8;
}
.header-right ::-moz-placeholder { /* Firefox 19+ */
  color: #e8e8e8;
}
.header-right :-ms-input-placeholder { /* IE 10+ */
  color: #e8e8e8;
}
.header-right :-moz-placeholder { /* Firefox 18- */
  color: #e8e8e8;
}

.input_container_inner_right.size{
	width: calc(100% - 82px);
	float: right;
}

.input_container_inner_left.weight{
	width: 65px;
	float: left;
}

.mow-notes__container{
	border: 1px solid #ccc;
}

.mow-notes__container *{
	box-sizing: border-box;
}

.mow-note,
.mow-notes__lower{
	padding: 8px;
}

.mow-notes__lower{
	padding-top: 0;
}

.mow-note,
.mow-notes__inner{
	border-bottom: 1px solid #ccc;
}

.mow-notes__inner{
	max-height: 150px;
	overflow-y: auto;
}

span.mow-notes__note{
	display: block;
}

.mow-notes__new textarea{
	resize: none;
	height: 50px;
	width: 100%;
	border: none;
	padding: 8px;
}

.mow-notes__name{
	font-weight: 600;
}

.mow-notes__date{
	float: right;
}

.mow-notes__note{
	padding-top: 2px;
	overflow: hidden;
	text-emphasis: ellipsis;
}

.mow-notes__submit{
	float: right;
	padding: 0 15px;
	height: 24px;
	line-height: 25px;
	background: #ff1759;
	color: #fff;
	border-radius: 3px;
	transition: .3s ease;
	cursor: pointer;
}

.mow-notes__submit:hover{
	background: #d4134a;
}

.mow-notes__user{
	font-size: 14px;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
}

.mow-notes__name,
.mow-notes__date{
	font-size: 11px;
}

.mow-notes__note{
	font-size: 12px;
}

.mow-note:last-child{
	border-bottom: 0;
}

span.table-header__row{
	float: left;
	text-align: center;
/*
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
*/
	box-sizing: border-box;
	padding: 4px;
	font-weight: 600;
	font-size: 14px;
}

/*
span.table-header__row#forecast_stock{
	border-right: 1px solid #ccc;
}
*/

.table-header, 
.table-header ~ table thead,
.table-header ~ table thead tr:hover th{
/*	background: #e6e6e6;*/
/*	background: #eaeaea;*/
/*	background: #f5f5f5;*/
	background: #f3f3f3;
	cursor: default;
}

.table-header__row#product_details{
	padding-left: 10px;
	text-align: left;
}

.table-header ~ table thead th{
	padding-top: 6px;
	padding-bottom: 6px;
}

.table-header ~ table tbody tr:nth-child(2n + 2) td{
/*	background: #eaeaea;*/
/*	background: #f5f5f5;*/
}

/*
.table-header ~ table thead th:first-child{
	border-left: 1px solid #ccc;
}

.table-header ~ table thead th:last-child{
	position: relative;
}

.table-header ~ table thead th:last-child::after{
	content: "";
	position: absolute;
	right: 1px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #ccc;
}
*/

table tr.no_results_parent:hover{
	background: transparent !important;
	cursor: default;
}

.search-box__container{
	display: inline-block;
	position: relative;
}

.search-box__container input[type="submit"]{
	position: absolute;
	-webkit-appearance: none;
	background: url(/images/icn_search.png) center center no-repeat;
	color: transparent;
	border: none;
	top: 4px;
	right: 2px;
	margin: 0;
	padding: 0;
	height: 28px;
	width: 29px;
}

.delivery-to__container{
	padding: 10px;
	border: 1px solid #ccc;
}

.delivery-to__container a{
	cursor: pointer;
}

.delivery-to__hidden{
	display: none;
}

.delivery-to__title{
	font-size: 13px;
	font-weight: 600;
}

#table_main thead th:first-child,
#table_main tbody tr td:first-child{
	padding-left: 20px;
}

#table_main thead th:last-child,
#table_main tbody tr td:last-child{
	padding-right: 20px;
}

.table-header__row#product_details{
/*	padding-left: 0;*/
}

.account-select{
/*
	padding-top: 20px;
	padding-left: 38px;
*/
}

.delivery .account-select,
.order .account-select,
.contact .account-select,
.product .account-select{
	padding-top: 25px;
	padding-left: 38px;
}

.dispatch_dashboard .account-select{
/*	padding-top: 15px;*/
}

.panel-header-new-btn{
	background: #ce1449;
	cursor:pointer;
}

.panel-header-new-btn:hover{
	background: #c31446;
}

.products_table th:first-child{
	padding-left: 10px;
}

.link_mow_account{
	padding: 15px;
	margin: 0 0 15px;
	font-size: 14px;
}

.link_mow_account select{
	margin-right: 5px;
}

.link_mow_account .select2 {
	width: 300px !important;
	height: 34px;
}

.link_mow_account .select2-container .select2-selection--single{
	height: 32px;
}

.link_mow_account .select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-top: 0;
}

.link_mow_account .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 30px;
}

.mow_payment_overlay .input_container {
	width: 100%;
}

.mow_payment_overlay input[type='text'],
.mow_payment_overlay select {
	width: 100%;
	border-radius: 0;
}

.mow_payment_overlay .flex .input_container {
	padding-bottom: 6px;
}

.mow_payment_overlay .flex .input_container:first-child {
	padding-right: 3px;
}

.mow_payment_overlay .flex .input_container:last-child {
	padding-left: 3px;
}

.mow_payment_overlay .payment_amount {
	font-size: 14px;
    margin: 0px 0 -7px;
}

.mow_payment_overlay .payment_amount span {
	color: #555;
	padding-left: 5px;
}

.mow_invoice_overlay .invoice_detail {
	font-size: 14px;
}

.mow_invoice_overlay .invoice_detail span {
	padding-left: 5px;
}

.mow_payment_overlay .flex-center {
	align-items: center;
}

.mow_payment_overlay .payment-error,
.mow_invoice_overlay .invoice-error {
	padding: 10px;
    background: #db5656;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
}

.mow_payment_overlay .payment-success,
.mow_invoice_overlay .invoice-success {
	background-color: #3ea23e;
}

.mow_payment_overlay .btn.loading,
.mow_invoice_overlay .btn.loading {
	background-image: url(/images/spinner-v6.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    color: transparent;
    pointer-events: none;
}

.mow_payment_success .payment-text,
.mow_invoice_success .invoice-text {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}

.mow_payment_success .overlay-btns,
.mow_invoice_success .overlay-btns {
	text-align: center;
}

.mow_payment_success .overlay-btns .btn,
.mow_invoice_success .overlay-btns .btn {
	float: none;
    margin: 0 auto;
}

.payment-method .input-cont input,
.payment-method .input-cont select,  
.payment-method #card-number, 
.payment-method #cvv, 
.payment-method #expiration-date {
	width: 100%;
    padding: 20px 8px 8px 10px;
    color: #222;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #e5e5e5;
    height: 40px;
    background: #fff;
}

.payment-method .input-label {
	font-size: 10px;
	top: 5px;
}

.payment-method .dropdown-cont label {
	top: 5px;
}

.payment-method #card-number, 
.payment-method #cvv, 
.payment-method #expiration-date {
	padding: 0px 0px 0px 0px
}

.payment-method .input-cont select {
	padding: 17px 8px 6px 4px;
}

@media screen and (max-width: 1320px) {
	.release--container{
		margin-right: 10px;
	}
	
	.page_form.order > .btns .btn{
		padding: 0 15px;
		height: 28px;
		line-height: 28px;
	}
}

@media screen and (min-width: 840px) {
	.split.full{
/*		right: -35px;*/
		right: 0;
	}
}

@media screen and (max-width: 1280px) and (min-width: 840px){
	.split table.scrollable .td_order_total,
	.split table.scrollable .th_order_total{
		display: none;
	}
}

@media screen and (max-width: 1100px) and (min-width: 840px){
	.split table.scrollable .td_order_channel,
	.split table.scrollable .th_order_channel{
		display: none;
	}
}

@media screen and (max-width: 1023px) and (min-width: 840px){
	#table_main.orders_table td.mobile_show{
		display: table-cell;
	}
	
	#table_main.orders_table th:not(.mobile_show),
	#table_main.orders_table td:not(.mobile_show){
		display: none;
	}
	
	#table_main.orders_table .th_order_number,
	#table_main.orders_table .td_order_id{
		width: 120px !important;
	}
	
	#table_main.orders_table .th_order_dispatched,
	#table_main.orders_table .td_order_dispatched{
		width: 200px !important;
	}
	
	.deliveries #table_main td{
		font-size: 11px;
	}
	
	#table_main th.th_delivery_purchase_date,
	#table_main td.td_delivery_purchase_date{
		display: none;
	}
}

@media screen and (max-width:900px) and (min-width: 840px){
	#table_main th.th_delivery_expected_date,
	#table_main td.td_delivery_expected_date{
		display: none;
	}
}

@media screen and (max-width: 1700px){
	.overlay-left{
		max-width: 500px;
		width: 35%;
	}
	
	.overlay-right{
		width: 60%;
	}
}

@media screen and (max-width: 1600px){
	.overlay-left{
		width: 40%;
	}	
	
	.overlay-right{
		width: 55%;
	}
}
@media screen and (max-width: 1480px){
	.order-info{
		position: relative;
		top: auto;
		transform: none;
	}
	
	.switches{
		float: none;
	}
}

@media screen and (max-width: 1400px){

	#table_main .th_order_status{
		width: 188px !important;
	}
	
	.inline-items.switches .switch--container:first-child{
		margin-right: 10px;
	}

	.inline-items .switch--container label{
		margin-right: 1px;
	}
	
}

@media screen and (max-width: 1350px){
	.channel_block .input_container_inner_left{
		width: 38%;
	}
	
	.channel_block .input_container_inner_right{
		width: 60%;
	}
}

@media screen and (max-width: 1300px){
	
	#one th.th_product_7_day,
	#one td.td_product_7_day{
		display: none;
	}
	
	#sidebar{
		padding-bottom: 0;
	}
}

@media screen and (max-width: 1200px){
	#header img{
		width: 163px;
	}
	
	.account-select{
		padding-left: 28px;
	}
	
	.overlay-left{
		width: 48%;
	}
	
	.overlay-right{
		width: 51%;
	}
	
	body.order:not(.content_split) .content_container, 
	body.delivery:not(.content_split) .content_container, 
	body.product:not(.content_split) .content_container, 
	body.contact:not(.content_split) .content_container,
	body.queries:not(.content_split) .content_container{
		margin: 0 -20px 0 -28px;
	}
}

@media screen and (max-width: 1150px){
	.overlay-content .btn.process + .btn.save{
		clear: both;
	}
	
	.overlay-content .btn.process{
		margin-right: 7px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1100px){
	#one th.th_product_30_day,
	#one td.td_product_30_day,
	#one th.th_product_60_day,
	#one td.td_product_60_day,
	#one td.td_product_forecast,
	#one #forecast_stock{
		display: none !important;
	}
}

@media screen and (max-width: 1024px){
	#one th.th_product_awaiting_delivery,
	#one td.td_product_awaiting_delivery{
		display: none;
	}
	
	.split table tr:hover{
		background: transparent;
	}
	
/*
	.switch--container .release--container{
		margin-top: -4px;
	}
	
	.switch--container .switch--before{
		margin-top: 2px;
	}
*/
	
	.loading_overlay{
/*		margin-top: 40px;*/
	}
	
	.content_split .content_container{
		width: auto;
		right: -20px;
		left: -28px;
		padding: 0 20px;
	}
	
	.split.full{
		right: 0px;
		left: 0px;
	}
	
	.overlay-content{
		margin: 0 20px;
	}
	
	.overlay-upper{
		width: 100%;
		box-sizing: border-box;
		height: 40px;
		padding: 10px 20px;
/*		border-bottom: 1px solid #ff1759;*/
	}
	
	.overlay-upper:not(:empty)::after{
		content: "";
		position: absolute;
		bottom: 0;
		right: -20px;
		left: -20px;
		height: 1px; 
		background: #ff1759;
	}
	
	.overlay-close{
		margin-top: 2px;
	}
	
	.search-box__container #search{
		width: 150px;
	}
	
	.overlay-left, 
	.overlay-right{
		width: 100%;
		max-width: 100%;
		height: 50%;
		position: relative;
	}
	
	.overlay-right{
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.overlay-left .grid-line{
		max-width: 100%;
	}
	
	.overlay-left{
		padding-right: 18px;
		padding-top: 30px;
	}
	
	.info-overlay .overlay-content{
		padding: 0 0 30px 0;
	}
	
	html,
	body{
		height: auto;
	}
	
	.grid{
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		padding-right: 25px;
	}
	
	.overlay-left{
		height: auto !important;
	}

	.overlay-upper{
		right: 0;
		padding-right: 10px;
	}
	
	.overlay-upper .overlay-icons{
		display: none;
	}

	.overlay-right .btns.mobile{
		display: block;
	}
	
	.overlay-content .btns:not(.mobile){
		display: none;
	}
	
	.overlay-content .input_container.editable .btns{
		display: block;
	}
	
	.split table.scrollable#scrollable_1,
	.split table.scrollable#scrollable_2{
/*		margin-bottom: 30px;*/
	}
	
	.overlay-right .search_input_row .clear{
		height: 15px; 
		width: 15px;
		background-size: 15px 15px;
/*		right: 20px;*/
	}
	
	.processed_date:not(.mobile){
		display: none;
	}
	
	.processed_date.mobile{
		display: block;
		float: right;
		margin-top: 12px;
	}
	
	.overlay-upper{
		padding-bottom: 6px;
	}
	
	.overlay-right table{
		overflow: hidden;
	}
	
	.overlay-right table tr .td_line_qty input,
	.overlay-right table tr .td_line_qty input[type="text"]{
		-webkit-appearance: none;
	}
	
	.btns.mobile{
		padding-bottom: 25px;
	}
	
	.split table.scrollable tbody{
		height: auto !important;
		margin-bottom: 30px;
	}
	
	.split table.scrollable#scrollable_1 tbody{
		margin-bottom: 150px;
	}
	
	.overlay-right{
		height: auto !important;
	}
	
	html{
		overflow: auto;
	}
	
	#sidebar{
		padding-bottom: 0;
	}
	
	.order-info.mobile,
	.delivery-info.mobile,
	.product-info.mobile,
	.query-info.mobile{
		display: inline-block;
		padding: 1px 0 5px;
	}
	
	.loading_overlay{
		z-index: 999999;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 5px;
	}
	
	.info-overlay .overlay-content{
		margin-top: 30px;
	}

	.overlay-right{
		margin-bottom: 50px;
	}
	
	.order-info:not(.mobile),
	.delivery-info:not(.mobile),
	.product-info:not(.mobile),
	.query-info:not(.mobile){
		display: none;
	}
}

@media screen and (max-width: 950px){
	.search-box__container #search{
		width: 190px;
	}
	
	.content-upper{
		padding-top: 10px;
	}
}

@media screen and (max-width: 900px){
	#one th.th_product_forecast,
	#one td.td_product_forecast{
		display: none;
	}
}

@media screen and (max-width: 860px){
	.contact_type_container .switch--container{
		margin-right: 15px;
	}
}

@media screen and (max-width: 840px){
	.overlay-right .grid-item.no-table {
		margin-bottom: 20px;
	}

/*
	#one th.th_product_awaiting_delivery,
	#one th.th_product_forecast,
	#one td.td_product_awaiting_delivery,
	#one td.td_product_forecast{
		display: table-cell;
	}
	
*/
	.table-header{
/*		display: none;*/
	}
	
	body.order:not(.content_split) .content_container, 
	body.delivery:not(.content_split) .content_container, 
	body.product:not(.content_split) .content_container, 
	body.contact:not(.content_split) .content_container,
	body.queries:not(.content_split) .content_container{
		margin: 0;
	}
	
	.off-canvas-wrap, .off-canvas-slide, #container, #midsection, #content_main, .content_main_margin{
		height: 100% !important;
/*		min-height: 0 !important;*/
	}
	
	.loading_overlay{
		position: relative;
	}

	.split table.scrollable tbody{
		margin-bottom: 60px;
	}
	
	.overlay-content .btn.process + .btn.save{
		clear: none;
	}
	
	body.order .content_container, 
	body.delivery .content_container, 
	body.product .content_container, 
	body.contact .content_container,
	body.queries .content_container{
		margin: initial;
	}
	
	#one th.th_product_variants {
		width: 120px !important;
	}
	
	#header .logo{
		background: url(/images/login-logo-2dispatch.png);
		background-size: 100% 100%;
		height: 37px;
		width: 27px;
		margin: 12px auto;
	}
	
	.product .content_container,
	.delivery .content_container,
	.order .content_container,
	.contact .content_container,
	.queries .content_container,
	.content_split .content_container{
		top: 115px;
		padding: 20px 0 0;
		width: auto;
		box-sizing: border-box;
		width: 100%;
	}
	
	.content_split .content_container{
		right: 0;
		left: 0;
	}
	
	.overlay-content{
		margin: 0;
	}
	
	.content-upper{
		padding: 0 15px 10px;
	}
	
	.split.full{
/*
		left: 0px;
		right: 17px;
		right: 0;
		top: 122px;
		padding-left: 0px;
*/
	}
	
	.content_split .content-inner{
		overflow: visible;
	}
	
	#table_main tr td{
		font-size: 10px;
		padding: 4px 3px;
	}
	
	#table_main tr th{
		font-size: 12px; 
		padding: 3px 8px;
/*		padding: 3px 3px;*/
	}
	
	#table_main .th_order_status{
		width: 150px !important;
	}
	
	#table_main .th_order_channel{
		width: 100px !important;
	}
	
	#table_main .th_order_date,
	#table_main .th_order_dispatched{
		width: 90px !important;
	}
	
	#table_main .th_order_date{
		width: 98px !important;
	}
	
	#table_main .th_order_number, 
	#table_main .th_order_total{
		width: 65px !important;
	}
	
	#table_main .th_order_total,
	#table_main .td_order_total{
		display: none;
	}
	
	.overlay-right table.scrollable tbody{
		height: auto !important;
	}
	
	.overlay-left{
		padding-right: 0;
	}

	.overlay-left,
	.overlay-right,
	.split.full{
		height: auto !important;
	}
	
/*
	.content_split .grid,
	.content_split .content_container{
		height: auto !important;
	}

	.grid{
		overflow-y: visible;
	}
*/
	
/*
	.content_split #two{
		overflow: visible;
	}
*/
	
	html{
		height: 100%;
		overflow: auto;
	}
	
	body{
		height: auto;
		min-height: 100%;
	}
	
	
	body.product,
	body.order,
	body.delivery, 
	body.contact,
	body.queries{
		overflow: hidden;
		height: 100%;
	}
	
	.overlay-content .btns{
		left: 0;
		bottom: 0;
		/* background: #fff; */
		padding: 5px 10px 0;
		border-top: 1px solid #aaa;
		z-index: 999999999;
		position: absolute;
	}

	.overlay-right{
		margin-bottom: 0;
	}
	
	.overlay-content .input_container.editable .btns{
		left: auto;
		border: none;
		height: 28px;
	}
	
	.overlay-content .input_container.editable .btns .btn{
		line-height: 26px;
	}
	
	.split table.scrollable#scrollable_1,
	.split table.scrollable#scrollable_2{
/*		margin-bottom: 50px;*/
	}
	
	.overlay-content .btn.process, 
	.overlay-content .btn.save{
		height: 32px;
		line-height: 32px;
		font-size: 13px;
		padding: 0 15px;
		margin-right: 0;
	}
	
	.overlay-content .btn.process{
/*		float: right;*/
		margin-left: 10px;
	}
	
	.info-overlay .overlay-content{
		padding-bottom: 50px;
		overflow-y: scroll;
		overflow-x: hidden
	}
	
	.overlay-content form{
		padding-bottom: 120px;
	}
	
	::-webkit-scrollbar {
		display: none;
	} 
	
	.content_split .grid-item,
	.overlay-upper{
		padding: 0 2.5%;
	}
	
	.content-upper .btn.add_order{
		display: none;
	}
	
	#search{
		width: 100%;
		box-sizing: border-box;
	}
	
	.content_container{
		padding: 10px 0 0;
	}
	
	.content-upper{
		padding: 10px 10px 10px;
		overflow: hidden;
		transition: .5s ease;
		box-sizing: border-box;
		display: none;
		text-align: center;
	}
	
	.content-upper.show{
/*		padding: 0 10px 10px;*/
	}
	
	.content-upper .switch--container{
		margin: 0 10px 10px 0;
	}

	.contact_type_container{
		margin: 6px 0 0 0;
	}
	
	.search_btn{
		display: inline-block;
		right: 0;
		left: auto;
	}
	
	.header-right{
		display: none;
	}
	
	.overlay-content .btns label.switch{
		margin-top: 2px;
	}

	.overlay-content .switch--container{
		margin-top: 6px;
		margin-right: 0;
	}

	.split.full{
		top: -54px;
	}
	
	.overlay-content{
		margin-top: 40px;
	}
	
	.order-info,
	.delivery-info,
	.product-info,
	.query-info{
		display:none;
	}
	
	.order-info.mobile,
	.delivery-info.mobile,
	.product-info.mobile,
	.query-info.mobile{
		display: inline-block;
		padding: 0;
		font-size: 12px;
	}
	
	.overlay-upper{
		top: 0;
		left: 0;
		right: 0;
		height: 40px;
		background: #ff1759;
		width: auto;
		box-sizing: border-box;
		line-height: 40px;
		color: #fff;
		z-index: 9999999999;
	}

	.overlay-upper .overlay-close{
		margin-top: 3px;
	}
	
	.icon-burger{
		margin-left: 0;
	}
	
	.mbl-request-btn{
		margin-right: 0;
	}
	
	.overlay-close{
		background-image: none;
	}
	
	.overlay-close svg{
		display: inline-block;
	}
	
	.content_container table:not(.products_table) thead tr th,
	.content_container table:not(.account_table) tbody tr td{
		background: #fff;
	}
	
	.overlay-content,
	.overlay-left{
		overflow: hidden !important;
	}

	.overlay-right{
		padding-bottom: 50px;
	}
	
	.input_container .input_container_inner_left.notes,
	.input_container .input_container_inner_right.notes{
		width: 100%;
	}
	
	.input_container_inner_left.notes textarea,
	.input_container_inner_right.notes textarea{
		height: 75px;
	}
	
	.input_container input, 
	.input_container select{
		font-size: 12px;
		padding: 3px 5px;
		height: 28px;
		line-height: normal;
	}
	 
	.country_container{
		bottom: -27px;
	}
	
	.account .clear{
		bottom: 4px;
		right: 51px;
		height: 10px;
		width: 10px;
		background-size: 10px 10px;
		padding: 5px;
	}
	
	.account .clear:hover{
		background-size: 10px 10px;
	}
	
	.input_container .dropdown-container{
		top: 42px;
	}
	
	.input_container .right.name{
		left: 65px;
	}
	
	th.th_dispatch_processed{
		width: 105px !important;
	}
	
/*
	th.th_dispatch_status{
		width: 
	}
*/
	
	.account-select{
		padding-top: 10px;
		padding-left: 20px;
	}
	
	.split table{
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
}

@media screen and (max-width: 750px){
	#table_main th.th_delivery_purchase_date, 
	#table_main td.td_delivery_purchase_date{
		display: none;
	}
	
	#one th.th_product_awaiting_delivery,
	#one td.td_product_awaiting_delivery{
		display: none;
	}
	
	#table_main .th_order_status{
		width: 120px !important;
	}
}

@media screen and (max-width: 700px){
	#table_main .td_order_channel,
	#table_main .th_order_channel{
		display: none;
	}
}

@media screen and (max-width: 668px){
	.panel-header-new{
		text-align: left;
	}
	
	.panel-header-new .panel-header-new-title .mow_label{
		font-size: 12px;
	}
	
	.panel-header-new-inner{
		padding: 5px 2.5%;
	}
	
	.panel-header-new .search_btn svg,
	.panel-header-new .search_btn{
		height: 18px;
		width: 18px;
	}
	
/*

	.split.full{
		top: -15px;
	}
*/
	
	.account-select{
		padding: 8px 2.5%;
	}

}

@media screen and (max-width: 600px){
	body.queries #table_main tbody tr td:last-child {
		padding-right: 8px;
	}
	
	#one th.th_product_forecast,
	#one td.td_product_forecast{
		display: none;
	}
	
	#one th.th_query_id {
		width: auto !important;
	}

	#one th.th_product_sku {
		width: 85px !important;
	}	
	
	#one th.th_product_available, 
	#one th.th_product_in_stock {
		width: 60px !important;
	}
	
	#one th.th_product_variants {
		width: 110px !important;
	}
	
	#table_main td.mobile_show{
		display: table-cell;
	}
	
	#table_main:not(.products_table) th:not(.mobile_show),
	#table_main:not(.products_table) td:not(.mobile_show){
		display: none;
	}
	
	#table_main:not(.products_table)  thead,
	#table_main:not(.products_table)  thead th,
	#table_main:not(.products_table)  thead tr{
		opacity: 0;
		height: 0;
		padding: 0;
		line-height: 0;
	}
	
	#table_main tr.loading td{
		display: table-cell;
	}
	
	#table_main .th_order_number,
	#table_main .td_order_id{
		width: 80px !important;
		padding-left: 2.5%;
	}
	
	#table_main .th_order_dispatched,
	#table_main .td_order_dispatched{
		width: 108px !important;
		overflow: hidden; 
		white-space: nowrap
	}
	
	#table_main .td_order_dispatched div{
		position: absolute;
	}
	
	#table_main .td_order_dispatched div:first-child{
		top: 3px;
	}
	
	#table_main .td_order_dispatched div{
		max-width: 100px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	#table_main th.th_product_duplicate,
	#table_main td.td_product_duplicate,
	.table-header,
	.table-header ~ table th.th_product_in_stock.dispatch,
	.table-header ~ table td.td_product_in_stock.dispatch{
		display: none;
	}
	
	#table_main .td_order_dispatched div:last-child{
		bottom: 3px;
	}
	
	#table_main{
		height: auto !important;
	}
	
	.overlay-right table.scrollable tbody tr td,
	.overlay-right table.scrollable tbody tr td.td_line_title,
	.overlay-right table.scrollable thead th{
		padding-left: 3px;
		padding-right: 3px;
	}
	
	.overlay-right table.scrollable tbody tr.search_input_row td{
		padding-left: 8px;
		padding-right: 8px;
	}
	
	#scrollable_1 th.th_line_available,
	#scrollable_1 th.th_line_qty,
	#scrollable_1 th.th_line_sent,
	#scrollable_2 th.th_line_available,
	#scrollable_2 th.th_line_qty,
	#scrollable_2 th.th_line_sent{
		width: 30px !important;
		padding: 5px 0;
	}
	
	#scrollable_1 td.td_line_available,
	#scrollable_1 td.td_line_qty,
	#scrollable_1 td.td_line_sent,
	#scrollable_2 td.td_line_available,
	#scrollable_2 td.td_line_qty,
	#scrollable_2 td.td_line_sent{
		font-size: 10px;
		padding: 5px 0;
	}
	
	.overlay-right table.scrollable tr.package_row .td_line_code, 
	.overlay-right table.scrollable tr.package_row + tr td:first-child,
	.overlay-right table.scrollable tr.dispatch_line_row td:first-child{
		padding-left: 15px;
	}
	
	.content-inner{
		overflow: visible;
	}
	
	#table_main tbody{
		overflow: visible;
	}
	
	.content_main_margin{
		overflow: auto;
	}
	
	.content_container{
		padding-bottom: 270px;
	}
	
	.th_title_mobile{
		display: block;
	}
	
	.th_title_default{
		display: none;
	}
	
	.overlay-right table tr .td_line_qty input{
		top: 24px;
   		height: 54px;
		margin-left: -18px;
	}
	
	.search_input_row td{
		padding-top: 10px;
	}
	
/*
	tr + .search_input_row .sku{
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		position: relative;
		top: 28px;
		bottom: auto;
		right: auto;
		left: -3px;
	}

	.overlay-right tr + .search_input_row .clear {
		right: 5px;
	}
*/
	
	#one th.th_contact_account_no{
		width: 60px !important;
	}
	
	#one th.th_contact_name{
		width: 150px !important;
	}
	
	.overlay-right table.scrollable tr.dispatch_line_row td{
		padding: 3px;
	}
}

@media screen and (max-width: 500px){
	.split table.scrollable#scrollable_1 .th_line_qty,
	.split table.scrollable#scrollable_2 .th_line_qty{
		width: 40px !important;
	}
	
	.table-header{
		display: none
	}
	
	.table-header ~ table thead,
	.table-header ~ table thead th,
	.table-header ~ table thead tr:hover{
		background: #fff !important;
	}
	
	#one td.td_product_in_stock.dispatch,
	#one th.th_product_in_stock.dispatch{
		display: none;
	}
	
	.overlay-right table.scrollable tbody tr td{
		line-height: 12px;
	}
	
	#scrollable_1 td.td_delivery_line_purchased input,
	#scrollable_2 td.td_delivery_line_purchased input{
		height: 31px;
	}
	
	.stock_table th.th_stock_event {
		width: 130px !important;
	}
	
	.stock_table th.th_stock_date {
		width: 110px !important;
	}
	
	#scrollable_1 .showing_warehouse td.td_delivery_line_purchased input,
	#scrollable_2 .showing_warehouse td.td_delivery_line_purchased input{
		height: 41px;
	}
	
	#scrollable_1 .td_line_title span,
	#scrollable_2 .td_line_title span{
		max-width: 55%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#scrollable_1 th.th_delivery_line_purchased,
	#scrollable_2 th.th_delivery_line_purchased{
		width: 75px !important;
	}
	
	#scrollable_1 th.th_delivery_line_received,
	#scrollable_2 th.th_delivery_line_received{
		width: 60px !important;
	}
	
	.address-tabs .address_tab{
		font-size: 11px;
		width: 100px;
		padding: 0 4px;
	}
	
	.overlay-right table tr.top_row td{
		border-bottom: none;
		border-top: none;
	}
	
	.overlay-right table tr .td_line_qty input,
	.overlay-right table tr .td_line_qty input[type="text"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		top: 21px;
		height: 44px;
		margin: 0 0 0 -23px;
		line-height: normal !important;
	}
	
	#one th.th_delivery_number {
		width: 75px !important;
	}
	
	#one td.td_delivery_number{
		padding: 5px 3px 3px 8px;
	}
	
	.mow_contact_container{
		margin: 10px 0;
		max-height: calc(100% - 20px);
	}
	
	.split table.scrollable tbody tr.dispatch_line_row.show{
		height: 32px;
	}
	
	.order-table td.td_line_title,
	.order-table td.td_line_code,
	.order-table td.td_line_varient,
	.overlay-right table.dispatch-table td{
		font-size: 11px;
	}
	
	.overlay-right table.scrollable#scrollable_2 tbody tr td.td_line_title{
		padding: 0px 3px 3px;
	}
}

@media screen and (max-width: 480px){
	.overlay-content .btn.process{
		margin-right: 7px;
		margin-bottom: 10px;
	}
	
	.overlay-content .btn.process, 
	.overlay-content .btn.save{
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
	}
	
	.overlay-content .switch--container{
		margin-top: 2px;
	}
}

@media screen and (max-width: 450px){
	#one th.th_product_available,
	#one td.td_product_available{
		display: none;
	}
	
	.stock_table th.th_stock_comment,
	.stock_table td.td_stock_comment{
		display: none;
	}
	
	.overlay-content .release--container + .btn.save{
		clear: both;
	}
	
	.overlay-content .release--container{
		margin-bottom: 10px;
		float: right;
		margin-right: 0;
	}
	
	.overlay-content .btn.process{
		float: right;
		margin-right: 0;
	}
}

@media screen and (max-width: 420px){
	.mow_contact_container{
		padding: 10px;
		width: 95%;
	}
}

@media screen and (max-width: 380px){
	
	.channel_block .input_container_inner_left{
		width: 35%;
	}
	
	.channel_block .input_container_inner_right{
		width: 63%;
	}
	
	.panel-header-new .panel-header-new-title .mow_label{
		font-size: 10px;
	}
	
	.processed_date.mobile{
		font-size: 11px;
		margin-top: 14px;
	}
	
	#one th.th_product_in_stock,
	#one td.td_product_in_stock{
		display: none;
	}
	
	.split table.dispatch-table tbody td{
		font-size: 11px;
		padding: 5px 0;
	}
	
	th.th_dispatch_processed{
		width: 100px !important; 
	}
	
	.overlay-right table.scrollable tr.package_row .td_line_code, 
	.overlay-right table.scrollable tr.package_row + tr td:first-child, 
	.overlay-right table.scrollable tr.dispatch_line_row td:first-child{
		padding-left: 10px;
	}
}

@media screen and (max-width: 355px){
	.overlay-content .btn.process, .overlay-content .btn.save{
		height: 38px;
		line-height: 38px;
		padding: 0 15px;
	}
	
	.deliveries #scrollable_1 td,
	.deliveries #scrollable_2 td{
		font-size: 11px;
	}
	
	.th_delivery_line_received span.mobile_show{
		display: block;
	}
	
	.th_delivery_line_received span:not(.mobile_show){
		display: none;
	}
	
	#scrollable_1 th.th_delivery_line_received,
	#scrollable_2 th.th_delivery_line_received{
		width: 35px !important;
	}
	
	
	.address-labels div{
		font-size: 10px;
	}
	
	.address-labels{
		padding: 5px 3px;
		width: 51px;
	}
	
	.address textarea{
		margin-left: 50px;
	}
	
	.address-tabs {
		margin: 10px 0 -2px 50px;
	}
	
	.country_container{
		left: 50px;
	}
	
	.address-tabs .address_tab{
		font-size: 10px;
		padding: 0 2px;
		width: 92px;
	}
	
	.inline-items .switch--container label{
		margin-right: 0;
		padding-right: 3px;
	}
	
	.inline-items.switches .switch--container:first-child{
		margin-right: 5px;
	}
	
	.mow_contact_overlay .switch{
		width: 35px;
		height: 22px;
	}
	
	.mow_contact_overlay .slider:before{
		top: 4px;
	}
	
	.mow_contact_overlay input:checked + .slider:before{
		-webkit-transform: translateX(15px);
		-ms-transform: translateX(15px);
		transform: translateX(15px);
	}
}

@media screen and (max-width: 340px){
	.switch--container{
		margin-right: 15px;
	}
}

@media screen and (max-width: 330px){
	
	.input_container label{
		font-size: 10px;
	}
	
	.overlay-content .btn.process, .overlay-content .btn.save{
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	
	.overlay-content .switch--container{
		margin-top: 2px;
	}
	
	.processed_date.mobile{
		margin-top: 10px;
	}
	
	
}