@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	line-height: 1.2;
}
main {
	flex: 1;
	max-height: fit-content;
	max-width: 100%;
	overflow: hidden;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input,
textarea,
select,
button {
  outline: none;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
p:last-child,
p:only-child,
li:last-child,
li:only-child {
  margin-bottom: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  color: #000;
}
	h1 {
	  font-size: 29px;
	}
	h2 {
	  font-size: 25px;
	}
	h3 {
	  font-size: 20px;
	}
	h4 {
	  font-size: 16px;
	}
	h5 {
	  font-size: 13px;
	}
	h6 {
	  font-size: 12px;
	}

	.calculator-title, .bTitle, .bTag {
		font-weight: bold;
		padding: 10px 0;
		margin: 10px;
		text-align: center;
	}


.in-block {
  display: inline-block;
}
.nodisplay {
  display: none;
}
.padd-offset {
	padding-bottom: 3rem;
	padding-top: 3rem;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu .drop-menu,
.menu .supdrop-menu {
	position: relative;
}
.menu .drop-menu > .nav {
	opacity: 0;
	visibility: hidden;
	background-color: white;
	position: absolute;
	left: 0;
	-webkit-transition: ease-in-out all 0.3s;
	-moz-transition: ease-in-out all 0.3s;
	-ms-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
	transition: ease-in-out all 0.3s;
	-webkit-box-shadow: 0 0 10px rgba(60,60,60,0.5);
	-moz-box-shadow: 0 0 10px rgba(60,60,60,0.5);
	box-shadow: 0 0 10px rgba(60,60,60,0.5);
	width: 150px;
	z-index: 90;
}
.menu .supdrop-menu > .nav {
	background-color: #00C7C7;
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: ease-in-out all 0.3s;
	-moz-transition: ease-in-out all 0.3s;
	-ms-transition: ease-in-out all 0.3s;
	-o-transition: ease-in-out all 0.3s;
	transition: ease-in-out all 0.3s;
	-webkit-box-shadow: 0 0 10px rgba(60,60,60,0.5);
	-moz-box-shadow: 0 0 10px rgba(60,60,60,0.5);
	box-shadow: 0 0 10px rgba(60,60,60,0.5);
	width: 150px;
	z-index: 91;
}
.menu .supdrop-menu > .nav:before {
	content: '';
	right: 100%;
	top:5px;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #00C7C7;
	position: absolute;
}
.menu .drop-menu:hover > .nav,
.menu .supdrop-menu:hover > .nav {
	opacity: 1;
	visibility: visible;
}
.menu .nav-link {
	color: black;
	padding: .5rem 0.4rem;
	font-size: 10px;
	font-weight: 600;
}
.menu .nav-link:hover,
.menu .nav-link:focus {
	color: black;
	opacity: 0.8;
}
.menu .nav-link.current {
	color: #00C7C7;
}
.menu .drop-menu .nav .nav-link.current {
	color: #2C393F;
}

.nouser .site-header {
	height: auto;
	max-height: 100px;
}
.site-header > .d-flex {
	height: 12vh;
}
.d-flex {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.lang-nav {
	margin-right: 20px;
	color: #b1b1b1;
}
	.lang-nav > a {
		margin: 4px;
		color: #b1b1b1;
	}

.lang-nav-mobile{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 10px;
}

.logo {
	 max-width: 50%;
	 margin-top: 11px;
 }
.nouser .logo {
	max-width: 50%;
	margin-top: 44px;
}
header .btn-primary {
	margin-left: 10px;
}
/* Main menu */
.header-menu {
	background-color: #F0F0FF;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
}
	.header-menu li{
		position: relative;
	}
		.header-menu span,
		.header-menu a {
			color: #000;
			display: inline-block;
			font-weight: bold;
			line-height: 1.5;
			padding: 10px 13px;
			font-size: 15px;
			cursor: pointer;
			position: relative;
		}
			.header-menu a:hover,
			.header-menu a:focus {
				text-shadow: 0 0 2px #fff;
				text-decoration: none;
			}
			.header-menu a.active {
				color: #fff;
				background-color: #2C5892;
				padding: 10px 5px;
				margin: 0 13px;
			}
				/*.header-menu li a.active::before, .header-menu li span.active::before {
					content: '';
					position: absolute;
					right: 100%;
					top: 0;
					height: 0;
					width: 0;
					border-top: 1px solid transparent;
					border-left: 20px solid transparent;
					border-bottom: 42px solid #f7da19;
				}
				.header-menu li a.active::after, .header-menu li span.active::after {
					content: '';
					position: absolute;
					left: 100%;
					top: 0;
					height: 0;
					width: 0;
					border-bottom: 1px solid transparent;
					border-right: 20px solid transparent;
					border-top: 42px solid #f7da19;
				}*/
		.d-flex.header-height {
			height: auto;
			text-align: right;
		}
		.submenu {
			position: absolute;
			top: 100%;
			z-index: 999;
			width: 200px;
			text-align: left;
			background-color: #2C5892;
			-webkit-transition: ease-in-out all 0.3s;
			-moz-transition: ease-in-out all 0.3s;
			-ms-transition: ease-in-out all 0.3s;
			-o-transition: ease-in-out all 0.3s;
			transition: ease-in-out all 0.3s;
			opacity: 0;
			visibility: hidden;
		}
			.submenu a {
				display: block;
			}
				.submenu a::before {
					height: 1px !important;
					width: calc(100% - 20px) !important;
					transform: translateX(-50%) !important;
					top: 100% !important;
					left: 50% !important;
				}
					.submenu li:last-child a::before {
						display: none;
					}
		.header-menu li:hover .submenu {
			opacity: 1;
			visibility: visible;
		}
.header-phone {
	display: none;
}
	.nouser .header-phone {
		display: block;
		text-align: right;
		line-height: 1.7;
		color: #000018;
		font-weight: 800;
		font-size: 19px;
		letter-spacing: 1.3px;
		position: relative;
		padding: 0 12px;
		margin-bottom: 7px;
		overflow: hidden;
	}
		.header-phone:before {
			position: absolute;
			left: 0;
			bottom: 0;
			content: '';
			border-bottom: 32px solid transparent;
			border-top: 32px solid transparent;
			border-left: 20px solid #fff;
		}
		.header-phone:focus,
		.header-phone:hover {
			text-decoration: none;
			color: #000018;
		}
/* Main menu - USER */
.header-menu-user {
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
}
	.header-menu-user a {
		color: #000;
		display: inline-block;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 10px;
		font-size: 15px;
	}
	.header-menu-user a:hover,
	.header-menu-user a:focus {
		text-shadow: 0 0 2px rgba(103,103,103,0.68);
	}
	.header-menu-user a.active {
		text-decoration: underline;
	}
/* Footer menu */
.footer-menu {
	display: flex;
    flex-direction: column;
    max-height: 120px;
    color: #fff;
    margin: 0 0 25px;
}
	.footer-menu a {
		color: #fff;
		display: block;
		font-weight: normal;
		line-height: 1.2;
		padding: 6px 0px;
		font-size: 13px;
	}
		.footer-menu a:hover,
		.footer-menu a:focus {
			text-shadow: 0 0 2px #fff;
		}
		.footer-menu a.active {
			color: #2C5892;
		}
.footer-contacts p, .footer-contacts > a {
	margin-bottom: 12px;
	display: block;
	color: #fff;
}
footer .h4 {
	color: #fff;
}
/* Homepage slider */
.home-slider-box {
	position: relative;
}
	.home-slider.owl-carousel .owl-item img{
		width: 100%;
	}
	.home-slider.owl-carousel .owl-item .slider-logo img {
		width: auto !important;
	}
	.home-slider.owl-carousel .owl-item .item-text {
		position: absolute;
		left: 5%;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		max-width: 71%;
	}
		.home-slider.owl-carousel .owl-item h1{
			font-size: 55px;
			color: white;
			line-height: 1.2;
			padding: 0 15px;
			background-color: #2C5892;
			text-shadow: 0 0 5px rgba(0,0,0,0.3);
			display: inline-block;
			margin: 0;
		}
		.home-slider.owl-carousel .owl-item h2{
			font-size: 15px;
			color: #fff;
			font-weight: 300;
			line-height: 1;
		}
		.slider-list > li {
			color: #fff;
			font-size: 16px;
			padding: 2px 0;
		}
			.slider-list > li span {
				color: #fff;
				display: inline-block;
				line-height: 1.5;
				padding: 4px 10px;
			}
	.home-slider.owl-carousel .owl-nav {
		display: none;
	}
	.home-slider.owl-carousel .owl-dots {
		position: absolute;
		left: 5%;
		bottom: 30px;
	}
		.home-slider.owl-carousel .owl-dots .owl-dot {
			display: inline-block ;
			height: 13px;
			width: 13px;
			background-color: #909090;
			margin-right: 4px;
		}
			.home-slider.owl-carousel .owl-dots .owl-dot:hover {
				background-color: #aaa;
			}
			.home-slider.owl-carousel .owl-dots .owl-dot.active {
				background-color: #2C5892;
			}
	.home-slider-box .container {
		height: 100%;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
	}
		.top-box {
			background-color: #F0F0FF;
			border-radius: 4px;
			color: #000;
			padding: 20px;
			position: absolute;
			right: 5%;
			top: 50%;
			transform: translateY(-50%);
			width: 344px;
			max-width: 100%;
			z-index:9;
		}
			.top-box > h4 {
				color: #000;
				font-size: 18px;
				margin-bottom: 1.5rem;
				text-align: center;
				text-transform: uppercase;
			}

		.close-btn {
			display: none;
			position: absolute;
			right: 20px;
			top: 20px;
			color: #000;
			font-size: 20px;
		}
@media (min-width: 993px) {
	.top-large.top-box {
		width: 90%;
		padding: 30px 20px;
		text-align: center;
	}

	.top-large.top-box {
		width: 90%;
		padding: 30px 20px;
		text-align: center;
	}

	.top-large.top-box > h4 {
		font-size: 20px;
		margin-bottom: 2.5rem;
		line-height: 29px;
	}

	.top-large.top-box > h4 img {
		vertical-align: top;
	}

	.top-large.top-box .border-line {
		font-size: 15px;
	}

	.top-large.top-box .form-control {
		padding: 22px 15px;
		text-align: center;
	}

	.top-large.top-box .btn.btn-black {
		padding: 15px 30px;
		font-size: 16px;
	}
}
			.top-box .form-control,
			.user .form-control {
				background-color: #F0F0FF;
				border-color: #2C5892;
				border-radius: 2px;
			}
			.border-line {
			    font-size: 12px;
				font-weight: 300;
				margin-bottom: 10px;
			}
		.slidet-tn {
			background-color: #2C5892;
			padding: 15px 25px;
			color: white;
			display: inline-block;
			border-radius: 5px;
			font-weight: bold;
			text-transform: uppercase;
		}
			.slidet-tn:hover {
				background-color: #2C5892;
				color: white;
				text-decoration: none;
			}
/* Banners */
.banners {
	position: relative;
	height: 200px;
	margin: 40px 0;
}
	.banner-map {
		background: url(../images/banners/map-banner.jpg) no-repeat center center;
		background-size: cover;
	}
	.banner-calc {
		background: url(../images/banners/calc-banner.jpg) no-repeat center center;
		background-size: cover;
	}
	.banner-track {
		background: url(../images/banners/tracking-banner.jpg) no-repeat center center;
		background-size: cover;
	}
		.orange-title {
			background-color: #2C5892;
			border-radius: 4px;
			color: #000;
			display: inline-block;
			font-size: 16px;
			font-weight: bold;
			line-height: 2.5;
			padding: 0 15px;
			text-transform: uppercase;
			position: absolute;
			top: 50%;
			left: 5%;
		}
			.orange-title img {
				vertical-align: middle;
			}
		.calc-title {
			color: #000;
			display: inline-block;
			font-size: 28px;
			position: absolute;
			top: 50%;
			left: 5%;
			font-weight: 300;
			line-height: 1.3;
			padding: 0 15px;
			text-transform: uppercase;
		}
		.banners .btn-black {
			bottom: 5%;
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
			left: 5%;
			position: absolute;
			text-transform: uppercase;
		}
/*Modal map*/
#open-map-modal .modal-content{
	border-radius: 0 !important;
}
#open-map-modal .modal-body{
	padding: 0 !important;
}
	#open-map-modal button.close {
		right: 115px;
		color: #fff;
		top: 7px;
	}
		#open-map-modal button.close span{
			font-size: 30px;
		}
/* Home text */
.presentText {
	margin: 25px auto;
}
	.presentText h4,
	.presentText span {
		font-size: 26px;
		font-weight: 300;
		text-align: center;
	}
		.presentText span {
			font-weight: bold;
		}
	.presentText p {
		font-size: 13px;
		font-weight: 300;
		line-height: 22px;
		margin: 16px 0;
	}
.row.index-row {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	margin: 3rem 0 4rem !important;
}
	.row.index-row .col-md-6 {
		padding: 0 !important;
	}
		.index-box {
			padding-left: 40px;
			padding-right: 40px;
		}
.pred-title {
	background-color: #f0de26;
	display: inline-block;
	font-size: 20px !important;
	text-transform: uppercase;
	padding: 10px 40px;
	font-weight: 800 !important;
	margin-top: 30px;
}
.img-fluid {
	max-width: 100%;
}

.service-info-and-image-container{
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 9%;
    height: 480px;
}

.service-info-and-image-container .img-home-box{
    width: 50%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
}

.service-info-and-image-container .index-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding: 20px;
    width: 50%;
    height: 90%;
    position: absolute;
    z-index: 90;
    background-color: #fff;
    border-left: 10px solid #2C5892;
    box-shadow: 11px 9px 10px rgb(68 68 68 / 20%)
}

/* Subscribe */
.subs {
	text-align: center;
}
	.subs h2.h2 {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.subs p {
		font-size: 12px;
		font-weight: 300;
		margin: 20px auto;
		line-height: 1.5;
		max-width: 1020px;
	}
	.subs form {
		max-width: 360px;
		margin: 0 auto;
	}
		.subs form .subs-btn {
			background-color: #000;
			margin: 20px;
			width: 160px;
			font-size: 14px;
			color: #f0de26;
			text-transform: uppercase;
			line-height: 2;
		}
/* Buttons */
.btn {
	/*border: 0;*/
	border-radius: 1px;
}
	.btn-primary {
		color: #fff;
		background-color: #2C5892;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		color: #fff;
		background-color: #337ab7;
	}

	.btn-light:hover,
	.btn-light:focus {
		background-color: #d8dadc;
	}

	.btn-gray {
		background-color: #474747;
		color: #fff;
	}
		.btn-gray:hover,
		.btn-gray:focus {
			background-color: #333;
			color: #fff;
		}
	.btn-black {
		background-color: #000;
		color: #fff;
	}
		.btn-black:hover,
		.btn-black:focus {
			background-color: #383838;
			color: #fff;
		}
	a.dt-button,button.dt-button  {
		background: #2C5892 !important;
		color: #fff !important;
		border: 0 !important;
	}
.btn-blue {
	margin:59px;
	margin-top: 87px;
	background-color: #2C5892;
	color: white;
}
.btn-blue:hover,
.btn-blue:focus {
	background-color: #333;
	color: white;
}
	.btn-startnow {
		background-color: #f7da19;
		color: #000;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 700;
	}
		.btn-startnow:hover,
		.btn-startnow:focus {
			background-color: #e8ca00;
			color: #000;
		}
/* Services */
.services-top {
	height: 300px;
	position: relative;
	overflow: hidden;
}
	.services-top img {
		position: absolute;
		object-fit: cover;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.services-top .item-text {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5%;
		max-width: 50%;
	}
		.services-top h1 {
			background-color: #f7da19;
			padding: 0 15px;
			font-size: 55px;
			line-height: 1.2;
			text-shadow: 0 0 5px rgba(0,0,0,0.3);
			display: inline-block;
			margin: 0;
		}
		.services-top h2 {
			color: #fff;
			font-weight: 300;
			line-height: 1;
			font-size: 25px;
		}
.services-list {
	flex-wrap: wrap;
	display: flex;
	max-width: 90%;
	margin: 4rem auto 2rem;
	justify-content: space-between;
}
	.services-list li {
		width: 49%;
		padding-left: 40px;
		margin-bottom: 15px;
		font-weight: 300;
		background: url("../images/icon/check.png") no-repeat top 4px left 10px;
		background-size: auto auto;
		background-size: 25px;
	}
.price-table-sm tr:nth-child(2n+2) {
	background-color: #eee;
}
.price-table-sm tr, .price-table-sm th {
	text-align: left;
}

.price-table-sm th{
	position: static;
}

.price-table-sm tr th:first-child {
	text-align: left;
}
.pb-1 {
	padding-bottom: 30px;
}
.mail-link, .phone-link {
	font-weight: bold;
	padding: 0 10px;
	color: #000;
}
/* Footer */
.site-footer {
  padding: 10px 0;
	background-color: #2C5892;
}
	.footer-logo {
		margin: 0;
		padding: 0;
	}
	.footer-logo a {
		display: block;
	}
.create-by {
	padding: 5px 0;
	background-color: #F0F0FF;
	text-align: right;
}
	.create-by span {
		font-size: 12px;
	}
		.create-by span a {
			font-weight: bold;
			color: #000;
		}
/* Login modal */
.modal-dialog {
	margin: auto;
	top: 50%;
	transform: translateY(-50%) !important;
}
#login-modal .modal-content  {
	background-color: #F0F0FF;
	text-align: center;
	height: 465px;
}
	#login-modal .modal-content h4 {
		color: #000;
		font-size: 27px;
		text-transform: uppercase;
	}
	.inner-padding.user {
		margin: 2rem auto;
		width: 300px;
	}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99999;
}
/* Calculator */
.calculator {
	background-color: #2C5892;
	width: 800px;
	margin: 2rem auto;
	padding: 2.5rem;
	border-radius: 20px;
	max-width: 100%;
	color: white;
}
/* Create shipment */
.ui-resizable {
	display: flex;
	flex-direction: column;
}
.shipment-buttons {
    background-color: #657587;
	padding: 4px;
	position: relative;
}

.senders-edit-table .dataTables_wrapper {
	background-color: white;
	padding-top: 4px;
	flex: 1;
}

.senders-edit-table .dataTables_scroll{
	max-height: 400px;
}


.senders-edit-table table.dataTable.no-footer {
	border-bottom: none;
}

table.dataTable.no-footer {
	border-bottom: none !important;
}

.senders-edit-table .dataTables_wrapper thead tr{
	height: 37px;
}

.senders-edit-table .dataTables_wrapper thead th{
	background-color: #d8dadc;
	color: black;
	vertical-align: bottom;
    border-bottom: 2px solid #ddd;
	font-size: 14px;
}

.senders-page-table table thead th{
	background-color: #d8dadc;
	color: black;
	vertical-align: bottom;
    border-bottom: 2px solid #ddd;
	font-size: 14px;
}

.senders-edit-table .dataTables_wrapper tr{
	height: 51.5px;
	background-color:#fff;

}

.senders-edit-table table.dataTable tbody td{
	padding: 18px !important;
	font-size: 14px !important;
}

.senders-edit-table table.dataTable tbody .dataTables_empty{
	padding: 8px 0 !important ;
}

.senders-edit-table table.dataTable tbody .dataTables_empty:hover{
	background-color: white;
}

.senders-edit-table table.dataTable tbody tr:hover{
	background-color:#f6f6f6
 }


.dataTables_wrapper {
	margin: 10px 15px;
	background-color: #f2f2f2;
	flex: 1;
}
#shipment_stage1_wrapper .dataTables_scroll {
	background-color: #fff;
	height: calc(100vh - 314px);
	overflow-y: scroll;
}

#shipment_stage1_wrapper .dataTables_info{
	padding: 0;
}

#shipment_stage2_wrapper .dataTables_info {
    padding: 0;
}

#lists_wrapper .dataTables_scroll,
#shipment_stage2_wrapper .dataTables_scroll {
	height: 20vh;
	overflow-y: scroll;
}
#shipment_stage2_wrapper .dataTables_scroll {
	height: calc(100vh - 314px);
}
#lists_length label {
	padding: 0;
}


/* Create shipment Modal*/
#createShipment .modal-content, #createSpringLabel .modal-content,
#editShipment .modal-content,
#editIntegrationImport .modal-content  {
	background-color: #F0F0FF;
	text-align: center;
	width:992px;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	max-width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}
form[name="createShipmentForm"] .form-control,
form[name="editShipmentForm"] .form-control,
form[name="createSpringLabelForm"],
form[name="editIntegrationImportForm"] .form-control{
	height: auto;
	padding: 2px 7px;
}

form[name="createShipmentForm"],
form[name="editShipmentForm"],
form[name="createSpringLabelForm"],
form[name="editIntegrationImportForm"] {
	position: relative;
	width: 100%;
	height: 100%;
}
#myForm {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
	#createShipment .modal-content h4, #createSpringLabel .modal-content h4,
	#editForm .modal-content h4,
	#editIntegrationImport .modal-content h4 {
		color: #000;
		font-size: 20px;
		text-transform: uppercase;
	}
	#createShipment .modal-content h4 button.close, #createSpringLabel .modal-content h4 button.close,
	#editForm .modal-content h4 button.close,
	#editIntegrationImport .modal-content h4 button.close {
		top: 0;
	}
	#createShipment .form-group, #createSpringLabel .form-group,
	#editForm .form-group,
	#editIntegrationImport .form-group {
		margin-bottom: 1px;
	}
/* Tracking page */
.track-box {
	background-color: #2C5892;
	padding: 1.5rem;
	border-radius: 15px;
	color: white;
}
	.status{
		background: #3c3939;
		display: inline-block;
		padding: 6px 10px;
		border-radius: 4px;
	}
hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Form */
.form-center {
    margin: 3rem auto;
    max-width: 500px;
}
#initialUpload {
    margin: 3rem auto;
    max-width: 600px;
}
.registryButton {
	line-height: 30px;
    text-align: left;
    display: block;
    text-decoration: none;
    font-weight: normal;
    margin-top: 15px;
	font-size: 13px;
	color: #2C5892;
}
.register-labels {
	text-align: left;
	float: right
}
.registration-data {
	display: grid;
}
#forgotten-password{
	margin-top: 0;
	cursor:pointer;
	color:#2C5892;
	text-decoration:none;
}

#forgotten-password:hover,
#forgotten-password:focus {
	text-decoration:underline;
	text-shadow: 1px 1px 1px #555;
}
label {
	margin-bottom: 0;
	overflow-wrap: break-word;
	padding-top: 7px;
}
	.form-control:focus {
		border-color: #aaa;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(247, 218, 25, 0.6)
	}
.registration-sections {
    margin-bottom: 15px;
    text-align: center;
}
	.custom-file {
	  position: relative;
	  display: inline-block;
	  width: 100%;
	  height: 2.5em;
	  margin-bottom: 0;
	  cursor: pointer;
	  padding: 0;
	}

	.custom-file-input {
	  min-width: 14rem;
	  width: 100%;
	  height: 2.5em;
	  margin: 0;
	  filter: alpha(opacity=0);
	  opacity: 0;
	}

	.custom-file-control {
	  position: absolute;
	  top: 0;
	  right: 0;
	  left: 0;
	  z-index: 5;
	  height: 2.5em;
	  padding: 0.5rem 1rem;
	  line-height: 1.5;
	  color: #464a4c;
	  pointer-events: none;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	  background-color: #fff;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  border-radius: 0.25rem;
	  text-align:left;
	}

	.custom-file-control::after {
	  left: 15px;
	  position: absolute;
	}

	.custom-file-control::before {
	  position: absolute;
	  top: -1px;
	  right: -1px;
	  bottom: -1px;
	  z-index: 6;
	  display: block;
	  height: 2.5em;
	  padding: 0.5rem 1rem;
	  line-height: 1.5;
	  color: #464a4c;
	  background-color: #eceeef;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  border-radius: 0 0.25rem 0.25rem 0;
	  content: "Browse";
	}
	/* Select */
	.editable-input select,
	.custom-select {
	  display: inline-block;
	  max-width: 100%;
	  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
	  line-height: 1.25;
	  color: #464a4c;
	  vertical-align: middle;
	  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	  -webkit-background-size: 8px 10px;
			  background-size: 8px 10px;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  border-radius: 0.25rem;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	}
		.editable-input select:focus,
		.custom-select:focus {
		  border-color: #5cb3fd;
		  outline: none;
		}
		.editable-input select:focus::-ms-value,
		.custom-select:focus::-ms-value {
		  color: #464a4c;
		  background-color: #fff;
		}
	.editable-buttons button {
		background-color: #f7da19;
		color: #000;
		border-radius: 4px;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857;
		margin-bottom: 0;
		padding: 6px 12px;
		text-align: center;
		touch-action: manipulation;
		vertical-align: middle;
		white-space: nowrap;
	}
		.editable-buttons button:hover,
		.editable-buttons button:focus {
			background-color: #e8ca00;
			color: #000;
		}

	/*.custom-combobox-toggle {*/
		/*display: none !important;*/
	/*}*/
	/* Custom checkbox */
	#fill_with_insurances > label,
	#fill_with_services > label,
	#edit_fill_with_insurances > label,
	#edit_fill_with_services > label {
		display: block;
		text-align: left;
	}
		#fill_with_insurances input,
		#fill_with_services input,
		#edit_fill_with_insurances input,
		#edit_fill_with_services input {
			display: inline-block;
			height: auto;
			margin-right: 6px;
			width: auto;
		}


		#shipment_stage1_length label,
		#shipment_stage2_length label {
			padding: 0;
		}
/* Table */
table {
	max-width: 100% !important;
}
	.table > thead > tr > th {
		font-weight: bold;
		vertical-align: top;
	}
	/* Tables */
.tables-all {
	display: flex;
	height: calc(100vh - 63px);
}
	.table-ship-left {
		width: 65%;
	}
		/*#shipment_stage1 caption {*/
			/*position: absolute;*/
			/*top: 0;*/
			/*left: 7px;*/
		/*}*/
	.table-ship-right {
		width: 35%;
		display: flex;
		flex-direction: column;
	}

	#lists thead th, #lists thead td {
		padding: 7px 15px !important;
	}

	table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
		background-position: right bottom 8px !important;
	}

	.dataTable.table > tbody > tr > td, .dataTable.table > tbody > tr > th, .dataTable.table > tfoot > tr > td, .dataTable.table > tfoot > tr > th, .dataTable.table > thead > tr > td, .dataTable.table > thead > tr > th {
		border: 0;
	}

	.dataTables_wrapper input {
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
		color: #000;
		display: inline-block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 100%;
	}
	.dataTables_wrapper select.filter-me {
		height: 34px;
		width: 100%;
		text-overflow: ellipsis;
		border-radius: 4px;
	}
	.dataTable_filter_me_th {
		padding: 1px 1px 10px 1px !important;
	}
	.dataTables_wrapper select {
	  display: inline-block;
	  max-width: 100%;
	  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
	  line-height: 1.25;
	  color: #464a4c;
	  vertical-align: middle;
	  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	  -webkit-background-size: 8px 10px;
			  background-size: 8px 10px;
	  border: 1px solid rgba(0, 0, 0, 0.15);
	  border-radius: 0.25rem;
	  -moz-appearance: none;
	  -webkit-appearance: none;
	}
		.dataTables_wrapper select:focus {
		  border-color: #5cb3fd;
		  outline: none;
		}
		.dataTables_wrapper select:focus::-ms-value {
		  color: #464a4c;
		  background-color: #fff;
		}
		.dataTables_wrapper select:disabled {
		  color: #636c72;
		  cursor: not-allowed;
		  background-color: #eceeef;
		}
		caption {
		  text-align: center;
		  font-weight: 700;
		  font-size: 20px;
		  color: black;
		}
		.dataTables_wrapper thead th {
			font-size: 12px;
			background-color: white;
		}
		/* .sorting_asc {
			width: 82px !important;
		} */
		table.dataTable tbody tr.even {
			background-color: #ececec;
		}
		table.dataTable tbody th, table.dataTable tbody td {
			padding: 10px 18px !important;
			text-align: center;
			font-size: 12px !important;
		}
			table.dataTable tbody th *, table.dataTable tbody td * {
				font-size: 13px !important;
			}
			table.dataTable tbody td:nth-child(6) span:first-child {
				font-weight: bold !important;
			}
		.align-tables {
			display: flex;
			flex-direction:column;
			justify-content: space-between;
		}
        #shipments_in_list_wrapper {
            width: 74%;
        }
			table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
				background-color: #2C5892;
			}
	.dataTables_filter label {
		padding-top: 0;
		padding-right:7px;
		font-size: 13px;
		position: relative;
	}
		.dataTables_filter label #x,
		.dataTables_filter label #x2 {
			position: absolute;
			right: 16px;
			top: 9px;
			border: 1px solid #cecece;
			width: 15px;
			line-height: 14px;
			border-radius: 10px;
			color: #666;
		}
		.dataTables_wrapper .dataTables_filter input {
			display: inline-block;
			margin-left: 0.5em;
			width: 160px;
		}
	.senders-table .senders-title {
		display: none;
	}
/* Mobile menu */
.mobile-menu {
	display: none;
	position: relative;
}
	.mobile-menu .dropdown-btn {
		background: none;
		color: #000;
		padding: 10px;
		border: 0;
	}
		.mobile-menu .dropdown-menu-mobile {
			position: fixed;
			top: 0px;
			height: 100vh;
			width: 250px;
			background-color: white;
			z-index: 9;
			box-shadow: -4px 6px 10px rgba(60,60,60,0.4);
			-webkit-transform: translate3d(-275px,0,0);
			transform: translate3d(-275px,0,0);
			-webkit-transition: ease-in-out left 0.3s;
			-moz-transition: ease-in-out left 0.3s;
			-ms-transition: ease-in-out left 0.3s;
			-o-transition: ease-in-out left 0.3s;
			transition: ease-in-out left 0.3s;
			overflow: scroll;
		}
			.mobile-menu .dropdown-menu-mobile.opened {
				left: 0;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}


			.dropdown-menu-btns{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 15px 10px;
			}

			.mobile-menu .dropdown-menu-mobile li {
				padding: 0 10px;
				-webkit-transition: ease-in-out background-color 0.3s;
				-moz-transition: ease-in-out background-color 0.3s;
				-ms-transition: ease-in-out background-color 0.3s;
				-o-transition: ease-in-out background-color 0.3s;
				transition: ease-in-out background-color 0.3s;
			}
				.mobile-menu .dropdown-menu-mobile li a {
					color: black;
					padding: 10px 6px;
					border-bottom: 1px solid #333;
					display: block;
				}
				.mobile-menu .dropdown-menu-mobile li a.active {
					color: #2C5892;
					border-bottom-color: #2C5892;
					font-weight: bold;
				}
			/* .selected-submenu {
				background-color: #000;
			} */
				.selected-submenu a {
					color: black;
					border-bottom: 1px solid #ccc !important;
				}
					.selected-submenu li:last-child a {
						border: 0 !important;
					}
					.selected-submenu a.active {
						color: #2C5892 !important;
						border-bottom: 1px solid #2C5892 !important;
					}
				.submenu-btn {
					position: relative;
				}
					.submenu-btn:after {
						position: absolute;
						top: 15px;
						right: 20px;
						content: '';
						border-top: 4px solid #fff;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
					}
						.submenu-btn.active:after {
							border-top: 0px solid #fff;
							border-bottom: 4px solid #fff;
						}


/**/
.visible-mobile {
	display: none;
}
/*  */
.yl-table {
	min-height: 88vh;
}
.yl-left {
	width: 70% !important;
}
.yl-bg {
	background-color: #F0F0FF;
	padding: 1rem;
	width: 25%;
}
/* blockquote */
.blockquote {
	padding: 20px 30px;
	background-color: rgba(247, 218, 25,0.2);
	margin: 20px 0 0;
}
	.blockquote p {
		margin: 0;
		font-size: 17px;
		line-height: 1.5;
		font-style: italic;
	}
		.blockquote p strong {
			font-size: 17px;
		}
/* Contact */
.contacts-info {
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
}
.contacts-info:last-child {
	border: 0;
}
	.contacts-info figure {
		font-size: 40px;
		color: #000;
		margin-right: 15px;
		width: 48px;
	}
	.infos, .infos * {
		font-size: 17px;
		color: #000;
		flex: 1;
	}
.contact-form {
	background-color: #F0F0FF;
	padding: 20px;
}
.form-contact {
	border: 1px solid #2C5892;
	height: 46px;
	border-radius: 1px;
}

.calc-price-container{
	margin:auto;
	padding-top: 20px;
}

.calc-show-more{
	padding-right: 10px;
	text-decoration: underline;
}

.here{
	font-weight: bold;
}
.calc-div-row{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 25px;
}
.calc-container{
	display: flex;
	justify-content: space-evenly;
	padding: 10px 0;
}

.calc-container-price{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 10px 0;
}

.calc-div{
	display: flex;
    justify-content: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

.calculator-input{
    width: 100%;
    padding: 6px 8px;
    color: #555;
	background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.calculator-input::placeholder { 
	color: #999;
  }

#calc-insurances{
	display: flex;
	justify-content: space-evenly;
	padding-top: 25px;
    padding-bottom: 25px;

}

.calc-insurance{
	display: flex;
	align-items: center;
	padding-right:10px;
}

.info-btn{
	padding-left: 10px;
	font-size: 12px;
}

.info-btn .title {
    position: absolute;
    top: 20px;
    background: white;
    padding: 4px;
    left: 0;
    white-space: nowrap;
}


.calc-table-container{
	padding:10px;
	margin: 10px auto;
}


.calc-weight {
	padding: 6px 30px;
}

.weight_info{
	padding: 0;
    text-align: center;
}

#calc-img {
	width: 100% ;
	height: 130px;
	object-fit: cover;
}

.services_list_info{
	margin:0;
}


#calc-info{
	display: none;
	 padding: 5px 0 30px 0;
	 text-align: left
}

.insurance_label{
	margin:0;
	padding-top: 0;
	padding-left: 7px;
	font-weight: normal;
}

@media (max-width: 580px) {

	.calc-div {
		width: 64% !important;
	}

	#calc-insurances {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 10px !important;
		padding-bottom: 10px;
	}

	.calc-insurance {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 3%;
		width: 170px;
	}

	.home-slider {
		height: 300px !important;
	}
	.img-slider {
		height: 300px !important;
	}
	.calc-weight {
		margin-top: 12px;
	}
	.calc-btn {
		margin-top: 12px;
		width: 100%;
	}
	.calc-main {
		padding: 0 !important;
	}

	#calc-row {
		flex-direction: column;
		justify-content: center;

	}
	#calc-div-row {
		display: block !important;
	}
	#calc-img {
		width: 100% !important;
		height: 95px !important;
		object-fit: cover;
	}

	.calc-input-ins {
		margin-left: 23%;
	}
	#service-img {
		display: none;
	}

	.all-services-info-container{
		width: 80%!important;
	}

	#services-box {
		display: block !important;
	}
	.service-box {
		width: 100% !important;
		margin-left: 0 !important;
		min-height: 300px;
	}
	.services-a {
		float: none !important;
	}
	.service-mar-bot {
		margin-bottom: 35px !important;
	}
	.home-right-box .img-home-box,
	.home-left-box .img-home-box {
		width: 100%;
		height: auto;
	}
	.home-right-box .index-box,
	.home-left-box .index-box {
		background-color: #fff;
		border-top: 10px solid #2C5892;
	}

	.all-services-info-box{
		margin-top: 3rem;
		padding: 10px !important;
		border-left: 4px solid #2C5892 !important;
	}

	.services-container{
		display: none !important;
	}

	.mobile-services-container{
		display: grid !important;
		grid-template-columns: repeat(auto-fill, 240px);
		justify-content: center;
		grid-gap: 45px;
		margin-top: 20px;
		width: 100%;

	}

	.weight_info{
		width: 100%;
		padding:0;
		text-align: center;
	}

	.here-mobile{
		font-weight: bold;
		text-decoration: underline;
		color: #2c5892;
	}

	.calc-show-more{
		display: none;
	}

	.weight_input_container{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#calc-div-weight{
		padding: 0;
		width: 100%;
	}

	#calc-div-country{
		padding: 0;
		width: 100%;
	}


	.calc-matrices {
		overflow-y: hidden;
		height: auto;
		overflow-x: auto;
		max-width: 96%;
	}

	#dimensions-container{
		flex-wrap: wrap;
		justify-content: center;
	}

	.faq_page .panel-group{
		width: 100% !important;
	}
	.caption p{
		font-size: 20px !important;
	}

	.dataTables_wrapper .dataTables_filter {
		margin-top: 0 !important;
	}

	.sub-caption{
		flex-wrap: wrap;
	}

	.sub-caption-buttons{
		margin-top: 10px;

	}

	.sub-caption-buttons button{
		font-size: 11px !important;
		padding: 0 4px;
		line-height: inherit;
	}

	.buttons-collection span {
		font-size: 11px !important;
	}

	.buttons-collection  {
		padding: 0 4px !important;
	}

	.dataTables_info{
		display: none;
	}

	.dataTables_length{
		display: none;
	}

	.table-ship-right{
		margin-top: 15px;
	}

	.caption-button{
		height: 31px !important;
		width: 35px !important;
	}

	.dataTables_wrapper .dataTables_filter input{
		width: 30vw ;
	}

	.process_search{
		width: 100%;
		justify-content: flex-end;
	}

	.process_header{
		flex-wrap: wrap;
	}

	.process-header .process-buttons{
		justify-content: space-between !important;
	}

	.process_label{
		text-align: left;
		padding-bottom: 5px;
		font-weight: 500;
	}

	.process_label label,.process_weight_label{
		font-weight: 500;
	}

	.process_weight_checkbox{
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	#shipments_wrapper .dataTables_scroll{
		height: calc(100vh - 185px) !important;
	}

	#news-item-modal .modal-dialog {
		width: 85vw !important;
	}

	.track-container{
		flex-direction: column !important;
	}

	.track-container form{
		width: 100% !important;
	}

	#track-items-form textarea{
		height: 130px !important;
	}

	.track-container .panel-group {
		width: 100% !important;
		margin-top: 15px;
	}

	.track-container .panel-group .panel-title{
		display: grid !important;
		grid-template-columns: [first] 140px [line2] 55px [line3] auto [col4-start] 100px [end];
	}

	.search_shipments_button button{
		width: 100% !important;
	}

	.track-panel-header-cell{
		padding-top: 8px;
	}

	.track-cell-1{
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.track-cell-2,.track-cell-5{
		grid-column-start: 4;
	}

	.track-cell-3{
		grid-column-start: 1;
		grid-column-end: 6;
		max-width: 100% !important;
	}

	.track-cell-4, .track-cell-5{
		grid-row-start: 4;
	}

	.track-cell-6{
		grid-row-start: 5;
		grid-column-start:  5;
	}
}

@media (min-width: 415px) and (max-width: 813px) {
	#services-info-box {
		display: block;
	}
	#services-info-box-inner {
		position: initial;
	}
}

@media (min-width: 320px) and (max-width: 400px){
	.bTitle {
		font-size: 14px;
	}

	.calculator-title{
		font-size: 14px !important;
	}
	.calc-div {
	    padding-top: 10px !important;
		padding-bottom: 10px;
    	width: 64% !important;
	}

}


@media (max-width: 540px) {
	#calc-div-weight {
		width: 100%;
    	padding: 0;
	}
	.calc-input-ins {
		margin-left: 23%;
	}
	#registration-form {
		display: grid;
	}
	#registration-button {
		padding-left: 18%;
	}
	#login-dialog {
		width: 79%;
	}
	#login-content {
		height: 444px !important;
	}
	.cred-login {
		width: 85% !important;
	}

	.track-container .panel-group .panel-title{
		grid-template-columns: [first] 140px [line2] 18px [line3] auto [col4-start] 100px [end];
	}

	.integrationtTitle{
		font-size: 18px !important;
	}

}

@media(max-width: 320px){
	.track-container .panel-group .panel-title{
		grid-template-columns: [first] 140px [line2] 8px [line3] auto [col4-start] 100px [end];
	}

	.track-panel-header-cell {
		max-width: 225px !important;
	}
}

@media (max-width: 812px) {
	.calc-div {
		margin: auto;

	}
	#registration-form {
		display: grid;
	}
	#login-dialog {
		width: 79%;
	}
	#login-content {
		height: 460px !important;
		margin-top: 17%;
	}

	.weight_input_container{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.documents-identity{
		flex-direction: column;
	}
}

@media (min-width: 580px) and (max-width: 800px){
	#calc-row {
		flex-direction: column;
	}

	.weight_input_container{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.weight_info{
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
	}

}


@media (min-width: 768px) and (max-width: 1200px){
	#calc-row {
		flex-direction: column;
	}

	.weight_input_container{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.weight_info{
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
	}

	.yl-left{
		width: 65%;
	}
}


@media (min-width: 760px) and (max-width: 1200px){

	.service-info-and-image-container .index-box{
		width: 75%;
		z-index: 1;
	}
	
	.dx-parcel.service-info-and-image-container .index-box{
		height: fit-content !important;
	}

	.service-info-and-image-container .img-home-box{
		width: 65%;
	}

}


@media (min-width: 580px) and (max-width: 760px){

	.service-info-and-image-container .index-box{
		width: 85%;
		height: 100%;
		z-index: 1;
	}

	.dx-parcel.service-info-and-image-container .index-box{
		height: fit-content !important;
	}

	.service-info-and-image-container .img-home-box{
		width: 65%;
		height: 110%;
	}
}

@media (min-width: 580px) {

	.home-right-box, .home-left-box {
		position: relative;
		margin: 3rem 0;
		display: flex;
		align-items: center;
	}
	.home-right-box .img-home-box {
		position: relative;
		left: 50%;
		max-width: 50%;
	}
	.home-right-box .index-box {
		padding: 20px;
		width: 50%;
		background-color: #fff;
		border-left: 10px solid #2C5892;
		position: relative;
		right: 50%;
	}
	.home-left-box .img-home-box {
		position: relative;
		left: 0;
		max-width: 50%;
	}
	.home-left-box .index-box {
		padding: 20px;
		width: 50%;
		background-color: #fff;
		border-right: 10px solid #2C5892;
		text-align: right;
	}

}
@media (min-width: 993px) {
	.home-right-box, .home-left-box {
		position: relative;
		margin: 3rem 0;
	}
	.home-right-box .img-home-box {
		position: relative;
		left: 50%;
		max-width: 50%;
	}
		.home-right-box .index-box {
			padding: 20px;
			width: 50%;
			position: absolute;
			left: 10%;
			z-index: 90;
			background-color: #fff;
			top: 50%;
			transform: translateY(-50%);
			border-left: 10px solid #2C5892;
			box-shadow: 11px 9px 10px rgba(68,68,68,0.2);
		}
	.home-left-box .img-home-box {
		position: relative;
		left: 0;
		max-width: 50%;
	}
		.home-left-box .index-box {
			padding: 20px;
			width: 50%;
			position: absolute;
			right: 10%;
			z-index: 90;
			background-color: #fff;
			top: 50%;
			transform: translateY(-50%);
			border-right: 10px solid #2C5892;
			box-shadow: -11px 9px 10px rgba(68,68,68,0.2);
			text-align: right;
		}
}

/* Responsive */
@media (max-width: 1200px) {

	#wrapper {
		overflow: hidden;
	}
	.open-menu {
		position: absolute;
		top: 0;
		overflow: hidden;
		width: 100%;
	}
	.logo img {
		max-width: 150px;
	}
	.header-menu-user a {
		font-size: 12px;
	}
	.header-menu,
	.d-flex.header-right{
		display: none !important;
	}
	.lang-nav {
		text-align: center;
		padding: 20px 0;
		color: #fff;
	}
		.lang-nav a {
			color: #fff;
		}
	.submenu {
		position: relative;
		opacity: 1;
		visibility: visible;
		background-color: transparent;
		display: none;
	}
	.site-header {
		background-color: #fff;
	}
	.site-header .container > .d-flex {
		justify-content: center;
	}
	.mobile-menu {
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 90;
	}
	.logo {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.mobile-menu {
		display: block;
	}
	.home-slider.owl-carousel .owl-item .item-text,
	.home-slider.owl-carousel .owl-dots {
		left: 5%;
	}
	.home-slider.owl-carousel .owl-dots {
		bottom: 10px;
	}
		.home-slider.owl-carousel .owl-item h1{
			font-size:30px;
		}
		.home-slider.owl-carousel .owl-item h2 {
			margin: 5px 0;
			font-size: 16px;
		}
		.slider-list > li {
			font-size: 14px;
		}
			.slider-list > li span {
				line-height: 1.2;
			}
	.top-box {
		padding: 10px;
	}
		.top-box > h4 {
			margin-top: 0;
		}
	.nouser .header-phone {
		position: absolute;
		display: block;
		right: 0;
		top: 23px;
		padding-left: 30px;
	}


	#return-shipments thead tr:nth-child(2) th {
		top: 60px
	}
}
@media (max-width: 992px) {
	.services-top h1 {
		font-size: 30px;
	}
	.logo {
		max-width: 100%;
		flex: 1;
	}
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.banner-track {
		margin-top: 0;
	}
	.header-menu-user {
		display: none;
	}
	.tables-all {
		flex-direction: column;
		overflow: auto;
	}
	.table-ship-left,
	.table-ship-right {
		width: 100% !important;
	}
	
	.amounts-containter{
		justify-content: flex-start !important;
	}

	.invoices_amounts{
		overflow-x: auto;
		grid-template-columns: 170px 200px 120px 100px 200px ;
	}

	.invoices_amounts .amount_1{
		grid-column-start: 1 !important;
	}

	.invoices_amounts .amount_2{
		grid-column-start: 2 !important;
	}

	.invoices_amounts .amount_3{
		grid-column-start: 3 !important;
	}

	.invoices_amounts .amount_4{
		grid-column-start: 4 !important;
	}

	.invoices_amounts .amount_5{
		grid-column-start: 5 !important;
	}

	.invoices_amounts .amount_6{
		grid-column-start: 5 !important;
	}

	.invoices_amounts .amount_7{
		grid-column-start: 1 !important;
	}

	.invoices_amounts .amount_8{
		grid-column-start: 2 !important;
	}

	/* Body none flex */
	body {
		display: block;
	}
	main {
		flex: 0;
		height: auto;
		max-height: 100%;
	}

	.senders_submit_btn{
		display:flex;
		justify-content: flex-end;
		width: 100%;
	}
}
@media (max-width: 767px) {
	body > .container {
		width: 100%;
	}
	.padd-offset {
		padding-top: 0;
	}
	.bTitle {
		margin-top: 0;
		padding-top: 0;
	}

	.calculator-title{
		margin-top: 10px;
		font-size: 18px;
	}

	#initialUpload {
		padding: 0 15px;
	}
	/* Table */
	.home-slider-box {
		margin: 0 -15px;
	}
	.align-tables {
		flex-wrap: wrap;
	}
		.align-tables > div,
		#shipment_stage2_wrapper {
			width: 100%;
		}
	h1 {
		font-size: 20px;
	}
	h2 {
		font-size: 18px;
		margin-top: 0;
	}
	label {
		font-size: 13px;
		font-weight: 400;
	}

	/* Slider */
	.home-slider-box {
		/*background: url(../images/slider/3.jpg) no-repeat center center;*/
		background-size: cover;
		height: auto;
		padding: 20px 0;
	}
		.home-slider-box .home-slider {
			display: none;
		}
		.top-box {
			left: 0;
			right: 0;
			margin: auto;
			position: relative;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}
	@media (max-width: 812px) {
		.top-box {
			margin-top: 60px;
		}
	}

	/* Tables */
	table.dataTable > tbody > tr.child ul.dtr-details {
		width: 100%;
	}
		table.dataTable > tbody > tr.child span.dtr-title {
			min-width: 120px !important;
		}
	.senders-table,
	.senders-table tbody,
	.senders-table tr,
	.senders-table td,
	.import-table,
	.import-table tbody,
	.import-table tr,
	.import-table td,
	.visible-mobile {
		display: block;
	}
		.senders-table thead,
		.import-table thead {
			display: none;
		}
		.senders-table tr{
			border-bottom: 1px solid #ddd;
		}
		.import-table tr {
			border: 1px solid #ddd;
			padding: 10px;
		}
			.senders-table td {
				border-top: 0 !important;
			}
			.import-table td:first-child {
				border-top:0;
			}
	.import-table td {
		display: flex;
		justify-content: space-between;
	}
	#connection_table {
		display: block;
	}
	.index-box {
		padding-left: 0px;
		padding-right: 0;
	}
	.services-top .item-text {
		max-width: 90%;
	}
	.nouser .header-phone span {
		display: none;
	}

	.integrationtTitle{
		font-size: 24px;
	}
}
@media (max-width: 580px){
	.services-top h1 {
		font-size: 25px;
	}
	.services-top h2 {
		font-size: 20px;
		margin: 10px 0;
	}
	.services-list li {
		width: 100%;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		font-size: 12px;
	}
	/* Senders Table */
	.senders-table .senders-title {
		display: none;
	}
	.footer-logo {
		display: none;
	}
	.site-footer .d-flex,
	.social-networks {
		width: 100%;
	}
	/* Homepage */
	.home-right-box, .home-left-box {
		margin: 0 -15px;
	}

	.service-info-and-image-container{
		height: 100%;
	}

	.service-info-and-image-container .index-box {
		border-left: none;
    	box-shadow: none;
		position: unset;
		width: 100%;
		z-index: 0;
	}

	.index-box {
		padding-left: 20px;
		padding-right: 20px;
	}

	.invoices_caption {
		flex-direction: column;
		align-items: normal !important;
	}

	.invoices_caption p {
		font-size: 20px !important;
	}

	.invoices_caption  .invoice_buttons{
		justify-content: flex-end;
	}

    .invoices_caption .caption-button {
        display: none !important;
    }

    #paypal-button-container {
        z-index: 0;
    }
}


.icon {
  position: absolute;
  top: 10px;
  width: 20px;
  height: 20px;
}
.icon > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

.errMsg, .successMsg {

	font-size: 13px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}

.errMsg { color: red; }
.successMsg { color: green; }

table.uData {

	border-collapse: collapse;
	width: 100%;
}

table.uData td {

	color: #363636;
	padding: 5px;
}

table.uData td:first-child, .find-address{

	font-size: 11px;
	font-weight: bold;
	text-align: right;
	width: 35%;
}

table.uData td:nth-child(2) {
	font-size: 14px;
}





.half { width: 50%; }
.halfLeft { width: 50% !important; float: left; }
.halfRight { width: 50% !important; float: right; }
.clear { clear: both; }

.required {
	color: red;
	font-weight: normal;
	font-size: 16px;
}

.infoData {
	width: 100%;
	border-collapse: collapse;
	color: #363636;
	text-align: center;
	border: solid 1px #e8e8e8;
}

.infoData thead th {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 2px;
	background-color: #CCFFCC;
	text-align: left;
}

.infoData thead th:last-child {
	text-align: center;
}

.infoData tbody td {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 2px;
	border-bottom: solid 1px #e8e8e8;
	vertical-align: middle;
	text-align: left;
}

.infoData tbody td:last-child {
	text-align: center;
}

.infoData tbody tr:nth-child(even) td {
	background-color: #e8e8e8;
}

.infoData tbody td .tinyLink {
	padding: 0;
	color: blue;
}

.pagination {
	display: block;
	text-align: right;
	float: right;
	max-width: 50%;
	margin: 10px 0;
}

.pagination a {
	color: #1F4980;
	float: left;
	display: inline-block;
	margin-left: 2px;
	padding: 3px 5px;
	border: solid 1px #1F4980;
	font-size: 12px;
}

.pagination a.current, .pagination a.current:hover {
	background-color: #1F4980;
	color: white;
}

.pagination a:hover {
	text-decoration: none;
	background-color: #d0d0d0;
	color: white;
}


p.normalText {
	line-height: 20px;
	color: #363636;
	font-size: 13px;
	font-weight: normal;
}

p.normalText a.tinyLink { color: blue; }

.smTitle {
	color: #1F4980;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
}

.btnWrapper { margin-top: 15px; text-align: center; }
.btnWrapper input { padding: 5px; }
.btnWrapper input:hover { cursor: pointer; background-color: gray; color: white; }

#importForm {

	margin-top: 15px;
}

#importForm input[type="file"] {
	border: solid 1px #e8e8e8;
	padding: 3px;
	width: 400px;
	float: left;
}

#importForm .btnWrapper {
	float: left;
	margin-top: 0;
}

.requiredInput {
	border: solid 1px red;
}

#nrimsg { display: none; }

.red { color: red; }
.green { color: green; }

small.red, small.green { font-size: 12px; }
b.green { font-size: 22px; }

#dateFilter {

	border: solid 1px #e8e8e8;
	padding: 10px;
	background-color: #e8e8e8;
	border-radius: 5px;
	box-shadow: 1px 1px 3px black;
}

#dateFilter table {

	padding: 5px;
}

#dateFilter table tr td {

	padding: 5px 10px;
	font-size: 13px;
}

#dateFilter table tr td select {
	padding: 7px;
	min-width: 250px;
}


#dateFilter .fromDate {
	float: left;
	margin-left: 10px;
}

#dateFilter .toDate {
	float: left;
	margin-left: 10px;
}

#dateFilter button {
	margin-left: 5px;
	margin-top: -2px;
	padding: 5px 10px;
}

#dateFilter .dateInput {
	width: 140px;
	margin-left: 10px;
	padding: 6px 5px;
}
.rightTable td {
  text-align: left !important;
}

#connection_table th,#connection_table caption {
  text-align: center !important;
  color: black;
}

#connection_table caption {
  font-weight:800;
  color: darkblue;
  margin-bottom:10px;
}

body.modal-open div.modal-backdrop {
  z-index: 1;
}

div.ui-selectmenu-open {
  position: absolute;
  z-index: 65535;
}

/*.ui-autocomplete {*/
  /*position: absolute;*/
  /*z-index:65535;*/
/*}*/

#senders-button,#edit_senders-button {
  width:100%;
}
/*combobox*/
.custom-combobox {
    display: flex;
    align-items: center;
	position: relative;
}
.custom-combobox-toggle {
	position: absolute;	
	right: 0;
	margin-right: 5px;
	background-color: white;
 	z-index: 3 !important;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
  background: white;
}

/*.ui-corner-right {*/
  /*position: absolute;*/
/*}*/

.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;   /* prevent horizontal scrollbar */
  overflow-x: hidden; /* add padding to account for vertical scrollbar */
  z-index:777777 !important;
}

.ui-icon-triangle-1-s {
  z-index:777778 !important;
}

.shipment_price {
  font-weight: 700;
  font-size:180%;
  text-align: center;
}

.edit_shipment_price{
	padding: 7px 0;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.price-label{
	padding: 10px 0;
}

table.dataTable thead, table.dataTable tbody, table.dataTable thead tr:first-child, table.dataTable thead tr:nth-child(2) {
	width:100%;
}

table.dataTable {
	position: relative;
}

#shipment_stage1 tbody tr:hover, #shipment_stage2 tbody tr:hover {
  background-color: lightgreen;
}

.maintitle {
	width:80%;
	float:left;
}

.importtable {
	width:100%;
	border:1px solid #ccc;
}

.importtable tr td, .importtable tr th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:3px;
}

.errorred {
	background-color: red;
	color: #fff;
}
.errorred a {
	color: #fff;
}

.errorred input {
	color: #000;
}

.errorborder {
	border: 2px solid red;
}

.redclass {
	background-color: #f11010d6 !important;
	color: #fff;
}

.importtable input[type=text] {
	border: 1px solid #333;
    background: #999;
    color: #fff;
}

.importtable .customwidth_50 {
	width: 50px;
}

.importtable .customwidth_70 {
	width: 70px;
}
/*
div.dataTables_scrollBody thead {
	display: none;
	visibility: hidden;
}
*/
.btn-green {
	color: #fff !important;
	background-color: #7BBA73 !important;
	border-color: transparent;
	font-weight: bold;
}

/*.dataTables_scrollHeadInner {*/
	/*margin-right: auto;*/
	/*margin-left: auto;*/
/*}*/

table.dataTable tbody th,
table.dataTable tbody td {
	word-break: break-word;
}
/* VERY IMPORTANT FOR DATATABLES SCROLL */
.dataTables_scroll
{
	overflow:auto;
}

.hideelement {
	display: none;
}
.hidden_thead_row {
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
	/* padding: 0 !important is added with js for priority */
}
.table-ship-left {
	border-right: solid 5px #657587;
}
.modal-body {
	overflow-y: auto;
	padding: 5px 20px;
}
.modal-footer {
	padding: 5px 20px;
}
.glyphicon:hover {
	color: yellow;
}

.fa-info-circle:hover{
    transform: scale(1.1);
	color: #e0be86;
}

#shipment_stage1 tr:first-child, #shipments tr:first-child {
	z-index: 1;
}
.glyphicon {
	font-size: 20px;
}

.tab-width {
	width: 25%;
}

.tab-width > a {
	width:100%;
	text-align: center;
}

#shipment_stage2_wrapper {
	padding-top: 3px;
	margin-top: 0;
}

table.dataTable tbody tr.selected {
	background-color: #B0BED9 !important;
}

#shipments_wrapper{
	height: 100%;
}

#shipments_wrapper .dataTables_scroll {
	background-color: #fff;
    height: calc(100vh - 265px);
    overflow-y: scroll;
}
.caption-add {
	position: absolute;
	left: 50%;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	top: calc(100% + 8px);
	z-index: 9;
}
#shipments_wrapper .dataTables_scroll caption {
	display: none;
}
.alerts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(67,67,67,0.7);
	z-index: 9999;
}
	.alerts > div {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 700px !important;
		margin: auto;
		left: 0;
		right: 0;
		max-width: 100%;
		z-index: 9999;
	}
	.download-templ {
		display: block;
		width: 600px;
		max-width: 100%;
		background-color: #2c5892;
		opacity: 0.9;
		color: #fff;
		margin: 1rem auto;
		padding: 7px 0;
		text-align: center;
	}
		.download-templ:hover {
			color: #fff;
			text-decoration: none;
		}

.cookiePop {
	background-color: #000;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	width: 100%;
	line-height: 25px;
	left: 0;
	opacity: .8;
	position: fixed;
	z-index: 110000000;
	display: none;
	padding: 3px 10px 10px;
}
.cookiePop a {
	color: #fff!important;
	text-decoration: underline!important;
}
.cookiePop #closeCookie {
	width: auto;
	height: 20px;
	background-color: #4cae4c;
	line-height: 20px;
	color: #000;
	padding: 5px 10px;
	border-radius: 3px;
	text-decoration: none!important;
	font-weight: 700;
}

.uploadedFile-numbers {
	font-weight: 700;
	font-size: 22px;
}

.rotate-90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.addressTooLong {
	background-color: #ffdb99 !important;
}

.unitValueWarning {
	background-color: lightpink !important;
}

.filter-labels {
	text-align: right;
	vertical-align: text-bottom;
	padding: 0 0 !important;
}

.filter-labels-input {
	width: 50%;
	padding: 1.5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: black;
}
#custom-scroll {
	max-height: 38px;
	overflow: hidden;
	max-width:calc(100% - 110px);
	flex:1;
}
.table-ship-right .ui-tabs .ui-tabs-nav li {
	display: inline-block !important;
	float: right !important;
	margin: 0 0 0 0.2em !important;
	border: 0 !important;
	background: none !important;
	width: auto !important;
}
.table-ship-right .mCSB_horizontal.mCSB_inside > .mCSB_container {
	padding: 0;
	margin: 0 0;
}
.table-ship-right .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	opacity: 0 !important;
}
.mCSB_scrollTools {
	opacity: 1;
}
/*.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {*/
/*	background-position: 3px 14px;*/
/*	top: -22px;*/
/*	left: 0;*/
/*	opacity: 1 !important;*/
/*	width: 15px;*/
/*	background-color: #E9E9E9;*/
/*	!*height: 38px;*!*/
/*}*/
.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	top: -20px;
	opacity: 1 !important;
	width: 15px;
	height: 30px;
	background-image: none;
}
.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	background-position: -100px -40px;
	background-image: url('https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/mCSB_buttons.png');
	width: 15px;
	height: 16px;
}
/*.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {*/
/*	background-position: 4px -35px;*/
/*	top: -22px;*/
/*	right: 0px;*/
/*	opacity: 1 !important;*/
/*	width: 15px;*/
/*	background-color: #E9E9E9;*/
/*	height: 38px;*/
/*}*/
.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	top: -20px;
	opacity: 1 !important;
	width: 15px;
	height: 30px;
	background-image: none;
}
.table-ship-right .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	background-position: -100px -55px;
	background-image: url('https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/mCSB_buttons.png');
	width: 15px;
	height: 16px;
}
/* .table-ship-right .ui-tabs .ui-tabs-nav {
	padding: 0 15px;
} */
.table-ship-right .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: right !important;
	display: block;
	border: 1px solid #999;
	background-color: #ccc;
	padding: .3em .6em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-ship-right .ui-tabs .ui-tabs-nav .ui-tabs-anchor span {
	font-weight: 300;
}
.table-ship-right .ui-widget-header {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
}

.ui-tabs-active > a {
	background-color: #007fff !important;
}

input[type=number].filter-me::-webkit-inner-spin-button,
input[type=number].filter-me::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.filter-me {
	font-size: 12px !important;
	font-weight: 400  !important;
}

.hidden-info-icons  {
	background: transparent;
	width:100%;
}

/* .glyphicon:before {
	font-size: 15px;
} */

.track-scrollable{
	overflow-y: auto;
}
table thead th {
	position: sticky;
	top: 0;
	text-align: center;
	z-index: 1;
}
thead tr:nth-child(2) th {
	top: 37px;
}

/* todo Style for multiline select plugin, which is so small that it shouldnt be an HTTP request and will soon be removed anyway */
.ui-selectmenu-menu-item-header{display:block;font-weight:700}.ui-selectmenu-menu-item-content{display:block}

#invoices_wrapper .dataTables_scroll {
	height: calc(100vh - 179px);
}

.dataTable-Hidden-3 {
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
	white-space: break-spaces !important;
}

.dataTable-AdditionalInfo-Force-250w {
	width: 200px !important;
	min-width: 200px;
}

.w-100 {
	width: 100%;
}

.btn-group .btn+.btn {
	margin-left: unset;
}

/* PICKUPS PAGE */
#pickups tbody td {
	vertical-align: middle;
}

.pickups-whole-wrapper .dataTables_wrapper {
	margin: 0;
}

#pickups_wrapper .dataTables_scroll {
	height: calc(100vh - 238px);
}
#pickups_wrapper thead tr:nth-of-type(2) th {
	top: 50px;
	padding-top: 10px;
}
#pickups td:nth-of-type(1) {
	white-space: nowrap;
}

#pickups-tabs {
	border-left: 1px solid #E9E9E9;
	padding: 0;
	/* background: #F6F6F6; */
}
#pickups-tabs .tab-list {
	width: 100%;
	padding: 0 15px;
}

#pickups-tabs .tab-content {
	padding: 15px;
	border-top: 1px solid #E9E9E9;
}
/* end Pickups page */

.swal-new-tariffs {
	height: 99px;
}


table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
	margin-top: -25px !important;
}

.vertical-align {
	vertical-align: top !important;
}

.margin-left-auto {
	margin-left: auto;
}
.text-align-end {
	text-align: end;
}
.calculator-table {
	border-bottom: 2px solid #ddd;
	padding: 8px;
	line-height: 1.42857143;
}

.calculator-table-header{
	font-weight: 600;
}

.padd-offset-1rem {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}
::-webkit-scrollbar {
	-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
	width: 10px;
}
::-webkit-scrollbar:horizontal {
	height: 12px;
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}

.select2-option-container{
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-align: left
}

.glyphicon:before {
    font-size: 12px;
}

.select2-option-code{
	margin:0 0 6px 0;
	font-weight: 500;
}

.tax-message{
	font-size: 14px;
	font-weight: 300;
	padding: 10px 0;
}

.dimensions-container{
	display:flex;
	flex-direction: column;
}

.pb-10{
	padding-bottom: 10px;
}

.menu-link{
	font-size: 14px;
    text-decoration: none !important;
}

.dropdown-menu{
	min-width: 110px;
	padding: 0;
}

.tab-container{
    margin: 25px;
}

.tab-list{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.tab-form{
	width: 70%;
    margin: 50px auto;
}

.tab-select + .select2-container{
	width: 100% !important;
}

.edit-btn{
	background-color: #d8dadc;
	color: black;
}

.edit-btn:hover,
.edit-btn:focus {
	background-color: #c0c3c7;
	color:white;
}

.btn-container{
	text-align: right;
}

.m-10{
	margin: 10px;
}

.mt-25{
	margin-top:25px;
}

.mt-45{
	margin-top:45px;
}

.mb-10{
	margin-bottom: 10px;
}

.height_100{
	height: 100%;
}

.tab-sub-header {
	font-size: 14px;
    color: #666666;
}


.btn-step {
	background-color: #e6e5e5;
}


.welcome_alert{
	margin: auto;
	width: 70%;
	text-align: center;
	font-size: 14px;
}

.welcome_alert strong{
	font-size: 14px;
}

.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
	position: relative;
    display: table;
	margin: 50px auto;
    width: 70%;

}

.stepwizard-step .disabled-btn {
	pointer-events:none;
}

.stepwizard-step .disabled-btn span {
	display: none;
}



.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 4px;
    background-color: #e6e5e5;
	border-radius: 50px;

}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
	position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50px;
}

.btn-circle-small{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: -12.5px 0px 0px -12.5px;
    height: 25px;
    border-radius: 50px;
	opacity: 0.65;
}

.step-title{
    color: #2C5892;
}

.step-font{
	font-size: 16px;
	font-weight: 500;
}

.display-none{
	display: none;
}

.active span {
	opacity: 1;
}

.input_error_message{
	visibility: hidden;
	padding: 5px 0 5px 5px; 
	color:red; 

}

.form-check{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.check-container{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.checkbox-label{
	padding-top:0;
	font-weight:500;
}

.delivery_prices_link{
	color:#337ab7;
	text-decoration: underline;
}

.p-0{
	padding: 0;
}

.p-10{
	padding: 10px;
}

.pt-30{
	padding-top: 30px;
}

.width-fit-content{
	width: fit-content;
}

.calc-dimensions-ckeckbox{
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-list{
    list-style-type: disc;
	padding-left: 15px;
}

.services-container{
	display: grid;
	grid-template-columns: repeat(auto-fill, 240px);
	justify-content: center;
	grid-gap: 50px;
	margin-top: 20px;
	width: 100%;
}

.service-container{
	position: relative;
	overflow:hidden;
	background-color:white ;
	box-shadow: 0 1px 15px -4px rgb(0 0 0 / 30%);
}

.service-container:after {
	display: block;
	padding-bottom: 100%;
	content: "";
  }


.service-name-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: .3s ease;
}

.service-name{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1;
}

.mobile-services-container{
	display: none;
}

.mobile-service-container{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: #333;
	background-color: white;
	box-shadow: 0 1px 15px -4px rgb(0 0 0 / 30%);
}

.mobile-service-container:active{
	color: #333;
	text-decoration: none;
}

.mobile-service-container:after {
	display: block;
	padding-bottom: 45%;
	content: "";
  }


.mobile-service-name-container{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: .3s ease;
}

.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .3s ease;
}

.service-container:hover .overlay {
	height: 100%;
}

.service-container:hover .service-name-container{
	height: 150%;
}

.service-text {
	display: flex;
    flex-direction: column;
	position: absolute;
    top: 63%;
    left: 50%;
    margin: auto;
	padding: 30px;
	width: 100%;
	height: 100%;
    text-align: left;
    justify-content: center;
    font-size: 12px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.service-text p {
    padding-top: 20px;
}

.service-link {
	float: right;
    padding-bottom: 25px;
    padding-top: 15px;
	color: #337ab7;
}
.all-services-info-container{
    width: 63%;
    margin: auto;
	text-align: left;
}

.all-services-info-box{
	padding: 20px;
    border-left: 10px solid #2C5892;
    box-shadow: 5px 9px 10px rgb(68 68 68 / 20%);
}

.login-form{
	display: flex;
	justify-content: center;
}

.login-form-checkbox-container{
	display: flex;
	align-items: center;
	padding: 10px 0 10px 0;
}

.login-checkbox{
	margin: 0 5px 0 0 !important;
}

.calc-matrix th{
	background-color: transparent;
}

.calc-matrix td{
	text-align: center;
}

.img-faq{
	position: absolute;
	right: 0;
	top: 50px;
	width: 45%;
    height: 750px;
    object-fit: cover;
}

.faq_page{
	margin-bottom: 15px;
}

.faq_page section{
	position: relative;
}

.faq_page .panel{
	margin:10px;
}

.faq_page .panel-group{
	width: 50%;
}

.faq_page .panel-heading{
	padding: 10px 0;
}

.faq_page .panel-body{
	padding: 15px 0;
	font-size: 15px;
	line-height: 1.3;
}

.faq_title{
    font-weight: bold;
    padding: 10px 0;
    margin: 10px;
    text-align: left;
}

.faq_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #2c5892 !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

.faq_header:hover{
	text-decoration: none;
}

.faq_header:focus{
	text-decoration: none;
}

.faq_icon{
	padding-left: 15px;
	color: black;
	font-size: 16px;
}

.faq_link{
	color:#2c5892;
}
.sub-caption{
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding: 0px 10px 10px 10px;
    width: 100%;
}

.caption-button {
	display: flex;
    align-items: center;
    justify-content: center;
	height: 32px;
    width: 40px;
	border-radius: 1px;
} 

.caption p{
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5;
}

.sub-caption .glyphicon-print:hover{
	color: white;
}

.caption-button:hover{
	color: white;
	opacity: 0.9;
}

.danger{
	background-color: #d5262c;
	color: white;
}

.primary{
	background-color: #2c5892;
	color: white;
}

.sub-caption-buttons {
	display: flex;
	align-items: center;
}

.sub-caption-buttons button:not(:last-child) {
	margin-right: 5px;
}

.sub-caption-buttons button:not(.btn-danger){
	background-color: #2c5892 !important;
}
.sub-caption-buttons button{
	border-radius: 1px !important;
	color: white;
	height: 32px;
	font-size: 13px;
	padding: .5rem 1rem;
}

.sub-caption-buttons button:hover{
	opacity: 0.9;
}

.sub-caption-buttons .dt-button-collection {
	padding: 0 !important;
}

.sub-caption-buttons .dt-button-collection button{
	background-color: white !important;
	color: black !important;
	margin: 0 !important;
	border-bottom: 1px solid #ccc !important;
}

.sub-caption-buttons .buttons-collection{
	margin:0 !important;
}

.sub-caption-buttons .dt-button-collection button:hover{
	background-color: #e6e6e6 !important;
}

.buttons-collection span{
	font-size: 12px ;
}

.manifests-table-header{
	background-color: #f2f2f2;
}

.manifests-table-header .glyphicon-print:hover {
    color: white;
}

.manifests-table-tabs{
	padding: 0;
	border: none !important;
	background-color: #f2f2f2;
}

.manifests-items{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}


.manifests-table-tabs #custom-scroll{
	flex: none;
	max-width: 100%;
}

.manifests-table-tabs p {
	font-size: 23px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}

.manifests-table-tabs .ui-widget-header{
	background-color: #f2f2f2;
	padding-right: 0;
}

#connection_table th{
	text-align: left !important;
}

 .panel-body table thead th {
	 text-align: left !important;
 }

 #shipment_stage1 thead tr{
	height: 43px;
 }
 
 #shipment_stage1 thead tr th {
	box-shadow: 0px 1px 1px #ececec;
}

.shipment_table_toggle_checkbox{
	position: relative;
	top: 2px;
	width: 14px !important;
	height: 12px !important;
}

.export-btn{
	justify-content: flex-end;
}

.export-btn button{
	margin: 0 !important;
}

.process-header{
	display: flex;
	flex-direction: column;
    justify-content: flex-end;
	padding: 10px;
	margin: 10px 15px;
	height: 96px;
    background-color: #f2f2f2;
}

.process-header p{
	font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
}

.process-header .process-buttons{
	display: flex;
}

.process-header .process-buttons button{
	margin: 0;
}

.process-buttons button{
	margin: 0 0 0 5px ;
	padding: 0 10px;
    border-radius: 1px ;
    background-color: #2c5892 ;
    color: white;
    height: 32px;
    font-size: 13px;
}

.process-body{
	margin: 0 auto;
	padding: 10px;
	width: 90%;
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.shipment-dimensions-container{
	display: flex;
	margin: 10px 0;
}

.shipment-dimensions{
	display: flex;
	align-items: center;
	justify-content: center;
}

.shipment-dimensions input{
	width: 45%;
}

.shipment-dimensions label{
	padding-top: 0;
	padding-right: 10px;
}

.invalid-content-message{
	display: none;
}

.input-invalid {
	border: 1px solid red;
}

.ticket-label-container{
	padding: 10px 0 10px 2px
}

.invoices_container{
	background-color: #f2f2f2;
}

.invoices_caption {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 15px;
}

.invoices_caption p{
	text-align: left;
	font-size: 23px;
    font-weight: 700;
    line-height: 1.5;
}

.invoice_buttons{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#paypal-button-container {
	height: 32px !important;
}

.invoices-footer{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px;
}

.invoices-footer label,.invoices-footer .dataTables_info {
	padding: 0 !important;
}

.status-badge{
    padding: 4px;
	text-align: center;
    border: 2px solid;
    border-radius: 5px;
    line-height: 1.3;
	color: #696969;
}

.status-paid{
	color: #6fbf08;
}

.status-overdue{
	color: #e83343
}
.status-partially-paid{
	color: #fdc106
}

#download_confirmation .modal-body{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 115px;
}

#download_confirmation .modal-content{
	width: 500px;
}


#download_confirmation_content{
	font-size: 16px;
}

.download-btn{
	padding: 5px 25px;
	margin-left: 5px;
	color: white;
    font-size: 15px;
    font-weight: 600;
}

.download-btn:hover{
	opacity: 0.9;
}

#download_confirmation .modal-footer{
	padding: 10px;
}

.btn-yes{
	background-color: #7fc008;
}

.btn-no{
	background-color: #c4c4c4;
}

.news-img{
	margin-bottom: 1rem;
	height: 200px;
	width: 100%;
	object-fit: cover;
}

#news-item-modal .modal-dialog{
	width: 45vw ;
}

#news-item-modal .modal-title{
	font-size: 16px;
}

#news-item-modal .modal-body{
	padding: 30px;
	max-height: 60vh;
	font-size: 15px;
}

.news-badge{
	position: absolute;
	top: -11px;
    right: -7px;
	padding: 3px 4px;
	background-color: red;
    font-size: 9px;
}

.relative{
	position: relative;
}

.alert-light{
	text-align: center;
	color: #818182;
    background-color: #f8f8f8;
    border-color: #fdfdfe;
}

.shipment_sizes-table tbody tr{
	text-align: center;
}

.track-container{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.track-container form{
	width: 26%;
}

.track-container .panel-group{
	width: 72%;
}

.search_shipments_button{
	width: 100%;
}

.search_shipments{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.search_shipments_button button{
	padding: 10px 20px;
	margin-top: 10px;
	float: right;
}

.track-btn{
	width: 100%;
	font-weight: 500;
}

.search_shipments_button .fa-box-open{
	padding-left: 10px;
}

.length-error{
	color: red;
	font-size: 14px;
	visibility: hidden;
}

/*Vertical Steps*/
.list-group.vertical-steps{
	padding-left:10px;
  }

.list-group.vertical-steps .list-group-item{
	border:none;
	border-left:1px solid #ccc;
	padding: 0 0 40px 22px;
}

.list-group.vertical-steps .list-group-item.active{
	background-color:transparent;
	color:inherit;
}

.list-group.vertical-steps .list-group-item:last-child{
	border-left:2px solid transparent;
	padding-bottom:0;
}

.list-group.vertical-steps .list-group-item::before {
	display:inline-block;
	margin-left:-35px;
	height:23px;
	width:23px;
	float:left;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color:#e6e5e5;
	content: "";
}
.list-group.vertical-steps .list-group-item span,
.list-group.vertical-steps .list-group-item a{
	display:block;
	padding-top:4px;
}

/*Active/ Completed States*/
.list-group.vertical-steps .list-group-item.active::before{
	background-color:#7BBA73;
}

.status-date{
	padding-top: 5px;
	color: #6a6666;
}

#track-accordion .panel-title{
	display: flex;
	justify-content: space-between;
	min-height: 30px;
	max-height: fit-content;
}

#track-accordion .panel-default{
	margin-bottom: 15px;
}

.track-panel-header-cell{
	max-width: 150px;
	word-break: break-all;
}

#invoices_table_wrapper, #credit_notices_table_wrapper, #protocols_table_wrapper{
	margin-top: 0 ;
}

#invoices_table_wrapper table.dataTable thead th, table.dataTable thead td,
#credit_notices_table_wrapper table.dataTable thead th, table.dataTable thead td,
#protocols_table_wrapper table.dataTable thead th, table.dataTable thead td{
	padding-top: 15px;
}

#invoices_table_wrapper .dataTables_scroll,
#credit_notices_table_wrapper .dataTables_scroll,
#protocols_table_wrapper .dataTables_scroll
{
	height: calc(100vh - 320px);
}

#invoices_table, #credit_notices_table, #protocols_table,#cod-shipments{
	position: relative;
	table-layout: fixed;
}

#invoices_table .table thead tr th,
#credit_notices_table .table thead tr th,
#protocols_table .table thead tr th{
	vertical-align: top !important;
}

.pr-0{
	padding-right: 0;
}

.view_surcharges_container .row{
	padding-bottom: 4px;
}

.view_surcharges_container .row label{
	padding-top: 0px;
	font-weight: 400;
}

.special_content_container .select2-container{
	width: 100% !important;
}

.table-layout{
	position: relative;
	table-layout: fixed;
}

#invoices_table_wrapper .select2-container--default .select2-selection--single,
#credit_notices_table_wrapper .select2-container--default .select2-selection--single,
#protocols_table_wrapper .select2-container--default .select2-selection--single {
    display: inline-block;
    padding: 2px;
    height: 34px;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    font-weight: 400;
    background-color: white !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    color: #464a4c;
    vertical-align: middle;
}

/* HISTORY PAGE */
#history-tabs {
	overflow: auto;
	height: 100%;
}

#history-tabs .dataTables_wrapper {
	background: none;
	margin: 0
}
#shipments_wrapper  {
	height: auto!important;
	padding-bottom: 10px;
}
#history-tabs .dataTables_scroll {
	height: calc(100vh - 355px);
}
/* Table closed manifests ( Manifests history ) */
#closed-manifests thead tr:nth-child(2) th {
	top: 54px
}
#closed-manifests td:nth-of-type(-n+2) {
	white-space: nowrap;
}
/* end history page */

.invalid-content-message-import {
	display: none;
	padding: 0 0 0 3px; 
	text-align:left; 
	font-size: 13px
}

.integrations_buttons{
	display: flex;
}

.integrations_buttons button{
	padding: 5px 10px !important;
	font-size: 13px;
	border: none !important;
	border-radius: 1px !important;
	height: 32px;
	color: white;
}


.integrations_buttons button:focus{
	color: white;
	outline: none;
}

.integrations_buttons button:hover{
	color: white;
	opacity: 0.9;
}

.integrations_buttons .dropdown-menu{ 
	right: 0;
	left: auto;
}

.dropdown-menu .integrations-dropdown-item{
	width: 100%;
	text-align: left;
	font-size: 15px;
	background: none;
	color:black;
}

.dropdown-menu .integrations-dropdown-item:hover{
	color: black;
	opacity: 0.9;
	font-weight: 600;
	background-color: #e8e8e8;
}

.integrations_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 5px 20px 5px 12px;
	font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.integrations_modal .select2-container--default .select2-selection--single{
	border: none !important;
}

.integrations_modal  .select2-search__field{
	padding: 0 12px;
	width: fit-content !important;
	border: none;
}

.modal-footer .modal-btn:active,
.modal-footer .modal-btn:focus{
	border:none !important;
	border-color: inherit;
	outline: none;
}

.modal_label{
	margin-bottom: 0.7rem;
	padding-top: 15px;
    font-size: 15px;
}

.modal-body form div input {
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px !important;
}
.integration-form-container{
	display: grid;
	grid-row-gap: 1rem;
	padding: 2rem 1rem;
	align-items: center;
}

.integration-form-container div{
	display: grid;
	grid-template-columns: 25% 70%;
	grid-column-gap: 3rem;
	align-items: center;

}

.integration-form-container div .select2-selection.select2-selection--single{
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

.integration-form-container div .select2-selection__placeholder{
	font-size: 14px;
    font-weight: 500;
}

.integration-modal .modal-footer{
	padding: 10px 20px;
}

#confirm_delete_tariff_modal .modal-body{
	padding: 1rem;
}

#confirm_delete_tariff_modal .modal-body p{
	margin-bottom: 1rem;
}

.tariff-alert-success {
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 40px;
    right: 2px;
    width: fit-content;
    height: 50px;
    float: right;
    z-index: 1;
}

#uploadIntegrationContainer{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	margin: 3rem auto;
	max-width: 600px;
}
	
#integrationUploadForm{
	display: flex;
	flex-direction: column;
    gap: 1.5rem;
	width:100%;
	text-align: center;
}

#integrationUploadForm div{
	display: grid;
    grid-template-columns: 30% 63%;
    gap: 1.5rem;
	row-gap: 0;
	text-align: center;
} 

.integrationtTitle{
	grid-column-start:2;
	margin-bottom: 2rem;
}

.process_integration{
	grid-column-start: 2;
	justify-self: flex-end;
}

#integrationUploadForm .select2-container .select2-selection--single{
	height: 34px;
}

#integrationUploadForm .select2-container{
	width: 100% !important;
}

#integrationUploadForm input{
	text-align: center;
}

#integrationUploadForm .invalid-content-message-import,
#integrationUploadForm .integration-import-error-message
{
    grid-column-start: 2;
    padding: 0;
    margin: 0;
}

#integrationUploadForm .integration-import-error-message{
	color:red;
	text-align: center;
}

.integrationPreviewContainer{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.clients-table{
	position: relative;
	table-layout: fixed;
}

.error-row {
	background-color: #f11010d1 !important;
	color: black;
}

#integrationsImportTable td .edit-me{
	color: black;
}

#integrationsImportTable_filter label input{
	font-weight: 500;
}

#integrationsImportTable_info{
	margin-left: 2rem;
	padding-top: 7px;
}

#editIntegrationImport .row{
	padding-bottom: 0.2rem;
}

#integrationsImportTable_wrapper .dataTables_scroll {
    background-color: #fff;
    height: calc(100vh - 270px);
    overflow-y: scroll;
}

.integrationPreviewContainer{
   margin: 3rem 0 1rem 0;
}

.uploaded-integrations-numbers
{
    font-weight: 400;
    font-size: 17px;
}

.uploaded-integrations-numbers span {
	font-weight: 600;
    font-size: 18px;
}

.integrations-error-icon,
#editIntegrationImport .fas:not(button.visibleModalIcon .fas) {
	display: none;
}


#editIntegrationImport .fa-info-circle:hover{
	color: #ed3535;
}

#editIntegrationImport #common_errors{
	font-size: 17px;
	color: red;
}

.integrations-preview-buttons{
	display: flex;
    justify-content: flex-end;
    margin: 0 2rem 2rem 0;
}

.cursor-not-allowed{
	cursor: not-allowed;
}

.disabled-link{
	pointer-events: none;
	color: #ccc;
}

.reconsent-integration{
	color: #337ab7
}

.integration-alert{
	display:none;
	padding:2rem;
}

.amounts-containter{
	display: flex;
	justify-content: end;
}

.invoices_amounts,.history_stats .type-row, .history_stats .amounts-row{
	width: fit-content;
	display: grid;
	column-gap:1.5rem;
	margin: 1rem 15px 0 15px;
	column-gap: 30px;
} 

.amounts-row-totals{
	width: fit-content;
	display: flex;
	gap:2.5rem;
	margin: 1rem 15px 0 15px;
}

#shipment_stage1.dataTable .dt-plus-icon, 
#integrationsImportTable.dataTable .dt-plus-icon{
    background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
	height: 18px;
    width: 20px;
}

#shipment_stage1.dataTable tr.shown .dt-plus-icon,
#shipment_stage1.dataTable tr.parent-row .dt-plus-icon,
#integrationsImportTable.dataTable tr.shown .dt-plus-icon,
#integrationsImportTable.dataTable tr.parent-row .dt-plus-icon {
    background: url('https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_close.png') no-repeat center center;
}

#shipment_stage1.dataTable th .dt-plus-icon {
	height: 26px;
}

#shipment_stage1.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before,
#integrationsImportTable.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: " ";
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid black;
    border-radius: 3px;
    top: 17px;
}

.parent-row+tr:hover,
.parent-row+tr tr:hover
{
	background-color: #ffffff !important;
}

.dt-child-row tr th{
	font-weight: bold;
}

.dt-child-row tr th,
.dt-child-row tr td{
	text-align: left !important;
}

.stage2-buttons{
	padding: 0px 10px 10px 10px;
}

#consentDropdown{
	background: none;
    outline: none;
    color: #337ab7;
    box-shadow: none;
}

.consent-dropdown{
	min-width: 15rem;
}


#consentDropdown:first-child span{
	margin-right:4px
}


.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}


.disabled-consent-button:hover{
	font-weight: normal !important;
}

.childRow-title{
	max-width: 25rem;
	word-break: break-all;
}

.childRow-image img{
	max-width: 9rem;
	max-height: 9rem;
}

#uploadFileContainer .select2{
	width: 100% !important;

}

#uploadFileContainer .select2-selection--single{
	height: 34px;
    text-align: left;
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

/* Prose: raw markup styling */
.prose {
		color: currentColor;
		max-width: 65ch;
}

.prose [class~="lead"] {
		color: currentColor;
		font-size: 1.25em;
		line-height: 1.6;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
}

.prose a {
		position: relative;
		color: #2c5892;
}

.prose strong {
		font-weight: 600;
}

.prose ol {
		counter-reset: list-counter;
		margin-top: 1.25em;
		margin-bottom: 1.25em;
}

.prose ol > li {
		position: relative;
		counter-increment: list-counter;
		padding-left: 1.75em;
}

.prose ol > li::before {
		content: counter(list-counter) ".";
		position: absolute;
		font-weight: 400;
		color: currentColor;
}

.prose ul > li {
		position: relative;
		padding-left: 1.75em;
}

.prose ul > li::before {
		content: "";
		position: absolute;
		background-color: currentColor;
		border-radius: 50%;
		width: 0.375em;
		height: 0.375em;
		top: calc(0.875em - 0.1875em);
		left: 0.25em;
}

.prose hr {
		border-color: currentColor;
		border-top-width: 1px;
		margin-top: 3em;
		margin-bottom: 3em;
}

.prose blockquote {
		font-weight: 500;
		font-style: italic;
		color: #1a202c;
		border-left-width: 0.5rem;
		border-left-color: #eee;
		quotes: "\201C""\201D""\2018""\2019";
		margin-top: 1.6em;
		margin-bottom: 1.6em;
		padding-left: 1em;
}

.prose blockquote p:first-of-type::before {
		content: open-quote;
}

.prose blockquote p:last-of-type::after {
		content: close-quote;
}

.prose h1 {
		font-weight: 800;
		font-size: 2.25em;
		margin-top: 0;
		margin-bottom: 0.8888889em;
		line-height: 1.1111111;
}

.prose h2 {
		font-weight: 700;
		font-size: 1.5em;
		margin-top: 2em;
		margin-bottom: 1em;
		line-height: 1.3333333;
}

.prose h3 {
		font-weight: 600;
		font-size: 1.25em;
		margin-top: 1.6em;
		margin-bottom: 0.6em;
		line-height: 1.6;
}

.prose h4 {
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		line-height: 1.5;
}

.prose figure figcaption {
		color: currentColor;
		font-size: 0.875em;
		line-height: 1.4285714;
		margin-top: 0.8571429em;
}

.prose code {
		color: currentColor;
		font-weight: 600;
		font-size: 0.875em;
}

.prose code::before {
		content: "`";
}

.prose code::after {
		content: "`";
}

.prose pre {
		color: currentColor;
		background-color: currentColor;
		overflow-x: auto;
		font-size: 0.875em;
		line-height: 1.7142857;
		margin-top: 1.7142857em;
		margin-bottom: 1.7142857em;
		border-radius: 0.375rem;
		padding-top: 0.8571429em;
		padding-right: 1.1428571em;
		padding-bottom: 0.8571429em;
		padding-left: 1.1428571em;
}

.prose pre code {
		background-color: transparent;
		border-width: 0;
		border-radius: 0;
		padding: 0;
		font-weight: 400;
		color: inherit;
		font-size: inherit;
		font-family: inherit;
		line-height: inherit;
}

.prose pre code::before {
		content: "";
}

.prose pre code::after {
		content: "";
}

.prose table {
		width: 100%;
		table-layout: auto;
		text-align: left;
		margin-top: 2em;
		margin-bottom: 2em;
		font-size: 0.875em;
		line-height: 1.7142857;
}

.prose thead {
		color: #1a202c;
		font-weight: 600;
		border-bottom-width: 1px;
		border-bottom-color: currentColor;
}

.prose thead th {
		vertical-align: bottom;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
}

.prose tbody tr {
		border-bottom-width: 1px;
		border-bottom-color: currentColor;
}

.prose tbody tr:last-child {
		border-bottom-width: 0;
}

.prose tbody td {
		vertical-align: top;
		padding-top: 0.5714286em;
		padding-right: 0.5714286em;
		padding-bottom: 0.5714286em;
		padding-left: 0.5714286em;
}

.prose {
		font-size: 1rem;
		line-height: 1.75;
}

.prose p {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
}

.prose img {
		margin-top: 2em;
		margin-bottom: 2em;
}

.prose video {
		margin-top: 2em;
		margin-bottom: 2em;
}

.prose figure {
		margin-top: 2em;
		margin-bottom: 2em;
}

.prose figure > * {
		margin-top: 0;
		margin-bottom: 0;
}

.prose h2 code {
		font-size: 0.875em;
}

.prose h3 code {
		font-size: 0.9em;
}

.prose ul {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
}

.prose li {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
}

.prose ol > li:before {
		left: 0;
}

.prose > ul > li p {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
}

.prose > ul > li > *:first-child {
		margin-top: 1.25em;
}

.prose > ul > li > *:last-child {
		margin-bottom: 1.25em;
}

.prose > ol > li > *:first-child {
		margin-top: 1.25em;
}

.prose > ol > li > *:last-child {
		margin-bottom: 1.25em;
}

.prose ul ul,
.prose ul ol,
.prose ol ul,
.prose ol ol {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
}

.prose hr + * {
		margin-top: 0;
}

.prose h2 + * {
		margin-top: 0;
}

.prose h3 + * {
		margin-top: 0;
}

.prose h4 + * {
		margin-top: 0;
}

.prose thead th:first-child {
		padding-left: 0;
}

.prose thead th:last-child {
		padding-right: 0;
}

.prose tbody td:first-child {
		padding-left: 0;
}

.prose tbody td:last-child {
		padding-right: 0;
}

.prose > :first-child {
		margin-top: 0;
}

.prose > :last-child {
		margin-bottom: 0;
}
/* end prose */


.select2-container.default .select2-selection__arrow{
	height: 100%;
	top: 0;
}
.select2-container.default {
	display: block;
	width: 100%;
}
.select2-container.default .select2-selection--single,
.dataTable_filter_me_th  .select2-selection.select2-selection--single{
	height: 34px;
	padding: 3px 8px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.select2-container.default {
	width: 100% !important;
}

button[disabled] {
	opacity: .6 !important;
	pointer-events: none;
}

input.daterangepicker {
	position: static;
	margin: 0;
}

#columns-filter-dropdown, #columns-filter-dropdown-stage-1, #columns-filter-dropdown-stage-2{
	overflow-y: auto;
	max-height: 70vh;
}

#applied-filters-dropdown{
	left: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 70vh;
    width: 103%;
    right: 258px;
}

.applied-filters-dropdown-component{
	position: static;
}

.history-filters{
	position:relative
}

#columns-filter-dropdown .column-li, #columns-filter-dropdown-stage-1 .column-li, #columns-filter-dropdown-stage-2 .column-li{
	padding: 7px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#applied-filters-dropdown .column-li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: fit-content; 
	width: 101%;
	padding: 10px;
}


#columns-filter-dropdown li a, #columns-filter-dropdown-stage-1 li a, #columns-filter-dropdown-stage-2 li a,
#applied-filters-dropdown li a{
	font-size: 14px;
}

#columns-filter-dropdown li input, #columns-filter-dropdown-stage-1 input, #columns-filter-dropdown-stage-2 input,
#applied-filters-dropdown li input{
	height: 15px;
	width: 30px;
}

#columns-filter-dropdown .divider, #columns-filter-dropdown-stage-1 .divider, #columns-filter-dropdown-stage-2 .divider,
#applied-filters-dropdown .divider{
	margin: 0;
}

.dtfc-has-right  th:has(.filter-me.id) {
	position: sticky;
	right: 0;
}


.dtfc-fixed-right{
	background: inherit;
}

#shipments thead tr:nth-child(2) th,
#archived-shipments thead tr:nth-child(2) th,
#cod-shipments thead tr:nth-child(2) th{
	top: 54px
}

#return-shipments thead tr:nth-child(2) th {
	top: 40px
}

#settings-profile-select+ span {
	width: 100% !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single{
	cursor: not-allowed !important;
	background-color: #eee !important;
}

.mypos-button{
	width: fit-content;
    padding: 0 10px;
    margin-left: 7px;
	background-color: #2c5892;
    color: white;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 1px;
}

#unconfirmedInvoices .modal-dialog,
#detailedTicket .modal-dialog
{
	max-height: 95vh;
	width: 80vw;
}

#unconfirmed_invoices_table_wrapper .dataTables_scroll{
	max-height: 70vh;
}

#unconfirmedInvoices .modal-footer{
	padding: 20px 30px;
}

#tickets_wrapper{
	margin: 0;
	padding: 15px;
}

#tickets_wrapper .dataTables_scroll {
    height: calc(100vh - 210px);
}

#tickets_wrapper thead tr:nth-child(2) th {
    top: 54px;
}

.detailed-ticket-container{
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	padding: 20px 0;
	column-gap: 20px;
	overflow: hidden;
}

.ticket-shipment-info{
	display: grid;
	gap: 20px;
    word-wrap: break-word;
    word-break: break-all;
}


.ticket-shipment-info-container {
	overflow-y: auto;
    max-height: 85vh;
	padding: 25px;
}

.comments-container{
	background: #ecececcf;
    border-radius: 15px;
    padding: 25px;
	overflow: hidden;
    max-height: 85vh;
}

.comments-container{
	grid-column: 2/span 2;
	border-left: 1px solid #ccc;
}
.comments-container h3{
	margin: 0;
	font-weight: 500;
}

.comments-container .comments{
	display: grid;
    row-gap: 12px;
}

.comments-container .comment{
	display: grid;
	grid-template-columns: repeat(7,minmax(0,1fr));
	align-items: center;
	position: relative;
	padding: 10px;
    background: white;
    border-radius: 10px;
}

.comments-container .comment-text{
	word-break: break-all;
}

.comment-text-span-5{
	grid-column: 2/span 5;
}

.comment-text-span-4{
	grid-column: 2/span 4;
}

.comments-container .comment-date{
	text-align: right;
    padding-right: 10px;
    font-size: 13px;
    color: grey;
}

.comment-avatar{
	display: flex;
    align-items: center;
    justify-content: center;
	width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
}

.comment-avatar .avatar{
	font-size: 16px;
    font-weight: bold;
}

.comment-admin-color{
	background-color: #2C5892;
}

.comment-client-color{
	background-color: #6ebcbf;
}

.comments-body{
	height: 78%;
    overflow-y: auto;
	margin: 20px 0;
}

.comments-container textarea{
	resize: none;
}

.comments-area{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}

.comments-area button {
    width: 100px;
    margin-top: 20px;
	font-size: 14px;
    border-radius: 4px;
}

.ticket-id{
	font-size: inherit;
	color:#4483C3;
}

.documents-identity input{
	margin-right: 10px;
}

.documents_container{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px;
}

.tab-documents{
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 5rem;
}

.tab-documents .fa-download{
	margin-right: 5px;
}

.comments-area .input-container{
	display: flex;
    align-items: center;
    width: 100%;
}

.comments-area .input-container .btn {
	width: 50px;
	height: 50px;
	margin: 0 0 0 15px;
	border: 1px solid #ccc;
    background: #dbdbdb;
    color: #363333;
}

.comments-area .input-container .fa-file-import{
	font-size: 18px;
}

.comments-area .input-container .btn:hover{
	background: #ccc;
	color: black;
}

#ticket-import-form .files::before{
	position: absolute;
    bottom: 50px;
    pointer-events: none;
    width: 100%;
    height: 57px;
    content: "Drag & Drop to Upload File";
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

#ticket-import-form .files::after{
	pointer-events: none;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    width: 60px;
    height: 56px;
    content: "";
    background-image: url("../images/icon/uploadFIle.png");
    margin: 0 auto;
    background-size: 100%;
}

#ticket-import-form .files input{
	width: 100%;
	padding: 120px 0px 50px 33%;
    text-align: center !important;
    border: 1px dashed #c9c9c9;
    background-color: #f6f6f6;
}

.files {
    position: relative;
}

#import-ticket-document-modal .container{
	width: 100%;
}

#import-ticket-comment{
	margin-top: 5px;
	margin-bottom: 15px;
}

#import-ticket-document-modal .footer-buttons{
	padding: 15px;
}

.comment-download-file{
	text-align: center;
}

.comment-download-file .fa-file-download{
	font-size: 16px;
	color:#5e5959;
}

.comment .badge{
	position: absolute;
    bottom: -5px;
    font-size: 9px;
    right: 0px;
}

.history-actions{
	justify-content: space-around;
}

.history-actions button{
	height: 35px;
    width: 39px;
}

.return_label_btn{
	background: url("../images/return_label.png") no-repeat top 4px left 8px;
	background-size: 25px;
	background-color: #2C5892;
}

.printer_button {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/printer-icon-1006.png") no-repeat center;
	background-size: 35px;
	background-color: #2C5892;
	border: none;
	cursor: pointer;
}


.return-label-modal-form{ 
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.return-label-modal-form .row label{
	margin-bottom: 10px;
} 

.return-label-row{
	display: flex;
	flex-direction: column;
}

#statsHeading,#statsCollapse .panel-body{
	display: flex;
	justify-content: flex-end;
}

.flex-column{
	flex-direction: column;
}


.history_stats{
	overflow-x: auto;
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
}

.history_stats .type-row{
    grid-template-columns: 113px 120px 130px;
    align-items: center;
    column-gap: 16px;
}

.history_stats .amounts-row{
    grid-template-columns: 130px 160px 160px;
    row-gap: 15px;
    align-items: center;
    column-gap: 80px;
}

 .history_stats .amount_1{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	align-self: flex-start;
 }

 .history_stats .amount_1 input{
	margin: 0;
 }

 .history_stats .amount_1 label{
	padding: 0;
 }

 .history_stats .amount_2{
	display: flex;
	align-self: flex-start;
	justify-content:space-between;
 }

 .history_stats .amount_1 input{
	height: 16px;
	width: fit-content;
	margin-right: 10px;
 }

 #byStatuses div{
	margin-bottom: 10px;
 }

 #shipment_stage1_wrapper, #shipment_stage2_wrapper{
	margin: 0;
	padding: 10px;
 }

 .integration-note{
	margin: 10px 0 0 ;
 }

 .delete-filter-btn{
	background: none;
	margin: 0 !important;
 }

 .applied-filters-header{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	padding-top: 5px
 }

 .filter-badge{
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: red;
    font-size: 9px;

 }

 .no-applied-filters{
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0
 }

 #shopify-integration-note{
	display: none !important;
 }

 .integration-modal input[type=checkbox] {
	width: 20px;
 }

 .integration-modal input[type=checkbox]:focus {
	border:none;
	outline:none;
	box-shadow: none;
 }

 .history-stats-row{
	display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
	gap: 5px
 }

 #lockedProfile .modal-body h4{
	padding: 50px 0;
 }

.toggle-columns-btn-container {
    display: flex;
    justify-content: flex-end;
    padding: 5px;
}

.columns-list-container {
    left: -178px;
    min-width: 140px;
}

#etsy-note-container{
	display:none !important
}