/*Font Face*/
@font-face
{
	font-family: '__Roboto_5';
	src: url('../fonts/roboto-regular-webfont.eot');
	src: local('__Roboto_5'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face
{
	font-family: '__Roboto_5';
	src: url('../fonts/roboto-light-webfont.eot');
	src: local('__Roboto_5'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

* { -webkit-font-smoothing:antialiased !important; }
html { -webkit-text-size-adjust:100%; }
:focus { outline: 0; }

/* Old Design Modify */
.sign_in_registration .content { padding:0; }


/* Form Style Default */
.recepientPage { padding:15px 0 0; width:100%; max-width:inherit; }
.recepientPage .header_return, 
.recepientPage .header_new { width:48%; max-width:inherit; }

.recepientPage .recepientPageFields { padding:15px; border:1px solid #e5e5e5; }
.recepientPage .FieldRow .FieldWrap { position:relative; margin:5px 0 22px; float:left; width:49%; }
.recepientPage .FieldRow.onechild .FieldWrap {width: 100%;}
.recepientPage .FieldRow .FieldWrap.margin-0 { margin:5px 0 0; }
.recepientPage .FieldRow .FieldWrap.margin-10 { margin:5px 0 10px; }
.recepientPage .FieldRow .FieldWrap.nofloat { float:none; width:100%; }
.recepientPage .FieldRow.twochild .FieldWrap:nth-child(2n) { margin-left:2%; }
.recepientPage .FieldRow .FieldWrap label{ position:absolute; top:6px; left:10px; padding:7px 5px; width:auto; color:#bac2c7; font-family:'__Roboto_5'; font-size:13px; font-weight:300; text-align:left;}
.recepientPage .FieldRow .FieldWrap label.LabelAnimate{ background-color:#fff; color:#0280d4;}
.recepientPage .FieldRow .FieldWrap input { width:100%; height:44px; padding:6px 10px !important; border:1px solid #e5e5e5; font-family:"__Roboto_5"; font-size:13px; font-weight:300; color:#333333; line-height:16px; margin:0 !important; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.recepientPage .FieldRow .FieldWrap.nofloat input { width:100%; }
.recepientPage .FieldRow .FieldWrap input:focus { border-color:#0280d4;}
.recepientPage .FieldRow .FieldWrap .FieldMsg{ display:none;}

.recepientPage .FieldRow .FieldWrap.InvalidInput{}
.recepientPage .FieldRow .FieldWrap.InvalidInput label { color:#d0021b;}
.recepientPage .FieldRow .FieldWrap.InvalidInput input { border-color:#d0021b;}

.recepientPage .FieldRow .rememberWrap { position:relative;  }
.recepientPage .FieldRow .rememberWrap input[type=checkbox]{ width:auto; float:left; height:auto; padding:0; margin:0; position:relative; top:7px; }
.recepientPage .FieldRow .rememberWrap .class_checkbox { width:21px; height:21px; cursor:pointer; float:left; border:1px solid #e5e5e5; position:relative; }
.recepientPage .FieldRow .rememberWrap .class_checkbox.checked { }
.recepientPage .FieldRow .rememberWrap .class_checkbox.checked:focus { border-color:#0280d4; outline:0 none; }
.recepientPage .FieldRow .rememberWrap .class_checkbox.checked:after { font-family:"Ionicons"; content:"\f121"; font-size:17px; color:#0280d4; position:absolute; top:0; left:3px; }
.recepientPage .FieldRow .rememberWrap span { font-family:'__Roboto_5'; font-size:13px; font-weight:300; color:#8f8f8f; line-height:22px; text-align:left; float:left; padding-left:10px; padding-top:2px; display:block; cursor:pointer; }

.recepientPage .FieldRow .forgetWrap { text-align:right; }
.recepientPage .FieldRow .forgetWrap a { font-family:'__Roboto_5'; font-size:13px; font-weight:300; color:#8f8f8f; line-height:22px; text-align:left; }
.recepientPage .FieldRow .forgetWrap a:hover { text-decoration:underline; }
.recepientPage .FieldRow .forgetWrap #NewSignUp { border-left:1px solid #8f8f8f; padding-left:10px; margin-left:10px; }

.recepientPage .FieldRow .FieldWrap .JoinButton { background-color:#0280d4; font-family:"Open Sans",sans-serif; font-size:15px; font-weight:700; color:#fff; line-height:18px; text-align:center; border:1px solid #bac2c7; width:100%; height:48px; padding:12px; display:block; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease; transition-duration:0.5s; transition-delay:0s; transition-timing-function:ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.recepientPage .FieldRow .FieldWrap .JoinButton:hover { background-color:#0a5891; }

.recepientPage .FieldRow .FieldWrap .FbButton { background-color:#365081; font-family:"Open Sans",sans-serif; font-size:14px; font-weight:700; color:#fff; line-height:18px; text-align:center; border:1px solid #bac2c7; width:100%; height:48px; padding:12px; display:block; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease; transition-duration:0.5s; transition-delay:0s; transition-timing-function:ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.recepientPage .FieldRow .FieldWrap .FbButton i { background: url(../images/social-5.svg) 0 0 no-repeat; background-size:contain; display:inline-block; width:16px; height:16px; color:#fff; vertical-align:middle; padding-right:5px; }
.recepientPage .FieldRow .FieldWrap .FbButton:hover { background-color:#0a5891; }

.recepientPage .FieldRow .FieldWrap .LIButton { background-color:#0280d4; font-family:"Open Sans",sans-serif; font-size:14px; font-weight:700; color:#fff; line-height:18px; text-align:center; border:1px solid #bac2c7; width:100%; height:48px; padding:12px; display:block; -webkit-transition-duration:0.5s; -webkit-transition-delay:0s; -webkit-transition-timing-function:ease; transition-duration:0.5s; transition-delay:0s; transition-timing-function:ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.recepientPage .FieldRow .FieldWrap .LIButton i { background: url(../images/social-6.svg) 0 0 no-repeat; background-size:contain; display:inline-block; width:16px; height:16px; color:#fff; vertical-align:middle; padding-right:10px; margin-top:-3px; }
.recepientPage .FieldRow .FieldWrap .LIButton:hover { background-color:#0a5891; }

.recepientPage .FieldRow .FieldWrap ul { padding:0; font-family:'__Roboto_5'; font-size:13px; font-weight:300; color:#8f8f8f; line-height:24px; padding-left:15px; }
.recepientPage .FieldRow .FieldWrap ul.make_balance { margin-bottom: 36px; }
@media (max-width: 815px) { .recepientPage .FieldRow .FieldWrap ul.make_balance { margin-bottom: 0; line-height: 21.5px; } }
@media (max-width: 768px) { .recepientPage .FieldRow .FieldWrap ul.make_balance { margin-bottom: 34px; line-height: 24px; } }

.recepientPage .FieldRow .FieldWrap p { font-family:'__Roboto_5'; font-size:13px; font-weight:300; color:#8f8f8f; line-height:24px; }

/*easing*/
.recepientPage .FieldRow .FieldWrap label.LabelAnimate { transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transform:translate(0,-23px) scale(1,1);-webkit-transform:translate(0,-23px) scale(1,1);-ms-transform:translate(0,-23px) scale(1,1);-o-transform:translate(0,-23px) scale(1,1) }

/*Placeholder*/
.recepientPage .FieldRow .FieldWrap input::-webkit-input-placeholder {color: #fff;}
.recepientPage .FieldRow .FieldWrap input:-moz-placeholder { /* Firefox 18- */color: #fff;}
.recepientPage .FieldRow .FieldWrap input::-moz-placeholder {  /* Firefox 19+ */color: #fff;  }
.recepientPage .FieldRow .FieldWrap input:-ms-input-placeholder {  color: #fff; }

/* ErrorMessages */
.recepientPage .errorMsgWrapper { border:2px solid #0071bc; box-shadow:0px 0px 8px rgba(143,143,143,0.041); background-color:#f2f8fC; background-color:rgba(2,128,212,0.05); margin:0 auto 22px; position:relative; }
.recepientPage .errorMsgWrapper .errorMsgContent { padding:10px; }
.recepientPage .errorMsgWrapper .errorMsgContent img { position:absolute; top:15px; left:10px; }
.recepientPage .errorMsgWrapper .errorMsgContent p { font-family:'__Roboto_5'; font-size:13px; font-weight:400; color:#0280d4; line-height:22px; padding:0 20px 0 34px; }
.recepientPage .errorMsgWrapper .errorMsgContent ul { font-family:'__Roboto_5'; font-size:13px; font-weight:400; color:#0280d4; line-height:22px; padding:0 20px 0 50px; margin:0; }
.recepientPage .errorMsgWrapper .errorMsgClose { position:absolute; top:10px; right:10px; }
.recepientPage .errorMsgWrapper .errorMsgClose a { background:url(../images/delete.svg) 0 0 no-repeat; background-size:contain; width:17px; height:17px; display:block; overflow:hidden; text-indent:-99em; }

.recepientPage .FieldRow .FieldWrap .username-info-icon-holder { position:absolute; top:-9px; left:78px; display:none; z-index:999999; background-color:#fff;}
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder i { color:#0280d4; cursor:pointer; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout { position:absolute; bottom:18px; left:-28px; min-width:230px; max-width:450px; width:100%; height:auto; overflow:hidden; z-index:10000; display:none; font-size:12px; color:#0280d4; padding:13px; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout:after { background:url(../images/tooltipConnectorLeftNewCart.png) 0 center no-repeat; content:""; display:inline-block; height:14px; position:absolute; bottom:1px; left:25px; width:16px; transform:rotate(-90deg); }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyoutInner { border:2px solid rgba(221, 221, 221, 0.5); background-color:#fff; padding:10px; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder i:hover + .flyout { display:block; }

@media screen and (max-width: 1024px) {	
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder i { font-size:20px;}
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder { top:-14px; padding:0 5px 0 0; background:#fff; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout:after { left: 116px; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout { bottom: 22px; left:-115px; }

}

@media screen and (max-width:966px){
	.recepientPage .FieldRow .FieldWrap .FbButton { font-size:13px; }
	.recepientPage .FieldRow .FieldWrap .LIButton { font-size:13px; }
}

@media screen and (max-width:880px){
	.recepientPage .FieldRow .FieldWrap .FbButton { padding:12px 6px; font-size:12px; }
	.recepientPage .FieldRow .FieldWrap .FbButton i { width:15px; height:15px; }
	.recepientPage .FieldRow .FieldWrap .LIButton { padding:12px 6px; font-size:12px; }
	.recepientPage .FieldRow .FieldWrap .LIButton i { width:15px; height:15px; }
}

@media screen and (max-width:768px){
	.recepientPage .FieldRow .FieldWrap { width:100%; float:none; }
	.recepientPage .FieldRow .FieldWrap.margin-10 { margin:5px 0 10px; }
	.recepientPage .FieldRow .FieldWrap.margin-0 { margin:5px 0 10px; }	
	.recepientPage .FieldRow.twochild .FieldWrap:nth-child(2n) { margin-left:0; }
	
	.recepientPage .FieldRow .forgetWrap { text-align:center; }
	.recepientPage .FieldRow .rememberWrap { float:none; margin:0 auto; display:table; }
	
	.recepientPage .FieldRow .FieldWrap .FbButton { font-size:14px; padding:12px 10px; }
	.recepientPage .FieldRow .FieldWrap .FbButton i { width:20px; height:20px; }
	.recepientPage .FieldRow .FieldWrap .LIButton { font-size:14px; padding:12px 10px; }
	.recepientPage .FieldRow .FieldWrap .LIButton i { width:20px; height:20px; }
}

@media screen and (max-width: 624px) {	
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout:after { left: 83px; }
.recepientPage .FieldRow .FieldWrap .username-info-icon-holder .flyout { left:-82px; } 

}

@media screen and (max-width:600px){
	.recepientPage .header_return, 
	.recepientPage .header_new { width:100%; max-width:inherit; }
	.recepientPage .header_new { margin-top:20px; }
	
	.recepientPage .FieldRow .FieldWrap .FbButton,
	.recepientPage .FieldRow .FieldWrap .LIButton { text-align:center; }
}