html{
	margin:0 !important;
}
.titleSep{
	background:#b5b5b5;
	max-width:454px;
	margin:20px auto !important;
}

.moduleText p{
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#000000;
}

.mfp-close-btn-in .mfp-close {
    color: #000000;
}

/* CSS for DELIVERIE module starts */

#onboarding_content .introWrap1,
#onboarding_content .introWrap2,
#onboarding_content .introWrap3,
#onboarding_content .introWrap4{
	max-width:500px;
	width:100%;
	margin:0 auto;
}

#onboarding_content .introWrap4{
    text-transform: uppercase;
}
#onboarding_content .moduleTitle{
	text-align:center;
	color:#33444d;
}

#onboarding_content .moduleText{
	color:#3b3b3b;
	font-size:12px;
}

#onboarding_content #form_scan_barcode,
#onboarding_content #new_onboarding_content,
#onboarding_content #package_collection,
#onboarding_content .selection_boxes{
	margin:0 auto;
	max-width:200px;
	width:100%;
}

#onboarding_content #new_onboarding_content,
#onboarding_content #package_collection,
#onboarding_content #edit_onboarding_content,
#onboarding_content .summary_div{
	max-width:454px;
	margin:0 auto;
}

#onboarding_content .lbl{
	font-size:13px;
	color:#000000;
}

#onboarding_content #scandiv .inptWrap,
#onboarding_content .inptWrap{
	/*margin-bottom:10px;*/
}

#onboarding_content .buttonpanel input{
	min-width:59.3px;
}

#onboarding_content .saveBtn{
	display:block;
	width:100%;
}

#onboarding_content #reference .inptWrap{
	margin-bottom:10px;
}

#onboarding_content label.error{
	margin:8px 0 0 0;
	color:#990000;
}

#onboarding_content a{
	text-decoration:none;
}

#onboarding_content #srch_users{
	border:1px solid #2f2f2f;
}

#onboarding_content .cloneDivFld{
	margin:10px 0 0 0;
	position:relative;
}

#onboarding_content .barcodeFld .closeClone{
	display:none;
}

#onboarding_content .barcodeFld.cloneDivFld .closeClone{
	background: none repeat scroll 0 0 #9e9e9e;
	color: #ffffff;
	display: block;
	font-size: 25px;
	height: 39px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: -1px;
	width: 35px;
	font-weight: 700;
	cursor:pointer;	
	line-height: 32px;
}

.package_label{
    line-height: 30px;
}

/*.inptWrapView{
    min-height:30px;
    min-width:182px;
    width:auto;
    float:left;
    padding-top: 2px;
}*/
.inptDivView {
	color: #000 !important;
	font-size: 13px !important;
	font-weight: 600;
}

/*added by sweta */
#add{
	width:100%;
	padding-left: 0 !important;
    padding-right: 0 !important;
}
/*ends */
/* CSS for DELIVERIE module ends */





/* CSS for magnific pop-up starts */
	body .zoom-anim-dialog{background:#ffffff !important;}

	/* slide fade effect start */
	.my-mfp-slide-bottom .zoom-anim-dialog {
		opacity: 0;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;

		-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

	}

	/* animate in */
	.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
		opacity: 1;
		-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
		-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
		-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
		-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
		transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	}

	/* animate out */
	.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
		opacity: 0;

		-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
		-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
		-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
		-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
		transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	}

	/* Dark overlay, start state */
	.my-mfp-slide-bottom.mfp-bg {
		opacity: 0.01;

		-webkit-transition: opacity 0.3s ease-out; 
		-moz-transition: opacity 0.3s ease-out; 
		-o-transition: opacity 0.3s ease-out; 
		transition: opacity 0.3s ease-out;
	}
	/* animate in */
	.my-mfp-slide-bottom.mfp-ready.mfp-bg {
		opacity: 0.8;
	}
	/* animate out */
	.my-mfp-slide-bottom.mfp-removing.mfp-bg {
		opacity: 0;
	}
	/* slide fade effect ends */

	#add_new_del{
	text-decoration:none;
	}

	body .pad {
		height: auto !important;
		width: auto;
	}
	body#signature_pad_body{
		background:#000;
	}
/* CSS for magnific pop-up ends */







.mfp-content{
	/*border: 1px solid #ffffff;
	background-color: #cecece;*/
	/*padding:20px;*/
	width:68%;
}
/*======= Css for datatable starts =======*/
.dataTables_filter {
	background: none repeat scroll 0 0 #adb1b4;
	margin: -1px 0 0;
	padding: 6px 5px 13px;
}
ol#content-tbs a {width: 100px;}
body .dataTable {
	border-top: none !important;
}
body .dataTable th{
	border:none !important;
	text-align:left !important;
}
body .dataTable th:first-child{padding-left:15px;}
body td {
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	border-bottom: 1px solid #ffffff !important;
	/*background:#000000 !important;*/
	font-size:11px !important;
	text-transform:uppercase;
	padding:5px 6px !important;
	text-align:left !important;
	color:#ffffff !important;
}
body td:first-child{
	padding:5px 6px 5px 15px !important;
}
body td:first-child a.modulePopup{
	color:#ffffff;
	font-size:inherit;
}

body #datatable_awaiting_filter{height:24px;}
body #datatable_awaiting_filter label{
	display:block;
	float:right;
}
body input[aria-controls="datatable_awaiting"]{
	border: 1px solid #b4b5b7 !important;
	height: 23px;
	margin: -5px 10px 0 0;
}

@media (max-width: 478px){
	body #datatable_awaiting_filter label{
		float:left;
		margin:10px 0 0 15px;
	}
	body #datatable_awaiting_filter {height: 64px;}
	body input[aria-controls="datatable_awaiting"]{
		border: 1px solid #b4b5b7 !important;
		height: 23px;
		left: -10px;
		margin: -10px 11px 0 0;
		position: relative;
		top: -3px;
	}
}

/*======= Css for datatable ends =======*/

/* popup @media starts */
@media (max-width: 580px){
	.column{
		width:auto !important;
		float:none !important;
		padding:0 16px;
	}
	.lblWrap{
		padding:0 0 10px 0;
	}
	.groupWrap{
		text-align:center;
	}
	.groupWrap input[type="button"] {
		display: inline;
		float: none !important;
		padding: 5px 0;
		margin: 0;
	}
	
	body .mfp-inline-holder .mfp-content,
	body .mfp-ajax-holder .mfp-content {
		cursor: auto;
		padding: 0;
		width: 95%;
	}
}
/* popup @media ends */

/* added by sweta */
#div_property_id  .selectWrap{
	 width: 100% !important;
}

.groupBtn{
	 min-width: 50% !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #c4c4c4 inset !important;
	-webkit-text-fill-color: #55606e !important;
}
/* ends here */