/*sprite Images Declaration*/

.sprController .sprNavOne {
 width: 40px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -2px -4px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}
.sprController .sprLogo:after {
 content: ""; width: 124px; height: 33px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -5px -109px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}
.sprController .sprNavOneInactive {
 width: 40px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -41px -3px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprNavTwo {
 width: 41px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -81px -3px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprNavTwoInactive {
 width: 40px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -124px -4px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprNavThree {
 width: 40px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -165px -3px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprNavThreeInactive {
 width: 40px; height: 40px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -206px -4px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprFinished {
 width: 42px; height: 42px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -245px -3px #EDEDED; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprError {
 width: 42px; height: 42px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -287px -3px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprDialogClose {
  background: url('../img/close-icon.svg') no-repeat;
  display: inline-block;
  height: 26px;
  width: 26px;
}

.sprController .sprNotiWarning {
 width: 24px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -354px -11px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprNotiError {
 width: 24px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -377px -11px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprPrint {
 width: 26px; height: 23px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -5px -46px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprMail {
 width: 28px; height: 23px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -40px -46px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprRbtInactive {
 width: 19px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -72px -47px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprRbtactive {
 width: 19px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -96px -47px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprRBT {
 width: 19px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -120px -47px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprRBT.selected {
 width: 21px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -96px -47px; background-image: url('../img/spritesheet1.png');
}

.sprController  .sprCHK {
 width: 19px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -144px -47px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprChkChecked {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -165px -46px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprChkInactive {
 width: 19px; height: 20px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -194px -48px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprCalendar {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat   -216px -48px; background-image: url('../img/spritesheet1.png');position: absolute;top:10px;left:238px
}

.sprController .sprPositive {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat   -242px -48px; background-image: url('../img/spritesheet1.png'); vertical-align: middle;
}
.sprController .sprPositiveMini {
 width: 25px; height: 24px; background: url('../img/tick_mark.png') no-repeat   3px 5px; vertical-align: middle;
}
.sprController .sprNegativeMini {
 width: 25px; height: 24px; background: url('../img/error-close.png') no-repeat   3px 5px; vertical-align: middle;
}

.sprController .sprNegative {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat   -266px -48px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprChatNow {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -289px -48px; background-image: url('../img/spritesheet1.png'); display: inline-block; display: inline-block;
}

.sprExpand {
 width: 22px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat   -311px -48px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprController .sprCollapse {
 width: 22px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat   -331px -48px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprSearchInactive {
 width: 22px; height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -355px -40px; background-image: url('../img/spritesheet1.png'); display: inline-block;float: right; position: relative; bottom: 32px; right: 51%;
}

.sprController .sprSearchInactive:hover {
 width: 22px; height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -377px -40px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprSearch {
 width: 22px; height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -377px -46px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprShow {
 height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -35px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprHide {
 height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -66px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprShow:hover {
 height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -6px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprHide:hover {
 height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -93px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprArrRyt {
 width: 14px;height: 17px;background: url('../img/responsive_registration_spritesheet.svg') no-repeat -136px -83px; background-image: url('../img/spritesheet1.png');display: inline-block;
}

.sprController .sprArrDropdown:after {
content: ""; width: 19px; height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat  -149px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;position: absolute; top: 18px; left: 423px;
}
.sprController .defaultSelect .sprArrDropdown:after {
 left:246px;
}
.sprController .sprQues {
 width: 19px; height: 28px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -168px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprUser {
 width: 22px; height: 27px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -189px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}

.sprController .sprEcheck {
 width: 51px; height: 27px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -218px -81px; background-image: url('../img/spritesheet1.png'); display: inline-block;
}
.sprController .regRLC .sprChatNow {
	float: left;
}

/*sprite Images css*/

/*rightMainContent Chat section starts*/
#chatButtonDiv a img,#chatButtonDiv2 a img,#chatButtonDiv3 a img {
	border: none;
	height: 26px;
	margin: 0;
	width : auto;
}
.metCommon .rytChatSec {

	height: 100%;
}
.rytChatSec .chatSec {
 border: 1px solid #cccccc; padding: 15px 14px; width: 278px; border-radius: 5px; margin-top:43px
}
.rytChatSec .chatSec a {
padding: 0 0px 0 0; line-height: 15px; vertical-align: top;
}

.rytChatSec .chatSec h3 {
font-size: 16px; font-family: "openSans"; text-align: center; margin-top: 5px;
}
.rytChatSec .chatSec h2 {
font-size: 16px;
 font-family: "openSans";
  text-align: center; 
  margin-top: 5px;
}
.rytChatSec .chatSec div,.chatSectionMobile.chatSec div {
 text-align: center;
 line-height:16px;
}
.rytChatSec .chatSec .imgLogin {
 padding: 10px 0 0	
}
.rytChatSec .chatSec img {
 height: 16px; width: 16px; margin-right: 6px; margin-bottom: 3px;
}
.rytChatSec .chatSectionMobile {
 padding: 12px 13px 1px 13px
}
.rytChatSec .chatSectionMobile div:nth-child(3) {
 padding-bottom: 9px
}
/*rightMainContent Chat section ends */

/*RLC css*/

.metCommon .metonlinePopup {
 padding: 6px 20px 30px 20px; font-family: 'openSans'; font-weight: 400; font-size: 14px; font-style: normal; font-variant: normal;  box-shadow: none; border-radius: 0px; min-height: 375px;
}
.metCommon .metonlinePopup h5,.metonlinePopup h4 {
 font-family: 'openSans'
}
.metCommon .spcEmpty,.metCommon .metonlinePopup .modal-body {
 padding: 0px
}
.metonlinePopup.RLCFromRegistered .modal-body {height: 100% !important;}

.metCommon .modal-backdrop {
 background-color: #000; opacity: 0.5;
}

/*Registration Css*/

.metCommon .registrationOverlay {
 padding: 6px 20px 30px 44px; min-height: 576px;
}
.metCommon .registrationOverlay  .forgetPasswordPart {
 /*padding: 24px 16px 0px 0px*/
}
.metCommon .registrationOverlay  .leftContentPart h4 {
 font-size: 24px; font-weight: 400; color: #333333; padding: 0px 0px 30px 0px;
}
.metCommon .emailPrintPart {
 font-size: 12px; font-weight: 400; color: #2377c5;
}

.metCommon .registrationOverlay .mCustomScrollbar,.metCommon .consoleLink {
 padding: 0
}

.metCommon .consoleLink a {
 display: block; color: #2377c5;
}

.metCommon .termsHeading {
 padding: 30px 0px 15px 0px; font-size: 20px; font-weight: 300;
}

.scrolContent p {
 font-size: 11px;
}

/*Registraion Css*/
/*KBA Styles */

.metCommon .kbaScreen {
 padding: 6px 20px 30px 44px !important
}

.regRLC .kbaPart h4 {
 font-family: "openSans"; font-size: 28px; padding: 0px 0px 6px 0px;
}

.regRLC .kbaPart h4.kba-h4padding {
 padding: 0px 0px 14px 0px
}

.regRLC .kbaPart h4.kba-h4padding-9px {
 padding: 0px 0px 9px 0px
}

.regRLC .kbaPart {
 padding: 0px 16px 0px 0px
}

.regRLC .kbaChat {
 padding: 39px 16px 0px 0px
}

.regRLC  .kbaPart .multipleGroupUsers {
 margin-top: 25px
}

.regRLC  .kbaPart .userIdRadio .customRadio {
 margin: 0px
}

.regRLC  .kbaPart .multipleGroupUsers b {
 font-family: "openSans"; font-size: 14px; font-weight: normal;
}

.regRLC  .kbaPart .multipleGroupUsers .userIdRadio {
 margin-top: 15px; padding: 0px; width:192px;
}
.regRLC .kbaPart p {
 padding-top: 14px
}

.regRLC .kbaPart .errorMsg p {
 padding-top: 0
}

.regRLC .kbaPart p.kbaPara {
 padding-top: 0
}


.regRLC .kbaPart span.requiredItalic {
 font-size: 11px; font-family: "openSansItalic"; float: left;
}

.regRLC .multipleGroupUsers .userIdRadio span {
 margin-left: 6px;width:auto;
}
.metCommon .customRadio {
    padding-right: 21px !important;
}
/*close popover */

.kbaScreen .popover {
 max-width: 303px
}

.kbaScreen .popover p {
  margin-bottom: 14px;
}

.kbaScreen .popover p.sureLabel {
 font-family: "openSansSemiBold"; font-size: 14px; font-weight: 600; color: #333333; margin-bottom: 5px;
}

.kbaScreen .popover a {
 font-family: "openSansSemiBold"; font-size: 12px; font-weight: 600; margin-right: 17px;
}

.kbaScreen .popover button {
 text-shadow: none
}

.kbaScreen .popover-content {
 padding: 14px 15px 15px 15px
}

.regRLC  .rightChatPart p {
 font-size: 14px; font-weight: 400;
}

.regRLC .popover.right {
 margin-left: 20px
}

.kbaPart .kbaRadioTextBlock
{
 text-indent: -27px; margin-left: 27px;
}
.padding-0{padding:0px;}
/*End kba part */

/*Registrationoverlay Css*/

.registrationOverlay  .forgetPasswordPart {
 padding: 0px 16px 0px 0px; margin-top: -3px;
}

.registrationOverlay  .leftContentPart h4 {
 font-size: 28px; font-weight: 400; color: #333333; padding: 0px 0px 26px 0px;
}

.registrationOverlay #dialogClose {
 /*position: relative; top: 6px; opacity: 1; filter: none;*/
}

.registrationOverlay {
 padding: 0px 20px 30px 44px; min-height: 669px; width: 700px;
}

.registrationOverlay .emailPrintPart {
 font-size: 12px; font-weight: 400; color: #2377c5; padding: 0px 0px 15px 0px;
}

.registrationOverlay .emailPrintPart  a {
 vertical-align: top; line-height: 24px;
}

.registrationOverlay .mCustomScrollbar {
 padding: 0
}

.registrationOverlay .consoleLink {
 padding: 0
}

.registrationOverlay .consoleLink a {
 display: block; font-size: 14px; font-weight: 400; color: #2377c5; line-height:17px;
}

.registrationOverlay .termsHeading {
 padding: 19px 0px 15px 0px; font-size: 20px; color: #333333; font-weight: 300;
}

.registrationOverlay  #termsScrollbar p,.registrationOverlay  #termsScrollbar i, .registrationOverlay #termsScrollbar ol li,.registrationOverlay #termsScrollbar ul li {
 font-size: 11px; font-weight: 400; color: #333333; padding-top: 15px;text-align: justify;
}
#divPrivacyOverlay #termsScrollbar table tr td {
	font-size:11px;
	padding:3px 10px;
	background-color: #EEF9FF;
	border: 1px solid #CCCCCC;
}
#divPrivacyOverlay #termsScrollbar table {
	margin-top:15px;
	border: 1px solid #CCCCCC;
}
#divPrivacyOverlay #termsScrollbar .addressInPrivacy p{
	padding-top:0px;
}
.registrationOverlay #termsScrollbar ul li{
	padding-top:0px;
}
.registrationOverlay  #termsScrollbar p:first-child {
 padding: 0
}

.registrationOverlay .scrollbarPart {
 padding: 0; border: 1px solid #333333; margin-right: 8px;
}

.registrationOverlay  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 height: 70px !important; border-radius: 0px;
}

.registrationOverlay .mCSB_scrollTools .mCSB_dragger {
 height: 70px !important
}

.registrationOverlay  .nextBtn {
 padding: 30px 0px 0px 0px
}

.registrationOverlay   .mCS-dark.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_draggerRail {
 background-color: #E3E3E3 !important; display: none;
}


.registrationOverlay .scrollbarEnclose {
 width: 728px
}

.registrationOverlay  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
 background-color: #999 !important
}

#termsScrollbar {
 max-height: 325px; overflow-y: auto; padding-left: 0px; border: 1px solid #333;
}

/*Registrationoverlay Css*/

/*Add Product*/

/*firstoverlay*/

.addProduct  .policiesSubpart {
 padding-bottom: 0
}

.addProduct  .policiesPart p {
 padding-bottom: 15px
}

.addProduct  .policiesPart p:last-child {
 padding-bottom: 0px
}

.addProduct .policiesPart span {
 margin: 5px 0px 0px; display: block;
}

.addProduct .add-policies .forgetPasswordPart {
 padding: 12px 16px 0px 0px
}

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

.metCommon .radioPart span {
 display: inline-block !important; margin: -3px 0px 0px !important;
}

.metCommon .radioPart span:nth-child(2), .radioPart span:nth-child(4) {
 margin: -3px 3px 0px !important
}

/*firstoverlay*/

/*secondOverlay*/

.addProduct  .policiesOverlay {
 padding-bottom: 20px
}

.addProduct .policiesOverlay .nextBtn span {
 margin-right: 20px
}

.addProduct .nextBtn button {
 float: none
}

.regRLC .nextBtn span {
 margin-right: 20px
}

.padding-top-20px {
 padding-top: 20px !important
}

.addProduct .metonlinePopup {
 min-height: 468px
}

.addProduct #textBox .controls {
 margin-bottom: 10px
}

/*secondOverlay*/

/*Add Product*/

/* Site Registration loggedIn */

.loggedIn .forgetPasswordPart {
 margin-top: 5px; padding: 49px 0px 0px 0px !important;
}

.loggedIn  .metonlinePopup {
 padding: 6px 20px 50px 50px
}

.loggedIn  .leftContentPart h4 {
 font-size: 28px; color: #333333; font-family: "openSansSemiBold"; padding: 0px 0px 46px 0px;
}

.loggedIn  .leftContentPart p {
 padding: 0px 0px 50px 0px; font-size: 20px; color: #333333; font-family: "openSansLight";
}

.loggedIn  .nextBtn span {
 margin-right: 60px
}

.loggedIn  .nextBtn {
 padding: 0px
}

/* Site Registration loggedIn */

.regRLC .popover.right {
 margin-left: 20px
}

.regRLC .number {
 /*font-size: 14px; font-weight: 600;*/
}

/*Learn More popup*/

.metCommon .metonlinePopup.learnMore {
 min-height: 480px
}
.metCommon .ePaperLessregSuccess h3{font-family:"openSansSemiBold";font-size:16px;}
.regRLC.learnMore .leftContentPart p {
 padding-bottom: 15px
}

.learnMore .leftContentPart p.noteBold {
 font-family: "openSansBold"
}

.learnMore .leftContentPart ul {
 margin-bottom: 14px
}

.learnMore .leftContentPart ul li {
 margin-top: 14px; font-size: 14px; font-weight: 400;
}

.learnMore .leftContentPart ul li:first-child {
 margin-top: 0
}

/*end of learn more popup*/

.modal-content.metonlinePopup.regRLC.kbaScreen #dialogClose {
  width: 36px; 
  height: 43px; 
  background: url('../img/responsive_registration_spritesheet.svg') no-repeat -333px -57px; background-image: url('../img/spritesheet.png'); 
  position:relative;
  right:-19px;
  top:-1px;
  float:right;
  cursor: pointer;
}
.metCommon .kbaScreen {
    padding: 1px 20px 30px 30px !important;
}
.metCommon #KBADialog .modal-content{background:#eee;}
.regRLC .forgetPasswordPart {
  padding: 13px 16px 0px 0px;
}
.backText h2 {
    margin-bottom: 20px;
    margin-top:10px;
}
.ie8-right-css {
 padding:0;
}
.regRLC .multipleGroupUsers .userIdRadio span {
    margin: 0px;
}	
.KBADialogContent #form2 div:first-child {
padding:0;
}
.consoleLink a[href="#onlinePrivacyPolicy"] {
	padding-top:15px;
}
.consoleLink a {
	line-height: 17px;
	font-size:14px;
	padding-top:0;
}
/* Styels for group name seach box */
.companySearchAutoCompleteResults.focusSelect{box-shadow:none;}
.companySearchAutoCompleteResults .companySearchAutoCompleteResultsBox {
  	width:270px;
    padding: 5px 5px 5px 5px;
    border-radius: 3px;
    border: 2px solid #D5D5D5;
}

/* Break Point till 600px */

@media screen and (max-width:600px) { 
    .crossIcon {
     position: absolute; top: 15px; left: 97%; width: 10px;
    }

    .regRLC .inputBox {
     width: 100%
    }

    .regRLC .emailPart {
     float: left; width: 100%;
    }

    .emailPart .inputBox .arrow_box {
     margin-bottom: 10px
    }
	
	.termsOverlay.overlayReg .regRLC .leftContentPart {
     padding: 15px;
    }
}

/* Break Point till 600px End */

/* Break Point till 768px */

@media screen and (width:768px) { 
	.siteRegContent {
		width: 100%;
	}
}
@media screen and (max-width:768px) { 
	.hidden-xs{display:none}.visible-xs{display:block !important}
	.metCommon .kbaScreen .leftContentPart {
	 padding:0px 15px 40px 13px;
	}
	.siteReg.metCommon.sprController.PageRegUser .page {
	     width:100% !important;
	}
	.metCommon .metonlinePopup.learnMore {
 		min-height:600px
	}
  .regRLC #form2 .kbaPart .backText {
    padding: 42px 0px 10px;
    display: block;
    }
	.metCommon .kbaScreen {
	    padding: 0px 0px 30px 0px !important;
	}
    .regRLC .kbaPart .backText {
		display:none;
	}
  .regRLC #form2 .kbaPart .backText {
    padding: 42px 0px 10px;
    display: block;
    }

    .regRLC a .chatIcon {
     display: inline-block; height: 18px; float: none;
    }

    .regRLC .mobileText {
     display: block; color: #007abc; background-color: #FFF; text-align: center; padding: 10px 10px; font-size: 22px; font-weight: bold;
    }
    .regRLC .mobileText img {
     width:123px
    }
    
    /* Changes for Retail Seperation Starts*/
    .regRLC .mobileText img.cobrand {
     width:190px
    }
	/* Changes for Retail Seperation Ends*/
    .metonlinePopup {
     padding: 0px
    }

    #dialogClose {
     display: none
    }

    .regRLC .mobileHelpText {
     float: left; text-align: center; border-bottom: 1px solid #999999; color: #2377c5; width: 94%; padding: 10px 15px; display: block;
    }

    .regRLC .forgetPasswordPart {
     margin-top: 0px; position: relative; padding: 0;
    }

    .regRLC .kbaPart {
     position: relative; padding: 0;
    }

    .regRLC .leftContentPart {
     width: auto;
     padding: 26px 44px 40px 44px;
    }
	
	.termsOverlay .regRLC .leftContentPart {
     padding: 44px 15px 40px 42px;
    }

    .regRLC .nextBtn a {
     float: right
    }

    .regRLC .leftContentpart h4 {
     font-size: 16px; font-weight: 600;
    }

    .regRLC .leftContentPart p {
     font-size: 14px; font-weight: 600; padding-top: 20px;
    }

    .regRLC .nextBtn button.primary {
     float: right; /*margin-right: 20px; height: auto;*/
    }

    .regRLC div.rightChatPart {
     float: left; border: 1px solid #fff; border-radius: 5px; padding: 0px; position: static; width: 100%;margin:0
    }
    .regRLC .optionHeading a{padding-right:8px}

    #dialog {
     background-color: #ffffff
    }

    .regRLC .rightChatPart p {
     padding: 15px 0px; width: 100%;
    }

    .regRLC .mobileDisplayNone {
     display: none
    }

    .regRLC .chatNow {
     padding-bottom: 10px
    }

    .metonlinePopup .optionHeading img {
     width: 10px; height: 10px; position: relative;
    }

    .regRLC .chatNow a {
     font-size: 16px
    }

    .regRLC .username p {
     padding: 0
    }
    .regRLC .rightChatPart p {
     padding: 0px 0px 15px 0px
    }

    .regRLC .backText {
     display: block; padding: 0px 0px 10px; float: none;
    }
	
	.termsOverlay .regRLC .forgetPasswordPart h2 {
    margin-top: 0px;
	}
    .regRLC .validationCodeRadioOption {
     margin-bottom: 0px
    }

    .regRLC .multipleGroupUsers {
     margin-bottom: 0px
    }

    .optionContent {
     position: absolute; top: 94px; width: 100%; background: #FFF; border-bottom: 1px solid #ccc;
    }
	
	.termsOverlay .optionContent {
     left:0px;top: 92px;
    }
	
	.termsOverlay .regRLC .rightChatPart {
	margin-top:0;
	}

    .ie8-right-css {
     width: 100%; position: initial;
    }

    .ie8-css {
     width: 100%
    }

    .regRLC .errorMsg p {
     padding-top: 0px
    }

    .regRLC .receivedPart .popover.bottom {
     margin-top: 10px; margin-left: 16%;
    }

    .regRLC .receivedPart p {
     padding-top: 0px !important
    }

    .regRLC .popover.right {
     margin-left: -40px
    }

    #dialog.pleaseCall {
     width: auto
    }

    .regRLC .forgetPasswordPart {
     background-color: #fff;/* padding-bottom: 30px; min-height: 575px;*/
    }

    .regRLC .kbaPart {
     background-color: #fff; padding:2px 0 30px 14px; min-height: 575px;
    }

    .modal-dialog {
     margin: 0
    }

    /*kba screen */

    .kbaScreen {
     padding: 0 !important
    }

    .regRLC .kbaPart .multipleGroupUsers b, .regRLC .multipleGroupUsers .userIdRadio span {
     font-family: "openSansSemiBold"
    }

    .regRLC .kbaPart h4 {
     font-size: 18px
    }
    .regRLC .emailPart label.lblSecondary {
     padding: 18px 0 0
    }

    .regRLC .kbaPart .multipleGroupUsers .userIdRadio {
     width: 100%
    }

    .regRLC .inputStyle {
     border: 1px solid #efefef; width: 250px;
    }

    /*registration overlay*/

    .registrationOverlay .nextBtn {
     padding: 28px 0px 0px 0px; width: 100% !important;
    }

    .registrationOverlay .nextBtn button {
     float: none
    }

    /*registration overlay*/

    /*addProduct*/

    .addProduct .nextBtn {
     padding: 28px 0px 0px 0px; width: 100% !important;
    }

    .addProduct .nextBtn button, .addProduct .nextBtn a {
     float: none
    }

    /*addProduct*/

    /*learn more popup*/

    .regRLC.learnMore .leftContentPart p {
     padding-top: 0
    }

    /*end of learn more popup*/

    /*Logged In*/

    .loggedIn .metonlinePopup {
     padding: 0
    }

    .loggedIn .forgetPasswordPart {
     margin-top: 5px; padding: 49px 0px 0px 0px;
    }

    .loggedIn  .leftContentPart h4 {
     font-size: 28px; color: #333333; font-family: "openSansSemiBold"; padding: 0px 0px 46px 0px;
    }

    .loggedIn  .leftContentPart p {
     padding: 0px 0px 41px 0px; font-size: 20px; color: #333333; font-family: "openSansLight"; font-weight: 400;
    }

    .loggedIn  .nextBtn span {
     margin-right: 60px
    }

    .loggedIn  .nextBtn {
     padding: 0px
    }

    .loggedIn .leftContentPart {
     padding-right: 15px; padding-left: 50px; padding-top: 0px;
    }

    /*Logged In*/

    .sprController .sprArrDown {
      background-position: -122px -80px;
     }
	 
	 #divRLCFlowFromAlreadyRegistered iframe {width:100%}
	 
	 /* welcome back flow */
	 #divWelcomeBack.modal{top:0px;}
	 #divWelcomeBack .metonlinePopup{padding:0px;}
	 #divWelcomeBack .padding-0px{padding:0px;}
	 #divWelcomeBack .padding-0{padding:0px;}
	 #KBADialog{top:0px;padding:0px !important;}
	 #KBADialog .nextBtn  button{float:right;}
	 #KBADialog .nextBtn{width:65%;}
	 .KBADialogContent #form2 div:first-child{padding:0 0 0 15px;}
	 .regRLC .kbaPart .multipleGroupUsers .userIdRadio{min-height:30px;}
}

/* Break Point till 768px End */

/* Break Point till 479px */

@media screen and (max-width:479px) { 
.kbaPart .nextBtn button {
    float: none;
    margin-right:0px;
}
#KBADialog .nextBtn{width:83%;}
.KBADialogContent #form2 div:first-child{padding:0px;}
    .regRLC .mobileText {
     background-position: 55% 5px
    }

    .regRLC .leftContentPart {
     display: block; padding-left: 15px; padding-top: 15px;padding-right:15px
    }

    .regRLC .leftContentPart h4.kba-h4padding {
     padding: 0px 0px 14px 0px
    }
    .backText {
     padding: 0px 0px 20px 0px
    }

    .optionContent {
     top: 84px;left:0px
    }

    .regRLC .companySearchAutoComplete .validationViaEmailAutoComplete {
     width: 96%
    }

    .regRLC .companySearchAutoCompleteResults .companySearchAutoCompleteResultsBox {
     width: 100%
    }

    /*kba screen */

    .regRLC .kbaPart .arrow_box {
     left: 0em
    }

    /*Logged In*/

    .loggedIn .leftContentPart h4 {
     font-size: 26px; padding: 0px 0px 36px 0px;
    }

    .loggedIn .leftContentPart {
     padding: 0px 15px 0px 40px
    }

    .loggedIn  .forgetPasswordPart {
     padding: 37px 0px 0px 0px
    }

    /*Logged In*/
.sprController .sprSearchInactive {
    position: relative;
    right: 16px;
}
}

/* Break Point till 479px End*/

/* Break Point Between 769px - 1024px */

@media screen and (min-width:769px) and (max-width:1024px) { 
    .metonlinePopup {
     padding: 6px 20px 30px 44px
    }

    .optionContent {
     display: block
    }
}

/* Break Point Between 769px - 1024px  End*/

@media screen and (max-width: 691px) { 
    .btn-gPayNext {
     margin-top: 0
    }

    .siteReg .securedBack {
     margin-right: 0
    }
}
@media (min-width: 1200px) {
	.container {
	    width: 1100px !important;
	}
}
@media (max-width: 600px) {
	.sprController .sprPositive {
	    left: auto !important;
	    right:0;
	    position: absolute;
	    top: -32px !important;
	}
	.regFieldSuccess {
	    padding: 10px 0 0 !important;
	}
	.metCommon .kbaScreen .leftContentPart {
	 padding:0px 15px 40px 0px;
}
.regRLC #form2 .kbaPart .backText {
  padding: 11px 0px 10px;
  display: block;
  }
}
/* For Public registartion confirmation screen */

@media (min-width: 769px) {
	.leftCustomClass p{
		margin-bottom: 15px !important;
	}
}
.leftCustomClass label {
	display: inline-block !important;	
	line-height: normal!important;
}
/* For Button Spinner image loader TODO:Need to remove if same code was in bootstrap.css*/
.siteReg .btnSpinner {
    opacity: 0;
    display:none;
    padding-right: 5px;
    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s;
    /* Duration fixed since we animate additional hidden width */
}
.siteReg .has-spinner.active {
    cursor:progress;
}
.siteReg .has-spinner.active .btnSpinner {
    display:inline-block;
    opacity: 1;
    max-width: 50px;
    /* More than it will ever come, notice that this affects on animation duration */
}
.siteReg .spinnerImgLoader {
    width: 20px;
    height: 20px;
}
.KBADialogContent .rightChatPart {
	padding:20px !important;
}
.verifyZip {
	margin-bottom:15px !important;
}
/* Econsent by state - BEGIN */
.siteReg .primaryStateHelpIcon {
	background: url("/edge/ui/public/img/reg-help-icon.png") no-repeat 0 0;
	display: inline-block;
	height: 15px;
	margin: 0 0 -3px 4px;
	width: 15px;
}
.siteReg .primaryStateTooltip .popover{
	color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #2377c5;
    box-shadow: none;
    padding: 0;
    border-radius: 3px;
}
.siteReg .primaryStateTooltip .popover.bottom, .siteReg .termsEndPart .popover.bottom{
	width: 352px !important;
    max-width: 352px;
}
.siteReg .primaryStateTooltip .popover.bottom .arrow {
	top: -11px;
    border-top-width: 0;
    border-bottom-color: #429ed2;
}
.siteReg .primaryStateTooltip .popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #429ed2;
}
.siteReg .primaryStateTooltip .popover .popover-content {
	background-color: #429ed2;
    letter-spacing: 0px;
}
.disabledState {
	opacity: 0.4;
}
.termsOfUse .customCheckBox.selected {
 	margin-right: 5px;
}
.termsOfUse .customCheckBox {
    height: 24px !important;
    width: 24px !important;
    margin-right: 5px;
    top: 8px !important;
}
/* Econsent by state - END */
.rrOverlayChatPart {
  padding: 20px !important; 
  width: 174px !important; 
}
.fromAddProduct .rrOverlayChatPart {
 padding: 13px 0px 20px !important; 
  width: 150px !important; 
}
.rrleftContentPart {
	padding-left: 15px;
}
.fromAddProduct .rrleftContentPart {
	padding-left: 0px;
}
.registrationOverlay #termsScrollbar .privacyTextAlign{
  text-align: left;
}
.gssp-addprod-body .sprDialogClose.dialogClose{
	display:none !important;
}