/*******************************/
/* Other styles */
/*******************************/
/* Font style */
@font-face {
	font-family: Roboto;
	src: url(./Fonts/Roboto-Regular.ttf);
}

html {
	background: url(background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family: Roboto;
	font-size: 16px;
	line-height: 1.5;
	color: black;
	background-color: White;
	height: 100%;
	margin: 0;
}

span, select, input, a, div, i, button, h1, h2, h3, h4, h5, textarea {
	font-family: Roboto;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	letter-spacing: 0px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Roboto !important;
}

.font-default {
	font-family: Roboto !important;
}

.font-accent {
	font-family: Roboto !important;
}

.btn {
	font-family: Roboto !important;
}

/* PAGINATION */

.pagination > li > a,
.pagination > li > span {
	font-family: Roboto !important;
	min-width: 25px !important;
	padding: 0;
	cursor: pointer;
}

.table-custom th {
	font-family: Roboto !important;
}


.rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-transparent.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-center.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-minimal.rd-navbar-static .rd-navbar-nav > li > a {
	font-family: Roboto !important;
}

/*Flex styles*/
.flex-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/*Creatable select field*/
.cp-select-creatable_selector {
	width: 100%;
}

.cp-select-creatable_selector .Select-control {
	border-right: none;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.no-right-border {
	border-right: none !important;
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.cp-select-creatable_button, .input-button {
	background-color: #eee;
	line-height: 34px;
	border: 1px solid #ddd;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-left: none;
	padding: 0 10px;
	font-size: 14px;
}
.link-button {
	background-color: #eee;
	line-height: 32px;
	border: 1px solid #ddd;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-left: none;
	padding: 0 10px;
	font-size: 14px;
}

.border-radius-4 {
	border-radius: 4px;
}
.tbody-no-border td{
	border: none !important;
}

.cp-select-creatable_button:not(.disabled):hover, .input-button:not(.disabled):hover, .link-button:not(.disabled):hover {
	cursor: pointer;
	background-color: #bbb;
}

.disabled {
	cursor: default !important;
	color: darkgray !important;
}
.disabled-link {
	pointer-events: none;
}

.cp-select-creatable-dialog {
	width: 100%;
	min-width: 50px;
	padding: 15px;
}
@media (min-width: 993px) {
	.cp-select-creatable-dialog {
		min-width: 550px !important;
	}
}
.input-dialog-async {
	width: 100%;
	min-width: 100px;
	padding: 15px;
	min-height: 550px;
}

.cp-select-creatable-dialog h4, .input-dialog-async h4{
	word-wrap: break-word;
	padding-right: 20px;
}

.padding-top-10 {
	padding-top: 10px;
}
.padding-left-15 {
	padding-left: 15px !important;
}
.padding-right-15 {
	padding-right: 15px !important;
}

.input-dialog-async-scroll-item {
	padding: 10px;
	border-bottom: 1px solid #a6a6a6;
}
.input-dialog-async-scroll-item:hover {
	background-color: rgb(245,250,255);
	cursor: pointer;
}

.input-dialog-async-scroll-item span{
	color: #484848;
}

/**********************************/

.Select-menu-outer {
	z-index: 10 !important;
}

div.stock-filter-list:empty {
	display: none;
}

.no-brd {
	border: none !important;
	border-radius: 0px !important;
}

.no-padding {
	padding: 0px !important;
}

.no-bgr {
	background: transparent !important;
}

.no-bgr-clr {
	background-color: white !important;
}

.no-brd {
	border: 0px !important;
}

.width-50 {
	width: 50%;
}

.width-15 {
	width: 15%;
}

.width-55 {
	width: 55%;
}

.min-height-103 {
	min-height: 103px;
}

.min-width-300 {
	min-width: 300px;
}

@media (min-width: 993px) {
	.width-md-518 {
		width: 518px !important;
	}
}

@media (min-width: 992px) {
	.width-md-693 {
		width: 693px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media (min-width: 992px) {
	.min-width-md-870 {
		min-width: 870px !important;
	}
}

.border-white-1 {
	border: 1px solid white;
}

.border-white-1-custom-so {
	border: 1px solid white;
}

@media (max-width: 1200px) {
	.border-white-1-custom-so {
		border: none;
	}
}

.padding-0 {
	padding: 0px;
}

.padding-10 {
	padding: 10px;
}

.margin-15 {
	margin: 15px;
}

.min-height-100 {
	min-height: 100%;
}

html .page .height-45 {
	height: 45px;
}

.padding-fliter-button {
	padding: 1px 1px 1px 5px !important;
	border-radius: 0px 5px 5px 0px;
}

html .page .height-47 {
	height: 47px !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

@media (max-width: 992px) {
	.visibility-hidden {
		visibility: hidden !important;
	}
}

.cursor-auto {
	cursor: auto !important;
}

.cursor-pointer {
	cursor: pointer;
}

.hidden-property {
	visibility: hidden;
	position: absolute;
}

@media (min-width: 992px) {
	.float-right-md {
		float: right !important;
	}

	.border-left-log {
		border-right: none !important;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		padding-right: 0px !important;
		padding-left: 10px !important;
	}
}

@media (max-width: 992px) {
	.div-center-absolute {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
	}
}

.word-wrap {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.input-append input {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
}

.display-inline-block {
	display: inline-block !important;
}

.display-inline {
	display: inline !important;
}

@media (max-width: 480px) {
	.display-block-xxs {
		display: block;
	}
}

.offset-left-right-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (min-width: 768px) {
	.padding-0-0 {
		padding: 0 0 !important;
	}

	.padding-14-5 {
		padding: 14px 5px 14px 5px !important;
	}

	.padding-8-5 {
		padding: 8px 5px 8px 5px !important;
	}

	.padding-10-5 {
		padding: 10px 5px 10px 5px !important;
	}
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*******************************/

/*******************************/
/* navbar */
/*******************************/
@media (min-width: 1200px) {
	.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap {
		margin-top: 0px;
		/*margin-top: -116px;*/
		/*height: 0px;*/
		/*height: 116px;*/
	}
}

@media (min-width: 1200px) {
	.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap .main-menu {
		margin-left: 250px !important;
		margin-top: -110px !important;
	}
}

@media (min-width: 992px) {
	.rd-navbar-nav .stripe-visibility {
		visibility: hidden;
		position: absolute;
	}
}

.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap {
	border-bottom: none;
	text-align: right;
	font-size: 16px;
}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
	height: 66px;
}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-menu-wrap {
	text-align: right;
	max-height: 56px;
}

.rd-navbar-static .search-condition {
	width: 450px !important;
	border-radius: 5px 0px 0px 5px;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-center.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-panel-title h4 {
	font-size: 14px;
}

@media (min-width: 480px) {
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-center.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-panel-title h4 {
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-center.rd-navbar-fixed .rd-navbar-panel-title h4, .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-panel-title h4 {
		font-size: 22px;
	}
}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-menu-wrap:before {
	border-bottom: none;
}

@media (min-width: 1200px) {
	.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap:before {
		margin-top: -116px;
		position: fixed;
		width: 100%;
	}

	.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-menu-wrap:before {
		margin-top: 0px;
	}

	.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap .rd-navbar-mobile-scroll-custom {
		margin-top: -116px;
	}

	.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-mobile-scroll-custom {
		margin-top: 0px;
	}
}

.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap .rd-navbar-mobile-scroll-custom {
	z-index: 9999999;
}

.rd-navbar-static {
	box-shadow: none !important;
}

.rd-navbar-wrap {
	height: auto !important;
	min-height: 180px;
}

@media (max-width: 1200px) {
	.rd-navbar-wrap {
		min-height: 122px;
	}
}

@media (max-width: 768px) {
	.rd-navbar-wrap {
		min-height: auto;
	}
}

.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap:before {
	max-width: 112%; /* for NVDA with IE */
	transform: none !important; /* for NVDA with IE */
	border-bottom: 10px solid #ffffff;
	height: 66px;
	left: 0 !important;
	background: -moz-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 6%, rgba(2, 55, 97, 1) 8%, rgba(2, 55, 97, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 71, 128, 1)), color-stop(6%, rgba(0, 71, 128, 1)), color-stop(8%, rgba(2, 55, 97, 1)), color-stop(100%, rgba(2, 55, 97, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 6%, rgba(2, 55, 97, 1) 8%, rgba(2, 55, 97, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 6%, rgba(2, 55, 97, 1) 8%, rgba(2, 55, 97, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 6%, rgba(2, 55, 97, 1) 8%, rgba(2, 55, 97, 1) 100%); /* ie10+ */
	background: linear-gradient(28deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 6%, rgba(2, 55, 97, 1) 8%, rgba(2, 55, 97, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023761', endColorstr='#004780', GradientType=0); /* ie6-9 */

}

.rd-navbar-default.rd-navbar-static .rd-navbar-panel .shell:after {
	border-bottom: 10px solid #fff;
	border-right: 13px solid #fff;
	width: 1000px;
	background: -moz-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(16%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(210, 210, 210, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* ie10+ */
	background: linear-gradient(342deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2d2d2', GradientType=0); /* ie6-9 */
}

.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-panel .shell:after {
	border-bottom: 0px;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-mobile-header-wrap {
	background: -moz-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(16%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(210, 210, 210, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(108deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* ie10+ */
	background: linear-gradient(342deg, rgba(210, 210, 210, 1) 0%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2d2d2', GradientType=0); /* ie6-9 */
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-wrap {
	margin: 13px 0 0 0;
	padding: 0;
	min-height: 47px;
}

@media (max-width: 992px) {
	.rd-navbar-menu-wrap .range {
		margin: 4px 0 10px 0;
		padding: 0 0 0 5px;
	}
}

@media (min-width: 992px) {
	.rd-navbar-menu-wrap .range {
		margin: 25px 0 5px 0;
		padding: 0 0% 0 0%;
		min-height: 61px;
		max-width: 750px;
	}
}

.rd-navbar-default {
	background: none;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap {
	background: #023761;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-right-side-toggle span:before, .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-right-side-toggle span:before, .rd-navbar-center.rd-navbar-fixed .rd-navbar-right-side-toggle span:before, .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-right-side-toggle span:before {
	content: "" !important;
	z-index: 0;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-right-side-toggle span:after, .rd-navbar-transparent.rd-navbar-fixed .rd-navbar-right-side-toggle span:after, .rd-navbar-center.rd-navbar-fixed .rd-navbar-right-side-toggle span:after, .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-right-side-toggle span:after {
	content: "" !important;
	z-index: 0;
}

/* For footer */
.rd-navbar-default.rd-navbar-static .rd-navbar-panel .footer-style:after {
	right: 94%;
	height: 100%;
	border-bottom: 0px solid #fff;
	border-top: 10px solid #fff;
}

.rd-navbar-default.rd-navbar-custom .rd-navbar-panel .shell {
	height: 47px;
	position: relative;
	z-index: 0;
	padding-top: 22px;
	padding-bottom: 18px;
}

.rd-navbar-custom.rd-navbar--is-stuck {
	position: inherit;
	top: 0;
	left: 0;
	right: 0;
}

@media (max-width: 768px) {
	.footer {
		display: none;
	}
}

/*******************************/

/*******************************/
/* Tables */
/*******************************/
.table tr:first-child td,
.table tr:last-child td {
	font-weight: 500;
}

/*@media (min-width: 992px) {*/
.table-custom-1.table-fixed th {
	vertical-align: middle;
	padding: 20px 5px 5px 20px;
	border: 1px solid #aeaeae;
}

/*}*/

.table-custom-1.table-fixed td {
	vertical-align: bottom;
	padding: 5px 10px 5px 10px;
	font-weight: 500;
	border: 1px solid #aeaeae;
}

.table-custom-1 {
	font-family: Roboto;
	font-size: 18px;
	text-align: left;
	letter-spacing: 0;
}

.table-custom-1.table-shipping-order-list th {
	text-align: center;
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px solid #aeaeae;
	color: #747474;
}

.table-custom-1.table-shipping-order-list td {
	/*top, right, bottom, left*/
	padding: 10px 5px 10px 10px;
	vertical-align: middle;
}

.table-large-custom tbody tr th {
	text-align: left;
	color: white;
	vertical-align: middle;
	border: 0px;
	/*top, right, bottom, left*/
	padding: 25px 5px 5px 20px;
}

.table-small-custom tbody tr th {
	text-align: left;
	color: white;
	vertical-align: middle;
	border: 0px;
	/*top, right, bottom, left*/
	padding: 25px 5px 5px 20px;
}

.table-custom-1.table-fixed tr:nth-child(even) {
	background-color: #f3f6f9;
}

.table-custom-1.table-fixed tr:nth-child(odd ) {
	background-color: #fbfbfb;
}

.table-custom-1.table-fixed tbody:nth-child(even ) tr.custom-tr-reuse-table:first-child {
	background-color: #f3f6f9;
}

.table-custom-1.table-fixed tbody tr.custom-tr-reuse-table:hover {
	background-color: #c5dff1 !important;
	cursor: pointer;
}

.table-custom-1.table-fixed table.item-table tr, .table-custom-1.table-fixed table.item-table tr:hover {
	background-color: #f3f6f9 !important;
	cursor: default;
}

.table-custom-1.table-fixed tr:not(:first-child):hover, .table-custom-1.table-fixed.table-fixed-1 tr:not(.tr-header):hover {
	background-color: #c5dff1;
	cursor: pointer;
}

.table-custom-1.table-fixed.large-only.table-large-custom {
	font-size: 17px;
	box-shadow: 0px 0px 12px 0px rgba(3, 3, 3, 0.3);
}

.table-fixed-1.table-items tr td:first-child {
	min-width: 150px;
	max-width: 150px;
	width: 150px;
}
.table-fixed-1.table-items tr td:nth-child(2){
	 min-width: 150px;
	 width:400px ;
	 max-width:400px;
 }
.table-fixed-1.table-items tr td:nth-child(3){
	min-width: 150px;
	max-width: 150px;
	width: 150px;

}


/*
@media(max-width: 992px) {
  .large-only-table-custom {
    display: none!important;
  }
  .small-only-table-custom {
    display: table!important;
  }
}
.small-only-table-custom {
  display: none;
}
.large-only-table-custom {
    display: table!important;
}
*/
.table-custom-1.table-fixed.small-only.table-small-custom {
	font-size: 17px;
	box-shadow: 0px 0px 12px 0px rgba(3, 3, 3, 0.3);
}

.table-custom-1.table-fixed.small-only.table-small-custom > tbody > tr > td {
	padding: 4px;
}

.table > tbody + tbody {
	border-top: 1px solid #aeaeae;
}

.table-custom-1.table-fixed.large-only.table-large-custom > tbody > tr:focus {
	background-color: #62c3f0;
}

.fixed-table {
	table-layout: fixed;
	width: 100%;
}

.fixed-table td {
	word-wrap: break-word;
    overflow-wrap: break-word;
}

/*.dashboard-text-tile-secondary1 {
	font: 15px arial;
	margin-top: -3px;
	padding: 0px 3px 0px 0px;
	color: #777474;
}

.dashboard-text-tile-secondary2 {
	font: 18px arial;
	padding: 5px 3px 0px 0px;
	color: #33683A;
}

.table-small tbody tr th .dashboard-text-tile-secondary1 {
	color: #fff;
}

.table-small tbody tr th .dashboard-text-tile-secondary2 {
	color: #fff;
}*/

/*.text-tile-header-with-background{
    background:#71a9d0!important;
}*/
/*******************************/

/*******************************/
/* Offests */
/*******************************/
/* Top */
html .page .offset-top--7 {
	margin-top: -7px;
}

html .page .offset-top--5 {
	margin-top: -5px;
}

html .page .offset-20 {
	margin: 20px;
}

html .page .inset-20 {
	padding: 20px;
}

html .page .inset-10 {
	padding: 10px;
}

html .page .inset-5 {
	padding: 5px;
}

@media (min-width: 768px) {
	html .page .offset-sm-top-35 {
		margin-top: 35px;
	}
}

@media (min-width: 992px) {
	html .page .offset-lg-top-100 {
		margin-top: 100px;
	}
}

html .page .inset-top-0 {
	padding-top: 0px !important;
}

html .page .inset-top-5 {
	padding-top: 5px !important;
}

html .page .inset-top-15 {
	padding-top: 15px;
}

@media (min-width: 1200px) {
	html .page .offset-lg-top-190 {
		margin-top: 190px;
	}

	html .page .offset-lg-top-130 {
		margin-top: 130px;
	}

	html .page .offset-lg-top-230 {
		margin-top: 230px;
	}
}

/* Bottom */
.inset-bottom-5 {
	padding-bottom: 5px !important;
}

.inset-bottom-15 {
	padding-bottom: 15px;
}

@media (min-width: 768px) {
	html .page .offset-sm-bottom-12 {
		margin-bottom: 12px;
	}

	html .page .offset-sm-bottom-5 {
		margin-bottom: 5px;
	}
}


@media (min-width: 991px) {
	html .page .offset-md-bottom-12 {
		margin-bottom: 12px;
	}

	html .page .offset-md-bottom-5 {
		margin-bottom: 5px;
	}
}

html .page .offset-bottom-0 {
	margin-bottom: 0px !important;
}

html .page .offset-bottom-5 {
	margin-bottom: 5px;
}

html .page .offset-bottom-10 {
	margin-bottom: 10px;
}

html .page .offset-bottom-15 {
	margin-bottom: 15px;
}

html .page .offset-bottom-20 {
	margin-bottom: 20px;
}

html .page .offset-bottom-50 {
	margin-bottom: 50px;
}

/* Right */
html .page .offset-right-0 {
	margin-right: 0px;
}

html .page .offset-right-5 {
	margin-right: 5px;
}

@media (min-width: 768px) {
	html .page .offset-sm-right-10 {
		margin-right: 10px;
	}

	html .page .offset-sm-right-15 {
		margin-right: 15px;
	}

	html .page .offset-sm-right-25 {
		margin-right: 25px;
	}

	html .page .offset-sm-right-50 {
		margin-right: 50px;
	}
}

/* Left */
@media (max-width: 767px) {
	html .page .offset-sm-left-15 {
		margin-left: 15px;
	}

	html .page .offset-sm-left-18 {
		margin-left: 18px;
	}

	html .page .offset-sm-left-24 {
		margin-left: 24px;
	}
}

@media (max-width: 991px) {
	html .page .offset-md-left-15 {
		margin-left: 15px;
	}

	html .page .offset-md-left-18 {
		margin-left: 18px;
	}

	html .page .offset-md-left-24 {
		margin-left: 24px;
	}
}

@media (max-width: 991px) {
	html .page .offset-md-left-15 {
		margin-left: 15px;
	}

	html .page .offset-md-left-18 {
		margin-left: 18px;
	}

	html .page .offset-md-left-24 {
		margin-left: 24px;
	}
}

@media (min-width: 991px) {
	html .page .offset-md-top-25 {
		margin-top: 25px;
	}

	html .page .offset-md-top-35 {
		margin-top: 35px;
	}

	html .page .offset-md-top-50 {
		margin-top: 50px;
	}
}

@media (max-width: 480px) {
	html .page .offset-xxs-left-0 {
		margin-left: 0px !important;
	}
}

html .page .offset-left-20 {
	margin-left: 20px;
}

html .page .offset-left-25 {
	margin-left: 25px;
}

html .page .offset-left-10 {
	margin-left: 10px;
}

html .page .offset-left-5 {
	margin-left: 5px;
}

@media (max-width: 480px) {
	html .page .offset-xxs-left-10 {
		margin-left: 10px !important;
	}
}

@media (min-width: 992px) {
	html .page .offset-md-left-0 {
		margin-left: 0px;
	}
}

/* Right */
@media (max-width: 767px) {
	html .page .offset-sm-right-15 {
		margin-right: 15px;
	}

	html .page .offset-sm-right-18 {
		margin-right: 18px;
	}

	html .page .offset-sm-right-24 {
		margin-right: 24px;
	}
}

html .page .offset-right-25 {
	margin-right: 25px;
}

html .page .offset-right-20 {
	margin-right: 20px;
}

html .page .offset-right-10 {
	margin-right: 10px;
}

/* Special offsets */
.shipping-order-offsets-header {
	padding: 30px;
}

@media (min-width: 1200px) {
	.shipping-order-offset-under-header {
		margin-left: 30px !important;
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
}

.order-title {
	position: fixed;
	margin-top: 18px;
}

.div-offset-buttons {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: -15px;
}

.stocks-margin-stripe {
	/*top, right, bottom, left*/
	margin: 0px -4px 0px -4px;

}

.stock-margin-stripe-container {
	/*top, right, bottom, left*/
	margin: 5px 0px 5px 0px;
}

.filter-margin-stripe {
	/*top, right, bottom, left*/
	margin: 20px 8px 20px 8px !important;
}

/*******************************/
/* Offests */
/*******************************/

/*******************************/
/* Colors */
/*******************************/
html .page .text-color-grey {
	color: #7A787A;
}

html .page .text-color-white {
	color: white;
	background-color: rgba(0, 0, 0, 0);
}

html .page .text-color-red {
	color: #D7342E;
}

html .page .text-color-green {
	color: #1e5b00 /*#339900*/; /* very low contrast */
}

html .page .text-color-red-1 {
	color: #bb0000;
}

html .page .text-color-black {
	color: black;
}

html .page .text-color-grey-1 {
	color: #747474;
}

html .page .text-color-blue {
	color: #0b4d69;
}

html .page .text-color-dark-blue {
	color: #18598c;
}

html .page .text-color-light-blue {
	color: #4187C9;
}

html .page .bg-color-blue {
	background-color: #004780;
	fill: #172646;
}

html .page .bg-color-grey {
	background-color: #F2F2F2;
}

html .page .bg-color-grey-1 {
	background-color: #F4F4F4;
}

html .page .bg-color-grey-2 {
	background-color: #e1e1e1;
}

html .page .bg-color-pink {
	background-color: #FFFCFF !important;
}

html .page .bg-color-pink-custom-so {
	background-color: #FFFCFF;
}

@media (max-width: 991px) {
	html .page .bg-color-pink-custom-so {
		background: none;
	}
}

html .page .bg-color-pink-custom-so-line {
	background-color: #FFFCFF;
}

@media (max-width: 768px) {
	html .page .bg-color-pink-custom-so-line {
		background: none;
	}
}

html .page .bg-color-blue {
	background-color: #004780;
}

html .page .bg-color-blue-1 {
	background-color: #e8f4f9;
}

html .page .bg-color-blue-2 {
	background-color: #2e7dab;
}

html .page .bg-color-blue-3 {
	background: #79ccf2
}

html .page .bg-color-black {
	background-color: #000000 !important;

}

html .page .bg-color-black-1 {
	background-color: rgba(0, 0, 0, 100);
}

html .page .bg-transparent {
	background-color: transparent;
}

html .page .line-color-gray {
	background: #cbcbcb;
}

html .page .background-footer {
	background: -moz-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 60%, rgba(2, 55, 97, 1) 70%, rgba(2, 55, 97, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 71, 128, 1)), color-stop(60%, rgba(0, 71, 128, 1)), color-stop(70%, rgba(2, 55, 97, 1)), color-stop(100%, rgba(2, 55, 97, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 60%, rgba(2, 55, 97, 1) 70%, rgba(2, 55, 97, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 60%, rgba(2, 55, 97, 1) 70%, rgba(2, 55, 97, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 60%, rgba(2, 55, 97, 1) 70%, rgba(2, 55, 97, 1) 100%); /* ie10+ */
	background: linear-gradient(28deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 60%, rgba(2, 55, 97, 1) 70%, rgba(2, 55, 97, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023761', endColorstr='#004780', GradientType=0); /* ie6-9 */
}

html .page .background-stock-card-header {
	background: rgb(2, 55, 97);
	background: -moz-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 71, 128, 1)), color-stop(40%, rgba(0, 71, 128, 1)), color-stop(60%, rgba(2, 55, 97, 1)), color-stop(100%, rgba(2, 55, 97, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* ie10+ */
	background: linear-gradient(28deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023761', endColorstr='#004780', GradientType=0); /* ie6-9 */
	border: 1px solid white;
	height: 66px;
}

html .page .background-dashboard-item {
	background: -moz-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 80%, rgba(2, 55, 97, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 71, 128, 1)), color-stop(80%, rgba(0, 71, 128, 1)), color-stop(100%, rgba(2, 55, 97, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 80%, rgba(2, 55, 97, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 80%, rgba(2, 55, 97, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 80%, rgba(2, 55, 97, 1) 100%); /* ie10+ */
	background: linear-gradient(28deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 80%, rgba(2, 55, 97, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023761', endColorstr='#004780', GradientType=0); /* ie6-9 */
}

html .page .background-shipping-order-header {
	background: -moz-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0, 71, 128, 1)), color-stop(40%, rgba(0, 71, 128, 1)), color-stop(60%, rgba(2, 55, 97, 1)), color-stop(100%, rgba(2, 55, 97, 1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(62deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* ie10+ */
	background: linear-gradient(28deg, rgba(0, 71, 128, 1) 0%, rgba(0, 71, 128, 1) 40%, rgba(2, 55, 97, 1) 60%, rgba(2, 55, 97, 1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023761', endColorstr='#004780', GradientType=0); /* ie6-9 */
}

html .page .dashboard-qoh-color {
	background-color: #96adbd;
}

html .page .dashboard-value-color {
	background-color: #447798;
}

html .page .dashboard-available-color {
	background-color: #0484cc;
}

html .page .dashboard-due-in-color {
	background-color: #2b3d56;
}

html .page .dashboard-due-out-color {
	background-color: #222b37;
}

/*******************************/

/*******************************/
/* Text format */
/*******************************/
html .page .text-size-36 {
	font-size: 36px;
}

html .page .text-size-30 {
	font-size: 30px;
}

html .page .text-size-24 {
	font-size: 24px;
}

html .page .text-size-22 {
	font-size: 22px;
}

html .page .text-size-20 {
	font-size: 20px;
}

html .page .text-size-18 {
	font-size: 18px;
}

html .page .text-size-17 {
	font-size: 17px;
}

html .page .text-size-14 {
	font-size: 14px;
}

html .page .text-size-12 {
	font-size: 12px;
}

html .page .text-size-11 {
	font-size: 11px;
}

.text-align-center {
	text-align: center;
}

.text-align-left {
	text-align: left;
}

.text-font-weight-500 {
	font-weight: 500;
}

.text-font-weight-700 {
	font-weight: 700;
}

.text-line-height-1 {
	line-height: 1;
}

.text-line-height-1-2 {
	line-height: 1.2;
}

.text-line-height-1-1 {
	line-height: 1.1;
}

/*******************************/

/*************************/
/* Dafault bootstrap style for DropDownList and InputText */
/*************************/
.form-control-small {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	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 rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-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;
}

.form-control-small:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control-small::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.form-control-small:-ms-input-placeholder {
	color: #999;
}

.form-control-small::-webkit-input-placeholder {
	color: #999;
}

.form-control-small::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control-small[disabled],
.form-control-small[readonly],
fieldset[disabled] .form-control-small {
	background-color: #eee;
	opacity: 1;
}

.form-control-small[disabled],
fieldset[disabled] .form-control-small {
	cursor: not-allowed;
}

/*textarea.form-control-small {
  height: auto;
}*/
/**********************************/

/*************************/
/* Button primary custom */
/*************************/
.btn-primary-custom {
	border: 0px;
	padding: 8px 15px 8px 15px;
	/*color: #fff;
    background-color: #80b1d8!important;
    background-color: #71a9d0!important;
    border-color:#71a9d0!important;*/
}

.btn-primary-custom:active {
	background-color: #80b1d8 !important;
}

.btn-primary-custom:focus i {
	color: #fff !important;
}

.btn-primary-custom:focus span {
	color: #fff !important;
}

/**********************************/

/*************************/
/* Button dunger custom */
/*************************/
.btn-dunger-custom {
	border: 0px;
	padding: 8px 15px 8px 15px;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-dunger-custom:hover {
	background-color: #c9302c;
	border-color: #ac2925;
	color: #ffffff;
}

/**********************************/

/*************************/
/* Groups */
/*************************/
html .group > *:not(.group-item) {
	margin-bottom: 15px;
}

html .group > .group-item {
	margin-bottom: 15px;
}

/*************************/

/*************************/
/* Stocks */
/*************************/
.stock-card-container {
	background-color: white;
	overflow-y: auto; /* Scroll bar */
	overflow-x: hidden;
	padding-bottom: 10px;
	height: 100%;
	box-shadow: 0px 5px 5px 0px rgba(3, 3, 3, 0.75);
	/*height: 300px;*/
	/*border: 3px solid #3498db;*/
	/*color: #172646;*/
	/*padding: 5px;*/
}

.stock-status {
	height: 10px;
	margin-top: 7px;
	/*margin-right: 5px;*/
	/*background-color: #339900;*/
}

.stock-header-size {
	height: 66px;
	width: 100%;
}

.stock-status-color-position {
	float: left;
	background: white;
	padding-right: 5px;
}

.outer-data-container-placeholder:focus {
	border: 5px solid #26487f !important;
	padding: 0px;
}

/*************************/
/* Dashboard and Stocks item header */
/*************************/
.stock-image {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 64px;
	height: 64px;
	max-width: 64px;
	max-height: 64px;
	margin-top: auto !important;
	margin-bottom: auto !important;
	/*width: 64px;
    height: 64px;
    vertical-align: top;*/
}

.stock-image-placeholder {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.dashboard-image {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 50px;
	max-height: 50px;
	margin-top: auto !important;
	margin-bottom: auto !important;
	/*width: 55px;
    height: 55px;
    vertical-align: top;*/
}

.dashboard-image-placeholder {
	margin: 0px;
	padding: 0px;
	float: left;
	/*************/
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	/*************/
}

/*************************/

/*************************/
/* Custom Fields */
/*************************/
.flex-container-CF {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.flex-item-CF {
	width: 50%;
	word-wrap: break-word;
}

.CF-link {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.CF-text-area {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.CF-text-area p {
	display: inline;
}

/*************************/

/*************************/
/* Main menu containers */
/*************************/
.div-main-container {
	margin-left: auto;
	margin-right: auto;
}

.main-container-button-text-format {
	font-size: 30px;
	font-weight: bold;
	color: white;
	line-height: 1;
	padding: 0px;
	text-align: center;
	/*padding-left: 15px;*/
}

@media (min-width: 100px) and (max-width: 325px) {
	.main-container-button-text-format {
		font-size: 25px;
	}

	table.table-custom-1.table-small-custom table.opacity-table .row:first-child {
		margin-right: 0;
	}

	table.table-custom-1.table-small-custom table.opacity-table .row div:last-child {
		padding-right: 0;
	}
}

.image-main-container-format {
	width: auto;
	height: auto;
	padding: 0px;
	vertical-align: middle;
	/*padding-left: 15px;*/
}

@media (min-width: 768px) {
	html .page .div-sm-main-container-button {
		width: 236px /*247px*/;
		height: 203px;
		background: rgba(0, 0, 0, 0.5);
		border: 4px solid rgba(255, 255, 255, 0.26);
		text-align: center;
		padding: 0px;
	}
}
@media (min-width: 991px) {
	html .page .div-md-main-container-button {
		width: 236px /*247px*/;
		height: 203px;
		background: rgba(0, 0, 0, 0.5);
		border: 4px solid rgba(255, 255, 255, 0.26);
		text-align: center;
		padding: 0px;
	}
}


.div-main-container-button {
	width: 342px /*367px*/;
	height: 122px;
	background: rgba(0, 0, 0, 0.5);
	border: 4px solid rgba(255, 255, 255, 0.26);
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

@media (min-width: 100px)  and (max-width: 325px){
	.div-main-container-button {
		width: 301px;
	}
}

a:focus .div-main-container-button {
	border: 4px solid #dcdcdc;
}

.div-main-container-button.permission-denie {
	border: 4px solid rgba(255, 255, 255, 0.26) !important;
	cursor: not-allowed;

}

.div-main-container-button.permission-denie .main-container-button-text-format {
	color: rgba(255, 255, 255, 0.26) !important;
}

@media (max-width: 767px) {
	.outer:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.inner {
		display: inline-block;
		vertical-align: middle;
	}
}
@media (max-width: 991px) {
	.outer:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

	.inner {
		display: inline-block;
		vertical-align: middle;
	}
}

@media (min-width: 768px) {
	.span-format-sm {
		display: block;
	}
}
@media (min-width: 991px) {
	.span-format-md {
		display: block;
	}
}

/*******************************/

/*******************************/
/* Footer */
/*******************************/
html, body {
	height: 100%;
	margin: 0;
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 47px;
	z-index: 0;
	max-width: 100%; /* For NVDA with IE */
}

.pusher {
	height: 113px; /*47px*/
}

@media (max-width: 768px) {
	.pusher {
		display: none
	}
}

#shell {
	position: relative !important;
}

/*******************************/

/*******************************/
/* Custom Icon Buttons Styles */
/*******************************/
i.btn-icon-custom {
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.so-line-button-custom {
	display: inline-block;
	margin: 12px;
	padding: 6px;
}

.so-line-button-custom:focus {
	margin: 11px;
	border: solid 1px #007EFF;
}

i.btn-icon-custom span {
	opacity: 0;
}

i.btn-arrow-right {
	width: 40px;
	height: 40px;
	background-image: url('./btn-arrow-right.png');
}

i.btn-arrow-left {
	width: 40px;
	height: 40px;
	background-image: url('./btn-arrow-left.png');
}

i.small-btn-arrow-right {
	width: 30px;
	height: 30px;
	background-image: url('./small-btn-arrow-right.png');
}

i.small-btn-arrow-left {
	width: 30px;
	height: 30px;
	background-image: url('./small-btn-arrow-left.png');
}

i.btn-add {
	width: 38px;
	height: 38px;
	background-image: url('./btn-add.png');
}

i.btn-home {
	width: 38px;
	height: 38px;
	background-image: url('./btn-home.png');
}

i.btn-refresh {
	width: 38px;
	height: 38px;
	background-image: url('./btn-refresh.png');
}

i.btn-save {
	width: 38px;
	height: 38px;
	background-image: url('./btn-save.png');
}

/*******************************/

/*******************************/
/* Search filter */
/*******************************/
.search-condition-button {
	padding: 1px 10px 1px 15px !important;
	border-radius: 0px 5px 5px 0px !important;
}

.search-condition-area {
	border-radius: 5px 0px 0px 5px !important;
}

.flex-container-filter-field {
	display: flex;
}

.flex-container-filter-field input:focus {
	box-shadow: 0px 0px 2px 3px #6fa3c1;
}

.flex-container-filter-field button:focus {
	box-shadow: 0px 0px 2px 3px #6fa3c1;
}

.filter-item-style {
	text-align: left;
	word-wrap: break-word;
	white-space: normal;
	max-width: 100%;
}

/*******************************/

/*******************************/
/* Site selector */
/*******************************/
.site-selector select:focus {
	box-shadow: 0px 0px 2px 3px #6fa3c1;
}

/*******************************/

/*******************************/
/*Custom Modal Dialog*/
/*******************************/
/*.dialog-enter {
  opacity: 0.01;
}
.dialog-enter.dialog-enter-active {
  opacity: 1;
  transition: opacity .3s ease;
}
.dialog-leave {
  opacity: 1;
}
.dialog-leave.dialog-leave-active {
  opacity: 0.01;
  transition: opacity .5s ease-in;
}
.dialog-appear {
  opacity: 0.01;
  transition: opacity .3s ease-in;
}
.dialog-appear.dialog-appear-active {
  opacity: 1;
}
.core-view-enter {
  opacity: 0.01;
}
.core-view-enter.core-view-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.core-view-leave {
  opacity: 1;
}
.core-view-leave.core-view-leave-active {
  opacity: 0.01;
  transition: opacity .5s ease-in;
}
.core-view-appear {
  opacity: 0.01;
  transition: opacity .3s ease-in;
}
.core-view-appear.core-view-appear-active {
  opacity: 1;
}*/
/*******************************/

/*******************************/
/* Stock description word wrap */
/* (when description is too long that
    it locate on 2 rows and hide if
    it doesn't fit) */
/*******************************/
/*.ellipsis {
  overflow: hidden;
  height: 58px;
  word-wrap: break-word;
  line-height: 29px;
  margin: 20px;
}
/*.ellipsis:before {
  content:"";
  float: left;
  width: 5px;
  height: 58px;
}
.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
}
.ellipsis:after {
  content:"\02026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -28px;
  left: 100%;
  width: 3em;
  margin-left: -3em;
  padding-right: 5px;
  text-align: right;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}*/

/*******************************/
/* Shipping Order add lines modal window*/
/*******************************/
.custom-modal {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999;
}

.custom-modal-body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.custom-modal-panel {
	position: absolute;
	min-height: 100px;
	min-width: 100px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

@media (max-height: 710px), (max-width: 992px) {
	.custom-modal-panel {
		position: absolute;
		max-height: none;
		height: 100%;
		max-width: 100%;
		width: 100%;
		transform: none;
		top: 0;
		left: 0;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.modal-content {
		background-clip: none;
		border-radius: 0 !important;
		min-height: 100%;
		min-width: 100%;
	}
}

.modal-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 0;
}

.custom-dialog-opened {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

/* ????????????? */
.modal-dialog {
	top: 120px;
}

/* ????????????? */
.modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

/*******************************/

/*******************************/
/* Main menu centering */
/*******************************/
.main-vertical-center-custom {
	position: fixed;
	top: 56px; /* Header height */
	bottom: 47px; /* Footer height */
	left: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.main-section-vertical-center-custom {
	display: table;
	left: 0;
	height: 100%;
	margin: auto;
}

.div-main-container {
	display: table-cell;
	vertical-align: middle;
}

@media (min-width: 760px) {
	.main-item-offset-custom {
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (min-width: 769px) {
	.main-item-offset-custom {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media (max-height: 560px ) and (max-width: 760px) {
	.main-vertical-center-custom {
		bottom: 0; /* Footer height */
	}

	.main-section-vertical-center-custom {
		top: 0;
	}
}

/*******************************/

/*******************************/
/* Log interface*/
/*******************************/
.sing-out button {
	margin: 2px 5px 2px 5px;
}

.sing-out button:focus {
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
	border-image: initial;
	/*border-radius: 5px;*/
	margin: 0px 3px 0px 3px;
}

.sing-in a {
	margin: 2px 5px 2px 5px;
}

.sing-in a:focus {
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
	border-image: initial;
	/*border-radius: 5px;*/
	margin: 0px 3px 0px 3px
}

/*******************************/

.img-coreims img {
	min-width: 175px;
	min-height: 70px;
	padding: 1px;
}

.img-coreims a:focus img {
	border: 1px solid black;
	border-radius: 5px;
	padding: 0px;
}

/***************************************/
.has-error .Select-control {
	border-color: #f54b0f !important;
}

.has-error input {
	border-color: #f54b0f !important;
}

.has-error .rw-widget {
	border-color: #f54b0f !important;
}

/***************************************/

.st-head-row-main-custom {
	padding: 10px 5px 10px 20px !important;
}

/* Return to start page button */

.so-edite-button:focus {
	color: #3db7ef;
}

.white-home-icon {
	display: none;
}

.rd-navbar--is-stuck .white-home-icon {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 5px;
}

@media (max-width: 1200px) {
	.white-home-icon {
		display: inline-block;
		position: absolute;
		left: 10px;
		top: 5px;
	}
}

/*************** so list line table ****/
.custom-so-list-line-table {
	width: 100%;
	table-layout: fixed;
}

.custom-so-list-line-table, .custom-so-list-line-table tr, .custom-so-list-line-table td {
	border: none !important;
	vertical-align: middle !important;
	margin: 0;
	padding: 0 !important;
	column-span: 0;
}

.custom-so-list-line-table-key {
	width: 40%;
	font-size: 1em;
	color: #666666;
}

.custom-so-list-line-table-value {
	width: 90%;
	font-size: 0.9em;
}

@media (min-width: 768px) {
	.custom-so-list-line-table-key {
		width: 25%;
	}

	.custom-so-list-line-table-value {
		width: 75%;
	}
}

/*************/

.so-header-size {
	font-size: 1em;
	white-space: nowrap;
}

@media (max-width: 375px) {
	.so-header-size {
		font-size: 0.8em;
	}
}

@media (max-width: 425px) {
	.so-header-size {
		font-size: 0.9em;
	}
}

@media (max-width: 320px) {
	.so-header-size {
		font-size: 0.7em;
	}
}

.so-header-size-lines {
	font-size: 0.7em !important;
	font-weight: 700 !important;
	font-family: Roboto !important;
}

@media (max-width: 375px) {
	.so-header-size-lines {
		font-size: 0.5em !important;
	}
}

@media (max-width: 425px) {
	.so-header-size-lines {
		font-size: 0.6em !important;
	}
}

/**********************/
@media (max-width: 992px) {
	.so-edite-pink {
		padding-top: 25px;
		width: 700px;
	}
}

@media (max-width: 768px) {
	.so-edite-pink {
		width: 100% !important;
		padding-top: 20px;
	}
}

.tbody-panel .st-head-row-wrap {
	border: solid 1px #aeaeae !important;
}

.tbody-panel .st-head-row-wrap th {
	padding: 15px !important;
}

.tbody-panel:before {
	content: ' ';
	display: block;
	padding: 10px;
}

.table-shipping-order-list-small {
	table-layout: fixed;
}

.table-shipping-order-list-small th {
	overflow: hidden;
}

/*** To top button ***/

.ui-to-top:focus {
	background: #3db7ef;
}

@media (max-width: 992px) {
	.ui-to-top {
		top: -200px !important
	}

	.ui-to-top.active {
		transform: translateY(300px) !important;
	}
}

/*******************************/

.custom-login-panel {
	background-color: rgba(2, 55, 97, 0.55);
	min-width: 438px;
}

@media (max-width: 768px) {
	.custom-login-panel {
		min-width: 300px;
	}
}

/*** Select width bug fix *****/
.Select .Select-input {
	max-width: 100%;
}

.Select .Select-input input {
	max-width: 100%;
}

.Select .Select-multi-value-wrapper {
	max-width: 100%;
	display: inline-block;
}

.Select .Select-control {
	max-width: 100%;
	table-layout: fixed;
}

.clear-focus:focus {
	outline: 0;
}

/*************************************************/
#loader {
	z-index: 999999999 !important;
}
#search-loader {
	position: absolute;
	right: 30px;
	top:10px;
	border: 2px solid #f3f3f3; /* Light grey */
	border-top: 2px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 15px;
	height: 15px;
	animation: spin 2s linear infinite;
}

/*********** Text scale ******************/
@media (max-width: 1200px) {
	.md-text-scale-80 {
		font-size: 0.8em !important;
	}
}

/*********** pull right *******************/
@media (min-width: 992px) {
	.pull-right-large-only {
		float: right !important;
	}
}

.opacity-table {
	width: 100%;
}

.opacity-table,
.opacity-table > tbody,
.opacity-table > tbody > tr,
.opacity-table > tbody > tr > td {
	padding: 0 !important;
	border: none !important;
	background: none !important;
}
/***** for receiving lines ***********/
.td-receiving-lines:not(:first-child):not(:last-child){
	text-align: right !important;
}