@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Black.eot');
	src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff'), url('../fonts/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Bold.eot');
	src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-BlackItalic.eot');
	src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-BlackItalic.woff2') format('woff2'), url('../fonts/Lato-BlackItalic.woff') format('woff'), url('../fonts/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('../fonts/Lato-HairlineItalic.eot');
	src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), url('../fonts/Lato-HairlineItalic.woff') format('woff'), url('../fonts/Lato-HairlineItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.eot');
	src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Light.eot');
	src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff2') format('woff2'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato Hairline';
	src: url('../fonts/Lato-Hairline.eot');
	src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato-Hairline.woff') format('woff'), url('../fonts/Lato-Hairline.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Italic.eot');
	src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato-Italic.woff') format('woff'), url('../fonts/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-BoldItalic.eot');
	src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-BoldItalic.woff2') format('woff2'), url('../fonts/Lato-BoldItalic.woff') format('woff'), url('../fonts/Lato-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-LightItalic.eot');
	src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-LightItalic.woff2') format('woff2'), url('../fonts/Lato-LightItalic.woff') format('woff'), url('../fonts/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: 'Lato' !important;
	overflow-x: hidden;
}

html {
	height: 100%;
}

.table-scroll{
	overflow-x: auto!important;
}
textarea:focus,
input:focus,
.btn-primary:focus,
.btn-primary.focus,
select:focus,
.pagination li a:focus {
	outline: none !important;
	box-shadow: none !important;
}
button:focus{
	outline: 0!important;
}

div.jqi {
	background-color: #215D21!important;
	border: 0!important
}

div.jqi .jqimessage {
	color: white !important;
	background-color: #215D21!important;
}

div.jqi .jqiclose {
	cursor: pointer!important;
}

div.jqi .jqibuttons button.jqidefaultbutton {
	color: #215D21!important;
	border: 0 !important;
}

div.jqi .jqibuttons button {
	color: black!important;
	border: 0 !important;
}

div.jqi .jqibuttons button:hover {
	background-color: #215D21!important;
	color: white!important
}
.same-line-padding input,.same-line-padding select{
	padding: 8px 10px 8px 0!important
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{
	    background-color: #215D21;
}

.same-line-padding input[type="submit"]{
	/* padding-left: 10px !important; */
	padding: 10px 20px !important;
	margin-top: 40px !important;
}
/* .same-line-padding .error{
	padding-left: 14px;
} */
.same-line-padding textarea{
	height: 38px !important;
	resize: auto !important;
}
.disabled-btn{
	opacity: 0.3 !important;
	cursor: not-allowed;
}
.disabled-btn:hover{
	background-color: #e2e9e7 !important;
  box-shadow: none !important;
	cursor: not-allowed;
}
#ContentPlaceHolder1_MessageBox1_divMessage.success p, #ContentPlaceHolder1_MessageBox1_divMessage.error p, .messagebox.error p{
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
#ContentPlaceHolder1_MessageBox_divMessage.success,#ContentPlaceHolder1_MessageBox1_divMessage.success,  .messagebox.sucess, .messagebox.success {
	background-color: #215d21;
	color: white !important;
	font-size: 14px;
}
#MessageBox_divMessage.error p{
	text-align: center;
}
.messagebox span, #regvPwd.error, .messagebox.error p,
#NewPasswordCompare.error, #LoginPanel .messagebox.error.login-error span{
	color: white;
}

#LoginPanel .messagebox.error p{
	margin-top: 0;
	font-weight: 400;
}
#LoginPanel .messagebox.error{
	width: 100%;
	margin-bottom: 10px;
	float: right;
}
#LoginPanel .messagebox.error #ErrMsg{color: white;}
#LoginPanel .messagebox.error.login-error{
	width: 100%;
	color: white;
	margin-bottom: 0;
	float: none;
}
#ContentPlaceHolder1_MessageBox_divMessage.error ,#MessageBox_divMessage.error,  .messagebox.error,
#ContentPlaceHolder1_MessageBox1_divMessage.error, #NewPasswordCompare.error, #regvPwd.error{
	background-color: red;
	
	 font-size: 14px;
}
/* #NewPasswordCompare.error{
	display: inline-block !important;
} */
.creare-shipment-buttonlb{
	color: #215d21;
	text-decoration: underline;
}
.creare-shipment-buttonlb:hover{
	color: #00b400;
	text-decoration: none;
}
.browse-btn-border.browse_btn{
	margin-top: 30px!important;
	border-bottom: 1px solid #cdc9c9 !important;
	padding-bottom: 10px!important;
}
/* #ContentPlaceHolder1_MessageBox_divMessage.error {
	background-color: red;
	color: white !important
} */
#ContentPlaceHolder1_MessageBox_divMessage {
	margin-top: 20px;
	text-align: center;
}
#ContentPlaceHolder1_MessageBox_divMessage img{
	margin-right: 15px;
}
#ContentPlaceHolder1_MessageBox_divMessage p{
	margin-bottom: 0;
	/* line-height: 27px; */
}
#dvLoading img{
	width: 30px;
  margin-top: 20px;
}
.two-coloum-label{
	top: 4px!important;
}
.container-checkbox{
	top: 2px !important;
}
.inv-pdf, .lpo-pdf{
	display: none;
}

/* Table sorting*/
/* .table-scroll {
    overflow-x: auto!important;
} */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	bottom: 0;
  top: 0;
  margin: auto;
  right: 4px;
  display: block;
  opacity: 0.5;
  width: 24px;
  height: 24px;
  transform: scale(0.6);
  content: "";
}
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 {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:hover::after{
	opacity: 1;
}
.sorting:after {
    opacity: 0.2;
    background-image: url('../images/sort-icon.png');
}
.sorting_asc:after{
    background-image: url('../images/ascending-sort.png');
}
.sorting_desc:after{
    background-image: url('../images/descending-sort.png');
}

#ErrMsg,
#spn_file_err,
.error,
#lblfError {
color: red;
}
.datepicker{
	cursor: pointer;
	border-radius:0 !important;
}
.message-box p,
#spn_file_success,
.success {
	color: #41f110;
}
.search-filter-section .error, .search-filter-section .success{
  width: 100%;
  text-align: left;
  margin-top: 16px;
}
.search-filter-section .error img, .search-filter-section .success img{
  margin-right: 10px;
}
.search-filter-section .row {
	margin-left: 0;
	margin-right: 0;
}
.copy-area a{
	color: #215D21
}
.copy-area a:hover{
	color: #215D21;
}
#LoginPanel{
  margin-top: 45px;
}
.datepicker th{
	color: #215D21!important;
	font-size: 13px;
}
.datepicker td{
	font-size: 13px;
}
.datepicker table tr td.active, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
	background-color: #215D21!important;
	background-image: linear-gradient(to bottom, #40c440, #215D21)!important;
}
.dropdown-toggle.collapsed::after   {
  transform: rotate(0) !important;
}
.dropdown-toggle::after  {
  transform: rotate(180deg) !important;
}
.breadcrumb-section ul{
	display: inline-block;
}
.breadcrumb-section img{
	position: relative;
	top: -2px;
}
.back-list{
	float: right;
	color: #215D21;
	font-weight: 600;
	position: relative
}
.back-list:hover{
	text-decoration: underline;
	color: #215D21;
}
.back-list::after{
	content:"";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -30px;
	background-image: url(../images/arrow.png);
	transform: scale(0.7);
}
.overlay {
     position: fixed;
     z-index: 999;
     height: 100%;
     width: 100%;
     top: 0;
		 left: 0;
     background-color: Black;
     filter: alpha(opacity=60);
     opacity: 0.6;
     -moz-opacity: 0.8;
 }
 .overlay-loader{
	 z-index: 1000; margin-left: 50vw; margin-top: 50vh; opacity: 1; -moz-opacity: 1;
 }
.login-bg {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../images/login-bg.png) repeat center;
	background-size: cover;
}

.login-section {
	position: absolute;
	z-index: 1000;
	top: 70px;
	/* transform:translateY(-50%); */
	width: 100%;
}

.login-section h1 {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	font-size: 55px;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
}

.login-section h2 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}

.login-section p {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 100;
}

.login-form-section {
	margin: 0px;
	padding: 80px 70px;
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	box-shadow: 0px 30px 60px #00000058;
	/* border: 1px solid #707070; */
	border-radius: 32px;
	opacity: 1;
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	text-align: center;
	background: rgb(248 249 250 / 10%);
	max-width: 485px;
	float: right;
}

.forgot-area.login-form-section {
	margin-left: auto;
	margin-right: 0;
	float: none;
}

.login-form-section h2 {
	margin:0px 0px 15px 0px;
	padding: 0px 0px;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	font: normal normal normal 16px/19px Lato;
	letter-spacing: 1.6px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
}

.login-form-section input {
	margin: 30px 0px 0px 0px;
	padding: 15px 10px;
	background: url("../images/load-input.png") no-repeat 98% center transparent;
	border: 1px solid #FFFFFF;
	width: 100%;
	border-radius: 11px;
	color: #fff;
	font-size: 14px;
}
.reset-form-section input{
	margin-top: 13px !important;
}
.reset-form-section input.creare-shipment-button{
	margin-top: 0!important;
}
.login-form-section input::-webkit-input-placeholder {
	/* Edge */
	color: #CECECE;
}

.login-form-section input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #CECECE;
}

.login-form-section input::placeholder {
	color: #CECECE;
}
.login-form-section .pagination {
    margin-top: 9px !important;
}
.login-button {
	margin: 30px 0px 0;
	padding: 10px;
	background: #FFFFFF;
	width: 100%;
	text-align: center;
	display: inline-block;
	color: #000;
	border-radius: 11px;
	transition: .5s ease;
	font: normal normal bold 16px/19px Lato;
	letter-spacing: 1.6px;
	color: #2F622C;
	text-transform: uppercase;
}

.login-button:hover {
	background: #287a11;
	color: #fff;
	text-decoration: none;
	transition: .5s ease;
}

.forgot-pswd {
	font: normal normal normal 12px/15px Lato;
	letter-spacing: 0px;
	color: #CECECE;
	font-size: 15px;
}

.forgot-pswd:hover {
	color: #287a11;
	text-decoration: none;
}

.footer-section {
	margin-top: 50px;
	position: relative;
}

.footer-section span {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 12px;
}

.footer-section span::after {
	height: 1px;
	background: #fff;
	width: 73%;
	position: absolute;
	content: "";
	display: inline-block;
	top: 16px;
	right: 0;
}
#sidebar {
	margin-left: 0;
}
#sidebar.active {
	margin-left: -270px;
}
table.dataTable td[data-label="Email Address"]{
	word-wrap: break-word;
}
@media (min-width: 800px) and (max-width:1210px){
		#sidebar {
			margin-left: -270px;
		}
		#sidebar.active {
			margin-left: 0;
		}
}
@media screen and (max-width: 825px) {
	.login-bg {
		background: url(../images/login-bg-ipad.png) no-repeat center;
		background-size: cover;
		height: 100vh;
		position: inherit;
	}
	.login-section {
		width: 100%;
		height: auto;
		position: inherit;
		transform: inherit;
		top: inherit;
		padding: 100px 0px;
	}
	html {
		height: auto;
	}
	.login-section h1 {
		font-size: 40px;
		line-height: 45px;
	}
	.login-form-section {
		margin: 30px 0px 0px 0px;
		padding: 40px 30px;
	}
}

.sidebar-menu {
	padding: 20px 0px;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.login-bg{display: table;}
	.container {		max-width: 720px;	}
	.col-md-7 .two-coloum-label{
		width:24% !important;
	}
	.col-md-7 .two-coloum-input{
		width: 75% !important;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}

}

@media (min-width: 1500px) {
	/* .shipment-list-table th {
		width: 105px !important;
	} */
	/* .res-table-display .shipment-list-table th{
		width: 77% !important;
	} */
}
@media  (min-width: 1366px){
	.sample-list-table th{
		width: 142px !important;
	}
	.staff-list-table th{
		width: 115px !important;
	}
}
@media (min-width: 1200px) {
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{
		left: 10px;
	}
	.container {
		max-width: 1140px;
	}
	/* .table-scroll{
		overflow: hidden !important;
	} */
	.sample-list-table th{
		width: 120px !important;
	}
	.shipment-list-table.article-detail.table-responsive th{
		padding: 20px 15px 20px  15px!important
	}
	table.shipment-list-table.article-detail th{
		font-size: 16px !important
	}
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.wrapper {
	width: 100%;
	/* display: -webkit-flex;
  -webkit-flex-wrap: wrap;  */
	display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
}

#sidebar {
	width: 30%;
	min-width: 270px;
	max-width: 270px;
	background: #fff;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	text-align: center;
	/* -webkit-flex: 0 0 155px; flex: 0 0 155px; */
	-webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
}

#sidebar .h6 {
	color: #fff;
}


/* #sidebar.active {
    margin-left: -270px; } */

#sidebar h1 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
}

#sidebar h1 .logo {
	color: #fff;
}

#sidebar h1 .logo span {
	font-size: 14px;
	color: #44bef1;
	display: block;
}

#sidebar ul.components {
	padding: 0;
	margin-top: 60px;
}

#sidebar ul li {
	font-size: 16px;
}

#sidebar ul li>ul li a{
	padding-left: 60px;
}

#sidebar ul li>ul li {
	font-size: 14px;
}

#sidebar ul li a {
	padding: 18px 0;
	display: block;
	color: #393939;
	border-right: 8px solid rgba(255, 255, 255, 0.1);
	font-family: 'Lato';
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 50px;
}

#sidebar ul li a span {
	color: #44bef1;
}

#sidebar ul li a:hover {
	color: #215D21;
	text-decoration: none;
	background: #eef3ee;
	border-right: 8px solid green;
}

#sidebar ul li.active>a {
	background: #eef3ee;
	color: #215d21;
	text-decoration: none;
	border-right: 8px solid green;
}


}
@media (max-width: 991.98px) {
	#sidebar {
		margin-left: -270px;
	}

	#sidebar.active {
		margin-left: 0;
	}
}
#sidebar .custom-menu {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 0;
	margin-right: -20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	#sidebar .custom-menu {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}
#sidebar .custom-menu .btn {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: relative;
}
#sidebar .custom-menu .btn i {
	margin-right: -40px;
	font-size: 18px;
	color: green;
	z-index: 2;
	position: relative;
}
#sidebar .custom-menu .btn.btn-primary {
	background: transparent;
	border-color: transparent;
}
#sidebar .custom-menu .btn.btn-primary:after {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	border-radius: 10px;
}
#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
	background: transparent !important;
	border-color: transparent !important;
}
a[data-toggle="collapse"] {
	position: relative;
}
.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 991.98px) {
	#sidebarCollapse span {
		display: none;
	}
}
#content {
	width: 76%;
	padding: 0;
	min-height: 100vh;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: #f5f6fa;
	position: relative;
	/* -webkit-flex: 0 0 155px; flex: 0 0 155px; */
	-webkit-flex: 1;
-webkit-box-flex: 1;
-moz-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.dropdown-toggle::after {
	margin-right: 15px;
}
.content-header-div {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #ddd;
}
.content-header-div h2 {
	margin: 0px;
	padding: 0px;
	color: #393939;
	font-size: 24px;
	font-weight: bold;
}
.header-right-section {
	text-align: right;
}
.header-right-section li {
	float: right;
	list-style: none;
	margin: 0px 0px 0px 30px;
}
.header-right-section li a i {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
}
.header-right-section li a span {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 16px;
	color: #393939;
	display: inline-block;
	vertical-align: text-top;
	font-weight: 600;
}
.breadcrumb-section {
	margin: 15px 0px 30px 0px;
	padding: 0px;
}
.breadcrumb-section ul {
	margin: 0px;
	padding: 0px;
}
.breadcrumb-section ul li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 14px;
	color: #393939;
}
.breadcrumb-section ul li a {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 14px;
	color: #393939;
	text-decoration: none;
}
.breadcrumb-section ul li a:hover {
	color: #215D21;
	text-decoration: underline;
}
.breadcrumb-section ul span {
	/* margin: 0px 5px; */
}

.table-top-section {
	margin: 30px 0px 18px 0px;
}
.page-count {
	position: relative;
	top: 12px;
}
.page-count span {
	font-size: 14px;
	color: #393939;
}
.page-count select {
	background: #fff;
	border: 1px solid #215d21;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #215D21;
	border-radius: 3px;
	opacity: 1;
	color: #393939;
	font-size: 14px;
	padding: 3px 5px;
	margin: 0 10px;
}
.search-filter-section {
	margin: 0px 0px 0px 0px;
	text-align: right;
	position: relative;
}
.filter-menu-div {
	position: absolute;
	width: 350px;
	background: rgb(255, 255, 255);
	right: -10px;
	top: 80px;
	padding: 15px 10px;
	box-shadow: 3px 6px 5px -3px rgba(0, 0, 0, 0.46);
	-webkit-box-shadow: 3px 6px 5px -3px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: 3px 6px 5px -3px rgba(0, 0, 0, 0.46);
	z-index: 9;
}
.filter-menu-div .hr-nopad select{
	margin-top: 20px !important;
}
.filter-menu-div .hr-nopad input{
	top: 0 !important;
}
.search-filter-section input {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	background: none;
	border: none;
	border-bottom: 1px solid #b6b7b9;
	background: url("../images/search-icon.png") no-repeat center right !important;
	position: relative;
	top: -9px;
	width: 100% !important;
}
.search-filter-section input {
	padding-right: 20px !important;
}
.filter-section {
	margin: 0px 5px;
	padding: 23px 25px;
	display: inline-block;
	background: url("../images/filter.png") no-repeat center #e2e9e7;
	border: none;
}
.clear-filter-section {
	margin: 0px 5px;
	padding: 23px 25px;
	display: inline-block;
	background: url("../images/filter-clear.png") no-repeat center #e2e9e7;
	border: none;
}
.mRightExport{
	  margin: 0px 5px;
    padding: 23px 25px;
    display: inline-block;
    background: url("../images/excel.png") no-repeat center #e2e9e7;
    border: none;
}
.pdf-section {
	margin: 0px 5px;
	padding: 23px 25px;
	display: inline-block;
	background: url("../images/pdf-icon.png") no-repeat center #e2e9e7;
	border: none;
}
td .pdf-section, td .invoice-section{
	padding: 19px 20px;
		margin: 0 2px;
		background-color: #dde2dd;
}
.invoice-section {
	margin: 0px 5px;
	padding: 23px 25px;
	display: inline-block;
	background: url("../images/invoices.png") no-repeat center #e2e9e7;
	border: none;
}
.filter-section:hover,
.clear-filter-section:hover, .invoice-section:hover,
.pdf-section:hover, .mRightExport:hover {
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
}
.shipment-list-table {
	border-collapse: collapse !important;
	margin: 0 !important;
	padding: 0 !important;
	/* width: 100% !important; */
	table-layout: fixed !important;
	background: #fff !important;
}
.shipment-list-table caption {
	font-size: 1.5em !important;
	margin: .5em 0 .75em !important;
}
.shipment-list-table tr {
	background-color: #fff !important;
	padding: .35em !important;
}
.shipment-list-table th {
	padding:20px 23px 20px  20px!important;
	text-align: center !important;
	font-size: 14px;
	color: #393939;
	border-right: 1px solid #e4e4e4;
  /* word-break: break-word; */
	/* white-space: break-spaces; */
  text-overflow: ellipsis;
  overflow: hidden;
}
.shipment-list-table td{
	padding:20px 23px 20px  20px!important;
	text-align: center !important;
	font-size: 14px;
	color: #393939;
	border-right: 1px solid #e4e4e4;
	/* white-space: nowrap;
  text-overflow: ellipsis; */
  overflow: hidden;
}
.article-detail.shipment-list-table td{
	white-space: nowrap;
}
.shipment-list-table th {
	font-size: 14px !important;
	/* text-transform: capitalize !important; */
	color: #393939;
	/* width: auto !important; */
	border-right: none;
}
/* .shipment-list-table th.log-data {
	    width: 290px!important;
} */
.shipment-list-table td:last-child {
	border-right: none;
}
td.dataTables_empty {
	text-align: center !important;
}
td.dataTables_empty::before {
	display: none;
}

/* .shipment-list-table tr th:last-child {
	width: 30px;
} */
.shipment-list-table input[type=checkbox],
.shipment-list-table input[type=radio] {
	margin: auto !important;
	text-align: center !important;
}
.shipment-list-table th {
	background: #fff;
	/* width: 110px !important; */
	color: #393939 !important;
}
.shipment-list-table th:last-child {
    text-align: center;
    /* width: 145px !important; */
		/* min-width: 145px !important */
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top:6px;
  bottom: auto;
  margin: auto;
	left: 12px;
}
#example_wrapper{
	width: 100%;
}
/* .shipment-list-table.article-detail.table-responsive th:first-child{
	width: 50% !important
} */
/* .shipment-list-table-width .shipment-list-table th{
	width: 70px !important;
} */
.shipment-list-table tr:nth-child(odd) {
	background-color: #EBEBEB !important;
}
.accordion-toggle .fa-question-circle:before {
	content: "\f059";
	font-size: 20px;
}
i.fa.fa-question-circle {
	color: #124634;
	vertical-align: middle;
	margin-right: 10px;
}
.dataTable {
    width: 100% !important;
}

a.list-icons{
   width: 30px;
    height: 30px;
    margin: 2px;
    padding: 2px 5px;
    display: inline-block;
    background: #dde2dd;
}
a.list-icons:hover {
    background: white;
}



.edit-icon-section{
	
	margin: 0px 2px;
	padding: 19px 20px;
	display: inline-block;
	background-color:#dde2dd;
	width: 40px;
    height: 38px;
}
.delete-icon-section {
	
	margin: 0px 2px;
	padding: 19px 20px;
	display: inline-block;
	background-color:#dde2dd;
	width: 40px;
    height: 38px;
}

.visibility-icon-section{
	
	margin: 0px 2px;
	padding: 19px 20px;
	display: inline-block;	
	background-color:#dde2dd;
	width: 40px;
    height: 38px;
}
.article-section{
	
	margin: 0px 2px;
	padding: 19px 20px;
	display: inline-block;
	background-color:#dde2dd;
	width: 40px;
    height: 38px;
}
.print-icon-section-table {
	
	margin: 0px 2px;
	padding: 19px 20px;
	display: inline-block;
	background-color:#dde2dd;
	width: 40px;
    height: 38px;
}
.edit-icon-section:hover,
.delete-icon-section:hover,
.visibility-icon-section:hover,
.print-icon-section-table:hover,
.article-section:hover {
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
}
.table-title {
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #215D21;
	width: 100%;
	font-weight: normal;
}
#content input {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	border: none;
	border-bottom: 1px solid #b6b7b9;
	font-size: 14px;
	width: 100%;
}
#content select {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	border: none;
	border-bottom: 1px solid #b6b7b9;
	font-size: 14px;
	width: 100%;
}
#content textarea {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	border: none;
	border-bottom: 1px solid #b6b7b9;
	font-size: 14px;
	width: 100%;
	height: 80px;
	resize: none;
}
.article-details-top-section {
	margin: 0px 0px 60px 0px;
}
.article-details-top-section .col-md-5{
	padding-left: 0;
	padding-right: 0;
}
.calender-input {
	background: url("../images/calender.png") no-repeat center right !important;
}
#content label {
	margin: 25px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #393939;
	display: block;
	position: relative;
	top: 13px;
}
#ContentPlaceHolder1_Label22 {
	    margin: 42px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #393939;
	display: block;
}
.two-coloum-label {
	margin: 0px 0px !important;
	padding: 8px 0px !important;
	width: 40% !important;
	float: left;
	display: inline-block !important;
}
.two-coloum-input {
	margin: 0px 0px !important;
	padding: 0px;
	width:59% !important;
	float: left;
	display: inline-block!important;
}
#content input[type=readonly] {
	background: #e2e9e7;
	cursor: not-allowed;
	border-bottom: none !important;
	padding: 8px 10px;
}
input:read-only {
	background: #e2e9e7 !important;
	cursor: not-allowed;
	border-bottom: none !important;
	padding: 8px 10px !important;
}
input.creare-shipment-button:read-only{
	background-color: white !important;
	border-bottom: 1px solid #215D21 !important
}
#CancelPushButton.creare-shipment-button:read-only{
	padding:10px 20px !important;
}
#CancelPushButton.creare-shipment-button:read-only:hover{
	padding:10px 20px !important;
	background-color: #215D21 !important
}
.table-responsive {
    display: inline-table!important;
	}
table.shipment-list-table.article-detail {
	margin-bottom: 60px !important;
}
table.shipment-list-table.article-detail td:first-child {
	text-align: left !important;
}
/* table.shipment-list-table th{
	min-width: 90px !important;
} */
/* table.shipment-list-table th:last-child {
	width: 220px !important;
} */
/* table.shipment-list-table.article-detail th:last-child {
	width: auto !important;
}
table.shipment-list-table.shipment-dttable th:last-child {
	width: 220px !important;
}
.shipment-dttable th:nth-child(3) {
	width: 234px !important;
}
.staff-list-table .shipment-dttable th:nth-child(3) {
	width: 180px !important;
} */
table.shipment-list-table.article-detail th {
	background: #215D21;
	color: #fff !important;
	font-size: 16px !important;
}
table.shipment-list-table.article-detail td:after {
	content: "";
	display: block;
	clear: both;
}
.table-title-left {
	margin: 0px 0 10px 0;
	padding: 10px 20px;
	text-align: left;
	font-size: 18px;
	color: #fff;
	background: #215D21;
}
.container-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin: 0 !important;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

select#ddlStatus, option{
  cursor: pointer;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	height: 30px;
	width: 30px;
	background-color: transparent;
	transform: translate(-50%, -50%);
	border: 3px solid #215d21 !important;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked~.checkmark {
	background-color: #215D21;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
	left: 7px;
	top: 0px;
	width: 10px;
	height: 20px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.container-checkbox i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	font-style: inherit;
}
.menu-div {
	position: absolute;
	z-index: 2000;
	display: none;
	width: 200px;
	background: #fff;
	padding: 25px;
	right: 83px;
	top: 92px;
}
.dt-button-background {
	opacity: 0;
}
#example {
	font-size: 12px;
}
/* .payroll-scroll-bottom {
	width: auto !important;
} */
div.dataTables_wrapper div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
	width: 100%;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
	padding: 10px 0;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination {
	margin-top: 20px !important;
}
.pagination li a {
	border: 1px solid #ddd;
	padding: 8px 10px;
	background: #fff;
}
.pagination li a:hover {
	text-decoration: none;
	background: #215D21;
	color: #fff;
}
.pagination li a {
	color: #215D21
}
.pagination li.active a {
	text-decoration: none;
	background: #215D21;
	color: #fff;
	border-left: 0;
	border-right: 0;
}
.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
	display: inline-block !important;
	overflow: hidden;
	width:100%;
}
div#example_length {
	float: left;
}
div#example_filter {
	display: inline-block;
	max-width: 300px;
}
.import-log-hold #example_filter label { position:relative; top:40px;}
.sample-sku-table #example_filter label { position:relative; top:40px;}
div#example_filter input {
	width: 100%;
	border-radius: 0;
	margin: 10px 0px 0px 0px !important;
}
.dt-buttons {
	display: inline-block;
	margin: 0px 0px 10px 25px;
}
.dt-buttons .dt-button:last-child{
	margin-right: 0 !important;
}
div#example_info {
	text-align: left;
	font-size: 13px;
	margin: 18px 0px 0px 0px;
}
.alrtMsg , #NewPasswordRequired, #ConfirmNewPasswordRequired, #rqvTempPassword{
	color: white;
	float: left;
	font-size: 15px;
	background-color: #d90505;
	padding: 0 4px;
	margin-top: 7px;
	width: 100%;
}
#valEmail,
#regvEmail {
	color:  #ff4040;;
	float: left;
	font-size: 15px;
}
#divfSuccess {
	background: #2b780b;
    color: #fff;
    padding: 5px;
}
.dataTables_length label {
	display: inline-block;
	margin-bottom: 12px !important;
	margin-top: 17px!important;
}
.dataTables_filter label{
	margin: 7px 0!important;
}
.upload,
.browse_btn {
	border: none !important;
}
div.dataTables_wrapper div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
	width: 45px !important;
	height: 25px;
	display: inline-block;
	background: #fff !important;
	box-shadow: 0px 3px 6px #00000029 !important;
	border: 1px solid #215D21 !important;
	border-radius: 3px;
	margin: 0px 5px !important;
}
.creare-shipment-button {
	margin: 0px 5px 0px 0px !important;
	padding: 10px 20px !important;
	background: #fff !important;
	border: 1px solid #215D21 !important;
	border-radius: 10px !important;
	color: #215D21 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	-webkit-box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	width: auto !important;
	display: inline-block;
}
.creare-shipment-button.float-right{
	margin-right: 0 !important;
	margin-bottom: 13px !important;
}
.dvArticles .form-inline{
	padding: 0 15px;
}
.filter-menu-div .creare-shipment-button {
	margin: 30px 0px 0px 0px !important;
	padding: 10px 15px !important;
	background: #fff !important;
	border: 1px solid #215D21 !important;
	border-radius: 10px !important;
	color: #215D21 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	-webkit-box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	-moz-box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	box-shadow: 0px 2px 15px -6px rgba(0, 0, 0, 0.75) !important;
	width: auto !important;
	display: inline-block;
}
.creare-shipment-button:hover {
	background: #215D21 !important;
	color: #fff !important;
	text-decoration: none !important;
}
/* .creare-shipment-button.impBtn {
	margin-top: 10px !important;
} */
.filter-menu-div .filter-text label {
	text-align: left !important;
	margin: 10px 0px !important;
}
.filter-menu-div input {
	border-radius: 0 !important;
	background: none !important;
}
label#ContentPlaceHolder1_Label1 {
	width: auto;
	display: inline-block;
}
.required-star{
	color: red;
}
#ContentPlaceHolder1_trStatus label.container-checkbox {
	width: 130px;
	top: -25px !important;
}
div#dvCons {
	position: absolute;
	left: 53%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	box-shadow: 3px 6px 5px -3px rgb(0 0 0 / 46%);
	-webkit-box-shadow: 3px 6px 5px -3px rgb(0 0 0 / 46%);
	-moz-box-shadow: 3px 6px 5px -3px rgba(0, 0, 0, 0.46);
	border: 1px solid #ddd;
	padding: 40px;
	max-width: 450px;
	width: 100%;
}
#dvCons label {
	margin: 10px 0!important;
	padding: 0px;
}
#dvCons input {
	margin: 0px 0px 20px 0px !important;
	padding: 0px;
	width: 100%;
	display: block;
}
#ContentPlaceHolder1_rfvConsID {
	color: red;
	margin-bottom: 20px;
}
.popup-close {
	margin: 0px;
	padding: 0px 0px;
	/* background: */
}
.popup-close {
	position: absolute;
	right: 14px;
	top: 0px;
	width: 20px;
	height: 20px;
	opacity: 0.3;
	border: none;
	background: none;
}
.popup-close:hover {
	opacity: 1;
}
.popup-close:before,
.popup-close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 25px;
	width: 2px;
	background-color: #333;
}
.popup-close:before {
	transform: rotate(45deg);
}
.popup-close:after {
	transform: rotate(-45deg);
}
#ContentPlaceHolder1_rqvNotOk1 {
	color: red;
	margin: 10px 0px;
}
.signature-section p span{
	color: #888686
}
.container-radio input[type=radio]:checked~.check {
	background: red;
}
.dvAddress {
	background: #e2e9e7 !important;
	padding: 8px 10px;
	cursor: not-allowed;
	font-size: 14px;
	width: 100%;
    float: left;
}

.dvAddress span{
    text-align: left;
    display: inline-block;
}
.header-right-section li a:hover {
	opacity: .7;
}
.error {
	color: red;
	font-size: 14px;
}
.container-radio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.container-radio {
	/* width: 20%;
	float: right;
	margin: 0 !important;
	top: 2px!important; */
	width: 54%;
	margin: auto !important;
	padding-left: 16px;
	float: none;
}

/* Hide the browser's default radio button */
.container-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
	position: absolute;
	top: 11px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.container-radio:hover input~.container-radio .checkmark {
	background-color: green;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked~.checkmark {
	background-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
	top: 2px !important;
	left: 2px !important;
	width: 15px !important;
	height: 15px !important;
	border-radius: 50% !important;
	background: #215d21 !important;
}
.message-box {
	margin-top: 25px;
}
.message-box img {
	display: none;
}
label#ContentPlaceHolder1_ConfirmPasswordLabel {
	margin-top: 0;
}
div.dataTables_wrapper div.dataTables_processing {
	    margin-top: 100px;
	/* position: absolute;
	transform: translate(-50%, -50%);
	top: 64%;
	left: 50%; */
	/* position: fixed;
	transform: translate(-50%, -50%);
	top: 55vh;
	left: 22%;
	right: 0; */
}
div.dataTables_processing{
	background-color: transparent;
	background: transparent;
}
.table-bordered,.table-bordered th, .table-bordered td{
	border: 0;
}
.table thead th{
	border-bottom: 0;
	vertical-align: middle;
}
.staff-list-table .shipment-list-table,
.article-list-table .shipment-list-table,
.sample-list-table .shipment-list-table,
.shipment-list-table-width .shipment-list-table,
.import-log-hold .shipment-list-table,.sample-sku-table .shipment-list-table,
.shipment-list-table{
	width: 100% !important;
}
.payroll-scroll-bottom{
	width: 100% !important;
}
.import-log-hold .search-filter-section {
    width: 100%;
}

/* Table add column */
.table th, .table td{
	vertical-align: middle;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
		display: inline-block;
		width: 100%;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
	border-bottom: 1px solid #efefef;
	padding: 0.5em 0;
}
.rs-table-form table.dataTable > tbody > tr.child ul.dtr-details {
	float: left;
	text-align: left;
	width: 100%;
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
table.dataTable>tbody>tr.child span.dtr-title {
		float: left;
		min-width: 150px !important;
		text-align: left;
		padding-right: 10px;
}
span.dtr-data {
		float: left;
		min-width: 112px;
		display: block;
		max-width: 82%;
		text-align: left;
}
table.dataTable>tbody>tr.child ul.dtr-details{
	float: left;
}
table.dataTable>tbody>tr.child ul.dtr-details{
	width:100%;
}
td span{
	word-break: break-word;
}

@media only screen and (min-device-width: 640px) and (orientation: landscape) {
	.shipment-list-table td{
		padding: 20px 10px 20px 10px!important
	}
}
@media  (min-width: 1026px)and (max-width: 1300px){
		.shipment-list-table th {
			width: 110px !important;
		}
		.shipment-article-list-table th{
			width: auto !important;
		}
		.shipment-reports-list-table th{
			width: auto !important;
		}
		.shipment-article-list-table th:last-child{
			width: 110px !important;
		}
		.article-detail.mobile-table .shipment-list-table th{
			width: 77% !important;
		}
}
@media screen and (max-width: 1025px){
	#ContentPlaceHolder1_spnPassword {
    line-height: 14px;
    font-size: 12px;
}

	td .pdf-section, td .invoice-section,.article-section,.edit-icon-section, .delete-icon-section, .visibility-icon-section{
		padding:13px 15px;
		width: 23px;
		height: 30px;
	}
	table.dataTable.collapsed td:first-child {
    padding-left: 27px !important;
}
	table.dataTable tr.child ul li{
		white-space: normal;
	}
	.shipment-list-table tr td img {width:100%;}
	.shipment-list-table tr td a img {width:auto;}
	.table-responsive {
    display: inline-block!important;
	}
	.res-table-display{
		display: inline-table!important;
	}
	/* .shipment-list-table.article-detail.table-responsive th{
		min-width: 90px!important;
	} */
	td.dataTables_empty{
		text-align: left !important;
	}
	/* .shipment-list-table th {
		width: 116px !important;
	} */
	/* table.shipment-list-table.shipment-dttable th:last-child {
		width: 120px !important;
	} */
	.table-scroll{
		overflow-x: auto!important;
	}
	/* .shipment-list-table th{
		width: 115px !important;
	} */
	#content {
    width: 70%;
	}
	/* .menu-active .article-detail .container-radio .checkmark{
		left: 27px;
	}
	.article-detail .container-radio .checkmark{
		left: 30px;
	} */
	#LoginPanel .messagebox.error {
		width: 100%;
	}
	.shipment-list-table th {
    padding: 13px 24px 14px 6px!important;
		min-width:70px;		width: 70px!important;font-size: 13px !important;
	}
	.article-detail .shipment-list-table th {
    padding: 13px 6px 14px 6px!important;
	}
	.menu.container-radio .checkmark{
		  left: 30px;
	}
	/* .form-formatted .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.form-formatted .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	} */
}

@media (min-width: 700px) and (max-width: 760px) {
	.shipment-article-list-table th:last-child {
		Width: 102px !important
	}
	.shipment-reports-list-table th:last-child {
		Width: 90px !important
	}
	/* .shipment-article-list-table th:first-child {
		Width: 53px !important
	}
	.shipment-article-list-table th:first-child {
		Width: 53px !important
	} */
	/* .shipment-reports-list-table th:nth-child(4) {
		Width: 70px !important;
		min-width: 70px!important
	} */
	.shipment-list-table td, .shipment-reports-list-table td{
		padding: 15px 5px 15px 5px!important
	}
	.shipment-list-table th, .shipment-reports-list-table th{
		Width: 50px !important;
		min-width: 50px!important
	}
}
@media screen and (min-width: 768px) and (max-width: 1025px){
	.shipment-list-table th:last-child{
		width: 116px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	/* .shipment-list-table th{} */
		#content{
			width: 60%;
		}
		.menu-active .article-detail .container-radio .checkmark {
	    left: 0;
		}
		#divLogin{
			max-width: 75% !important;
			flex: 0 0 70% !important;
		}
		.content-header-div #divLogin{
			max-width: 50% !important;
			flex: 0 0 50% !important;
		}
		.sm-width-low{
			flex: 0 0 30% !important;
			max-width: 30% !important;
		}
		div#dvCons{
			left: 50%;
		}
		#LoginPanel .messagebox.error {
	    width: 100%;
		}
		.full-width-on-ipad{
			flex: 0 0 100%!important;
			max-width: 100%!important;
		}
}
@media screen and (max-width: 991px) {
	span.dtr-data{
		max-width: 97%;
	}
	.import-log-hold .search-filter-section{
		width:100%;
	}
	.header-right-section li{
		margin: 0px 8px 0px 0;
	}
	.content-header-div h2 {
		font-size: 16px;
	}

	.header-right-section li a span {
		font-size: 15px;
	}

	.clear-filter-section,
	.filter-section,.mRightExport {
		padding: 20px 20px;
	}
	label.container-radio {
	    width: 84%;
	}
	.checkmark {
		transform: translate(-50%, -50%);
	}
	.article-detail .container-radio .checkmark {
	    left: 0;
	}
	.res-table-display th:first-child{
	    width: 36% !important;
	}
	.article-detail.mobile-table .shipment-list-table th{
		width: 36% !important;
	}
	.login-section h1 {
		font-size: 25px;
		line-height: 34px;
	}

	.login-section h2 {
		margin: 20px 0px 15px 0px;
		font-size: 18px;
	}

	.login-form-section {
		margin: 0px;
		padding: 25px 35px;
	}

	.footer-section span::after {
		/* display:none; */
		width: 64%
	}
}
@media (min-width: 769px) and (max-width: 812px){
	.login-bg{
		height: 100%;
	}
}
@media (min-width: 700px) and (max-width: 755px){
	.login-bg {
    height: 130vh !important;
	}
}
@media screen and (max-width: 768px){
	.wrapper{
		position: relative;
		height: 100%;
	}
	#sidebar{
		position: absolute;
		left: 0;
		z-index: 99;
		height: 100%;
	}
}
@media (max-width: 767px){
	
	/* table.shipment-list-table th:last-child {
		width: 160px !important;
	} */
	/* .shipment-list-table {
		width: auto !important;
	} */
	/* .shipment-list-table th{
		width: 135px !important;
	} */
	.datepicker{
		margin-bottom: 10px !important;
	}
	.reset-form-section .pr-0{
		padding-right: 	15px!important;
	}
	.login-form-section{
		float: none !important;
		margin:30px auto !important;
	}
	#LoginPanel{
		    padding-top: 30px;
	}
	#LoginPanel .messagebox.error {
    width: 100%; 
	}
	.login-bg{
		height: 100%;
	}
	.footer-section span::after {
    /* display: none; */
    width: 50%;
	}
	#ContentPlaceHolder1_trStatus label.container-checkbox {
		width: 130px;
		top: -32px !important;
	}
	label.container-radio{
		top: 2px !important;
		float: none !important;
	}
	table.shipment-list-table.article-detail td[data-label="Yes"]::before{
		display: none;
	}
	table.shipment-list-table.article-detail td[data-label="No"]::before{
		display: none;
	}
	#content input[type="file"]{
		margin-bottom: 15px;
	}
	.article-details-top-section .col-md-7{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.edit-icon-section:after {
		padding: 19px 15px;
	}

	.delete-icon-section:after,.article-section, td .pdf-section, td .invoice-section {
		padding: 19px 15px;
	}

	.visibility-icon-section:after {
		padding: 19px 15px;
	}

	.print-icon-section-table:after {
		padding: 19px 15px;
	}
}
@media (max-width: 760px){
	label.container-radio {
    width: 79%;
	}
	table.shipment-list-table.article-detail td[data-label="Yes"] .container-radio .checkmark {
    top: 9px;
	}
	table.shipment-list-table.article-detail td[data-label="No"] .container-radio .checkmark {
    top: 9px;
	}
}
@media (max-width: 700px){

		table.shipment-list-table.article-detail td[data-label="Yes"] .container-radio .checkmark {
		    top: 11px;
		}
		table.shipment-list-table.article-detail td[data-label="No"] .container-radio .checkmark {
	    top: 12px;
		}

		/* .shipment-list-table {
			border: 0 !important;
		}

		.shipment-list-table caption {
			font-size: 1.3em !important;
		}

		.shipment-list-table th,
		.shipment-list-table td {
			border-right: none;
		}

		.shipment-list-table thead {
			border: none !important;
			clip: rect(0 0 0 0) !important;
			height: 1px !important;
			margin: -1px !important;
			overflow: hidden !important;
			padding: 0 !important;
			position: absolute !important;
			width: 1px !important;
		}

		.shipment-list-table tr {
			display: block !important;
			margin-bottom: .625em !important;
		}

		.shipment-list-table tr:nth-child(even) {
			background-color: #f3f3f3;
		}

		.shipment-list-table td {
			border-bottom: 1px solid #ddd !important;
			display: block !important;
			font-size: .8em !important;
			text-align: right !important;
		}

		.shipment-list-table td.dataTables_empty{
			text-align: center !important;
		}
		.shipment-list-table th {
			text-align: left !important;
		}

		.shipment-list-table td::before {
			content: attr(data-label) !important;
			float: left !important;
			font-weight: bold !important;
			margin-bottom: 20px;
			width: 50%;
			text-align: left;
		}

		table.shipment-list-table.article-detail td::before {
			content: attr(data-label) !important;
			float: left !important;
			font-weight: bold !important;
			text-transform: uppercase !important;
			margin-bottom: 0px;
			width: 50%;
			text-align: left;
		}

		.shipment-list-table td:last-child {
			border-bottom: 0 !important;
		} */


		.login-bg {
			height: 100%;
		}
		.back-list{
			float: none;
			position: relative;
			font-size: 14px;
			display: block;
			width: 100%;
			/* left: 29px; */
			padding-left: 30px;
			margin-top: 10px;
		}
		.back-list::after{
			left: 0;
		}
}
@media (max-width:640px){
	.reset-form-section .pr-0{
		padding-right: 	15px!important;
	}
	.login-form-section{
		float: none !important;
		margin:30px auto !important;
	}
	#LoginPanel{
		    padding-top: 30px;
	}
	.login-bg {
	    height: 268vh;
		}
		table.shipment-list-table.article-detail td[data-label="Yes"] .container-radio .checkmark,
		table.shipment-list-table.article-detail td[data-label="No"] .container-radio .checkmark{
	    top: 12px;
		}
}
@media (max-width: 575px){
	.import-log-hold #example_filter label { position:relative; top:10px;}
	.sample-sku-table #example_filter label { position:relative; top:10px;}
	div.dataTables_processing{
		top: 198px;
	}
	table.dataTable>tbody>tr.child span.dtr-title{
		min-width: 100% !important;
	}
	span.dtr-data {
    max-width: 100%;
	}
	label.container-radio {
    width: 22%;
		float:left !important;
	}
	.mobile-table{
		position: relative;
	}
	.shipment-list-table.article-detail.table-responsive.mobile-table th:first-child{
		width: 100% !important;
	}
	.mobile-table th,
	.mobile-table td {
		border-right: none;
	}

	.mobile-table thead {
		border: none !important;
		/* clip: rect(0 0 0 0) !important; */
		height: 100px !important;
		margin: -1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		width: 100% !important;
		top: -42px;
	}

	.mobile-table tr {
		display: block !important;
		margin-bottom: .625em !important;
	}

	.mobile-table tr:nth-child(even) {
		background-color: #f3f3f3;
	}

	.mobile-table td {
		border-bottom: 1px solid #ddd !important;
		display: block !important;
		font-size: .8em !important;
		text-align: right !important;
	}

	.mobile-table th {
		text-align: left !important;
	}
	.mobile-table th{
		display: none;
	}
	.mobile-table th:first-child{
		display: block;
	}
	.mobile-table td::before {
		content: attr(data-label) !important;
		float: left !important;
		font-weight: bold !important;
		margin-bottom: 20px;
		width: 50%;
		text-align: left;
	}

	table.mobile-table.article-detail td::before {
		content: attr(data-label) !important;
		float: left !important;
		font-weight: bold !important;
		text-transform: uppercase !important;
		margin-bottom: 0px;
		width: 50%;
		text-align: left;
	}

	.mobile-table td:last-child {
		border-bottom: 0 !important;
	}


	.shipment-list-table.article-detail.table-responsive th:first-child {
    width: 25% !important;
	}
	.search-filter-section{
		text-align: center;
	}
	div#example_filter{
		max-width: 100%;
		width: 100%;
	}
	#content #example_filter label {
    width: 100%;
	}
	.dt-buttons{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.content-header-div{
		text-align: center;
	}
	/* .shipment-list-table th {
    min-width: 90px;
		width: 93px !important;
	} */
	/* .staff-list-table .shipment-list-table th {
    width: 90px !important;
	} */
	.creare-shipment-button.float-right{
		float: none !important;
		margin-top: 10px !important;
	}
	.filter-menu-div {
    width: 100%;
    right: 0;
    top: 158px;
	}
	#sidebar{
		position: absolute;
    width: 100%;
    max-width: 90%;
    z-index: 9;
    height: 100vh;
	}
	#sidebar.active {
    margin-left: -90%;
	}
	div#dvCons{
		max-width: 300px;
		left: 50%;
	}
	.article-detail .container-radio .checkmark{
		top: -10px;
	}
	table.shipment-list-table.article-detail td[data-label="Yes"] .container-radio .checkmark{
		top: 10px;
	}
	table.shipment-list-table.article-detail td[data-label="No"] .container-radio .checkmark{
		top: 10px;
	}
	.container-checkbox {
    top: 10px !important;
	}
	.article-details-top-section .col-md-5 {
    padding-left: 15px;
    padding-right: 15px;
	}
	.pagination li a{
		padding: 8px 7px;
	}
	.content-header-div .sm-width-low h2{
		text-align: center;
		margin: -10px 0 12px;
	}
	.header-right-section {
    text-align: center;
		padding-left: 0;
	}
	.header-right-section li{
		display: inline-block;
		float: none;
	}
	.login-bg {
		background: url(../images/login-bg-mobile.png) no-repeat center;
		background-repeat: repeat;
		background-size: cover;
		/* height: 158vh; */
		height: 183vh;
		position: inherit;
		background-attachment: fixed;
	}
	.footer-section span::after{
		display: none;
	}
}
@media only screen and (min-width: 300px) and (max-width: 900px){
	.table-scroll {
    overflow-x: auto!important;
	}
}
@media screen and (max-height: 600px){
	.login-bg{
		height: 206vh;
	}
}
@media screen and (max-height:420px){
.login-bg{    height: auto !important;}
}


@media screen and (max-height: 376px){
	.login-bg {
    height: 251vh;
	}
}
@media screen and (max-height: 321px){
	.login-bg {
    height: 300vh;
	}
}

input[type=file]{
	    background-color: transparent !important;
}
table.shipment-list-table.article-detail td[data-label="Yes"] .container-radio,
table.shipment-list-table.article-detail td[data-label="No"] .container-radio{
	/* margin: 0 !important; */
	top: -1px !important
}
.remark-section {
	margin: 0px 0px;
	padding: 0px 0px;
}
.remark-section textarea {
	width: 100% !important;
	padding: 20px 0px !important;
	height: 150px !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #b6b7b9 !important;
	resize: none !important;
}
.remark-section .error{
	display: block !important;
}
.button-list a, .button-list input{
	width: 100% !important;
	text-align: center !important
}
.button-list{
	margin-top: 10px;
}
.reset-section{
	padding: 45px 70px;
	min-width: 485px;
}
.form-formatted{
	padding: 20px;
	background-color: white;
}
.form-formatted .import-dv{
	font-style: italic;
}
.fa-spin{
	color: #07b507!important;
}
.button-hold{
	margin-top: 8px;
}
.button-hold .creare-shipment-button{
	display: block !important;
	width: 100% !important;
	
}
.article-image-link{
    font-weight: 600;
    color: #215D21 !important;
    cursor: pointer;
    font-size: 14px;
	    position: relative;
    top: 8px;
}
#content .article-details-top-section label{float:left;}
.article-image-link:hover {
    color: #008000!important;
    text-decoration: underline !important;
}
#ContentPlaceHolder1_imgArticle{margin: 0 auto;display: block;}
.col-md-4.button-hold .creare-shipment-button{padding: 10px 10px !important;}
#ContentPlaceHolder1_trStatus {    margin-bottom: 30px;}
#ContentPlaceHolder1_spnPassword {
    position: absolute;
   top: 10px;
    line-height: 14px;
}