@charset "utf-8";
/* CSS Document */



/*********** Begin Ajax loader ***************/
#topbox
{
	position: fixed;
	/* Default positioning, that will be overridden by the javascript */
	left: 40%;
	top: 40%;
	text-align:center;
	vertical-align:middle;
	padding: 5px;
	width: 210px;
	height: 10px;
	/*background-image:url(load.gif);
	background-repeat:no-repeat;*/
	/*Must use a z-index greater than the screen overlay*/
	z-index: 102;
	color:#006600;
}

#screenoverlay
{
	background-color: #000000; /* The color to display*/
	/* The transparency of the background */
	opacity: .50;
	filter: alpha(opacity=75);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	min-height: 200%;
	height:auto;
	vertical-align:middle;
	overflow:hidden;
	position: fixed;
	/* Set the overlay so it appears above the page content */
	z-index: 100;
	color:#003300;

}

#popupClose {
	/*float:right; 
	position:relative; 
	right:-14px;
	top:-15px;
	background-image:url('fancy_close.png'); 
	width:30px;
	height:30px;
	cursor:pointer;*/
	float:right; 
	position:absolute; 
	right:-14px;
	top:-15px;
	background-image:url('fancy_close.png'); 
	width:30px;
	height:30px;
	cursor:pointer;
	
}

/*********** End Ajax loader ***************/


/*********** Begin Popup share Box***************/
#mytopbox
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:5px solid #666666;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#003300

}
/*********** End Popup share Box***************/




/*********** Begin Popup share Box***************/
#loginbox
{
	width: 800px;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}

#emailbox
{
	height: auto;
	position: fixed;
	z-index: 101;
	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;

}
/*********** End Popup share Box***************/


/*********** Begin Popup share Box***************/
#successfull_register
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Popup share Box***************/

/*********** Begin Edit Donor Profile Popup ***************/
#edit_donor_profile
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;

}
/*********** End Edit Donor Profile Popup ***************/


/*********** Begin Edit organization Profile Popup ***************/
#edit_organization_profile
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Edit organization Profile Popup ***************/



/*********** Begin Edit organization Profile Popup ***************/
#editBox
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;

}
/*********** End Edit organization Profile Popup ***************/


#edit_receipient_profile
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}




#AskConfirmBox
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}




#AskConfirmLogout
{
	width: 400px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:5px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}


/*********** Begin Edit Confirmation Profile Popup ***************/
#edit_profile_conf
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Edit Confirmation Profile Popup ***************/



/*********** Begin Edit Confirmation Profile Popup ***************/
#org_demo_code_popup
{
	width: 800px;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Edit Confirmation Profile Popup ***************/




#footer_profile
{
	height: auto;
	font-family:arial;
	position: fixed;
	z-index: 101;
	text-align:center;
	vertical-align:middle;
	border:5px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#000000;

}



/*********** Begin Edit Confirmation Profile Popup ***************/
#browser_close_popup
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:5px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFFWe have sent your username to you via email. You may login to your account using your Username and Password.;
	padding:0px; margin:0px;
	color:#006600;

}
/*********** End Edit Confirmation Profile Popup ***************/


/*********** Begin Delete Confirmation Profile Popup ***************/
#AskConfirm
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Delete Confirmation Profile Popup ***************/


/*********** Begin Delete Confirmation Profile Popup ***************/
#testIE
{
	width: 800px;;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Delete Confirmation Profile Popup ***************/



/*********** Begin Edit Confirmation Profile Popup ***************/
#ViewDonorInfo_popup
{
	width: 800px;
	height: auto;
	
	position: fixed;
	z-index: 101;
	text-align:left;

	vertical-align:middle;
	border:3px solid #000000;
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 5px #999999;
	-moz-box-sizing:content-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:0 0 5px #999999;
	-webkit-box-sizing:content-box;
	border-radius:4px;
	box-shadow:5 5 5px #999999;
	box-sizing:content-box;
	background-color:#FFFFFF;
	padding:0px; margin:0px;
	color:#006600;
}
/*********** End Edit Confirmation Profile Popup ***************/
#browser_close_popup, #emailbox, footer_profile {
	width: 50%;
	height: auto;
	margin: 0 auto !important;
	text-align:center;
	left: 0;
	right:0;
	top: 40%;
}

/*18-aug-2018*/
.custom_signature_pad .signature-pad canvas {
    margin-top: 5px; float: left;
    border: 1px solid #ccc;
}
.custom_signature_pad .signature-clear {
    width: 300px;
    margin-top: -8px;
    font-size: 11px;
    color: #737373;
    cursor: pointer;
}
.custom_signature_pad .quform-spacer {
    margin: 0;
    padding: 0;
}
.custom_signature_pad .quform-label {
	width: 150px;
    display: inline-block;
    float: left;
}
.custom_signature_pad .quform-inner { display: inline-block;    width: 83%; }
.quform-element-4_226.quform-cf .custom_signature_pad .quform-inner {
    margin-top: -25px;
}
.custom_signature_pad .quform-inner .signature_code {
	position: absolute;
    top: 15px;
    left: 335px;
    font-weight: normal;
    font-size: 12px;
}

/*transaction Id*/
.quform-element-23_227, .quform-element-25_227 {
	position: absolute !important;
    left: 0px;
}
.quform-element-23_227{
	top:340px;/*top: 200px;*/
} 
.page-template-tpl_stock_information .quform-element-23_227 {
    top: 252px;
}

.quform-element-25_227 {
	top: 190px;
}
.quform-page-25_199 .quform-child-elements{position:relative;}
/*18-aug-2018*/

/*27-aug-2018*/
#ViewDonorInfo_popup {
	margin: 0 auto;
	left: 0 !important;
	top: 20% !important;
	right: 0 !important;
}
/*5th-july*/
.autosuggest{
	left: 18%;
    top: -22px;
}
input[type="text"], textarea, input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"] {
	font-family: "Open Sans" !important;
}
.custom_pdf_path {text-align:center;}
.custom_pdf_path a, .custom_pdf_path a:hover {
    color: #fff;
    background: #07d800;
    padding: 5px 20px;
}
.custom_popup {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	width: 100%;
	right: 0px;
	z-index: 999;
}
.custom_popup #myModal input[type='button'], .custom_buttom input[type='button']{
	background: #07d800 !important;
	color: #fff;
}
.custom_popup #myModal input[type='button']:hover, .custom_buttom input[type='button']:hover {
	background: #333 !important;
}
.custom_popup #myModal input{
	vertical-align: super !important;
}
.custom_popup #myModal {
	background: #fff;
	padding: 20px;
	position: fixed;
	width: 500px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 20%;
	box-shadow: 0px 0px 1px 1px #999999;
	border: 3px solid #000;
	color: #006600;
	border-radius: 5px;
}
.col-sm-12 {
	width: 100%;
	padding-bottom:10px;
}
.col-sm-4 {
	width: 33.33%;
	display: inline-block;
}
.col-sm-8 {
	width: 65%;
	display: inline-block;
}
/*01-nov developer*/
.quform-element-23_190 .symbol_organization, .quform-element-23_190 .select2-container {
	width: calc(100% - 180px) !important;
    border: 2px solid #ddd !important;
    border-radius: 5px;
    float:right;
}
.quform-element-html span.select2 {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
	padding: 5px 0px;
}
.select2-container--default .select2-results>.select2-results__options, .quform-element-html span.select2 {
	font-family: "Open Sans" !important;
	font-weight: normal;
}
.quform-element-html span.select2.select2-container--default .select2-selection--single {
    border: none;
    border-radius: auto;
}
#custom_html-5 .stjr-container .star_rating, #custom_html-5 .stjr-review-badge-stars-widget {
    width: 100%;
    text-align: center;
}
#custom_review_popup1 {
    position: absolute;
    top: 13%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    padding: 17px;
    z-index: 9999;
    background: #fff;
    border-radius: 10px;
    display:none;
}
.screenOverlay1 {z-index: 9999 !important;}
#td_d18, #td_d19, #td_d20 {
	text-align: center;
}

.loaderMain {width: 100%;height: 100%;background: rgba(255,255,255,1);position: fixed;left: 0;right: 0;bottom: 0px;z-index: 99999 !important;}
.loaderNew {
	border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #4a9d24;width: 120px;height: 120px;-webkit-animation: spinNew 2s linear infinite;
	animation: spinNew 2s linear infinite;position: absolute;top: 40%;margin: 0 auto;left: 0;right: 0;
}
/* Safari */
@-webkit-keyframes spinNew {0%{-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes spinNew {0%{transform: rotate(0deg); }100% { transform: rotate(360deg);}}
#closeAskConfirmDiv input.button.button-blue {
    margin: 10px 0px 0px;
}

.quform-first-page .quform-next.disabledButton:hover {
    box-shadow: none !important;
    transform: none !important;
}
.quform-first-page .quform-next.disabledButton {
    cursor: not-allowed !important;
    background-color: #333 !important;
    box-shadow: none !important;
    opacity: 0.5;
}


@media screen and (min-width: 767px) and (max-width: 1200px) {
	.custom_signature_pad .quform-inner {
		width: 100%;
	}
}


@media screen and (max-width: 767px) {
	#emailbox, #browser_close_popup, footer_profile {
		width: 70%;
		top: 32%;
	}
	.quform-options-inline>.quform-option{
		display: block !important;
	}
	.quform-options-inline .quform-option .quform-option-label {
		display: inline !important;
	}
	.quform-labels-left.quform-element-17_153>.quform-spacer>.quform-inner, .quform-labels-left.quform-element-17_155>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_157>.quform-spacer>.quform-inner, .quform-labels-left.quform-element-17_83>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_82>.quform-spacer>.quform-inner {
		margin-left: 150px !important;
	}
	.quform-labels-left.quform-element-17_153>.quform-spacer>.quform-label, .quform-rtl .quform-labels-left.quform-element-17_153>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_155>.quform-spacer>.quform-label, .quform-rtl .quform-labels-left.quform-element-17_155>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_157>.quform-spacer>.quform-label, .quform-rtl .quform-labels-left.quform-element-17_157>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_82>.quform-spacer>.quform-label, .quform-rtl .quform-labels-left.quform-element-17_82>.quform-spacer>.quform-inner, 
	.quform-labels-left.quform-element-17_83>.quform-spacer>.quform-label, .quform-rtl .quform-labels-left.quform-element-17_83>.quform-spacer>.quform-inner
	{
		width: 150px !important;
	}
	.autosuggest {
		left: auto !important;
		top: 0px !important;
		right: 0px;
	}
	.quform-spacer {
		padding: 0 0 0px 0 !important;
	}
	.custom_signature_pad .quform-inner .signature_code {
		position: relative;
		left: 0px;
	}

}

@media screen and (max-width: 767px) and (orientation:landscape) {
	.quform-element.quform-element-column.quform-element-23_238, .quform-element.quform-element-column.quform-element-23_239, 
	.quform-element-row>.quform-element-column.quform-element-23_234, .quform-element-row>.quform-element-column.quform-element-23_231, 
	.quform-element-row>.quform-element-column.quform-element-23_183, .quform-element-row>.quform-element-column.quform-element-23_184 {
		width: 100% !important;
	}
	

}

@media screen and (max-width: 767px) and (orientation:portrait) {
	.symbol_organization, .quform-element-html span.select2  {
		width: 100% !important;
		margin-left: 0px;
		margin: 8px 0px 0px;
	}
	.quform-element-row-size-fixed.quform-3-columns>.quform-element-column, .quform-options-columns.quform-3-columns>.quform-option {
		width: 100%;
	}
	.page-template-tpl_stock_information .quform-element-23_227 {
		top: 423px;
	}
	.custom_pdf_path a, .custom_pdf_path a:hover {
		font-size: 14px;
	}
	
}

@media screen and (max-width: 768px) and (orientation:portrait) {
	.quform-element-25_227 {
		top: 300px;
	}
	
}

@media screen and (max-width: 768px) and (orientation:landscape) {
	.quform-element-25_227 {
		top: 230px;
	}
	.page-template-tpl_stock_information .quform-element-23_227 {
		top: 320px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	body[data-header-format="left-header"].material #search-outer {
		height: 0px !important;
		display: none;
    }
}

@media screen and (min-width: 768px) and (max-width:1100px) {
	.quform-element-25_227 {
		top: 190px;
	}
	.page-template-tpl_stock_information .quform-element-23_227 {
		top: 275px;
	}
}

@media screen and (min-width: 1600px) {
	.quform-element-23_227 {
		top: 280px !important;/*top: 180px !important;*/
	}
	.page-template-tpl_stock_information .quform-element-23_227 {
		top: 206px !important;
	}
}