/*lightbox popup*/
.lightboxWrap{display:block; width:100%; position:fixed;z-index:9999;}
#FinalOfferLightBoxData.lightboxWrap{top:10%}
#MessageCenterData.popWrapper{max-width:950px;}
#MessageCenterData.popWrapper > .whiteContent {max-width:950px;}
#MessageCenterData .popContent{max-height:500px; overflow-y:auto}
.black_overlay{display:none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:9998; -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.black_overlayFade{position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:9998; -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_overlayFade{position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #fff;z-index:9998; -moz-opacity: 0.9;opacity:.90;filter: alpha(opacity=90);}
.popWrapper{position:relative;top: 25%;margin:0 auto;border: 8px solid #fff; border-radius:8px;max-width:750px;min-height:100px;/*overflow: hidden;*/ background-color:#fff; z-index:9999}
.popWrapperSimilarStock{position:relative;top: 25%;margin:0 auto;border: 8px solid #e3e3e3; border-radius:8px;max-width:1000px;min-height:100px;overflow: hidden; background-color:#e3e3e3; z-index:9999}
.whiteContent {background-color: #fff;max-width:850px;min-height:100px;border-radius:8px 8px 0 0;overflow:hidden; padding:0 0 15px 0}
.bottomNav{bottom: 0;padding: 5px 15px;text-align:left;border-radius:0 0 8px 8px; background-color:#fff; border-top:1px solid #e3e3e3; overflow:hidden}

.popHeader{top: 0;padding: 5px 15px;border-radius:8px 8px 0 0; font-size:16px; font-weight:bold;color:#333; background-color:#fff}
.whiteContent input, .whiteContent select{ border:1px solid #e3e3e3; padding:3px; background-color:#f1f1f1; border-radius:4px; width:150px; float:left}
.whiteContent input:focus, .whiteContent select:focus{background-color:#fff; border:1px solid #737373}
.popContent{padding:15px; color:#333; font-size:13px; overflow:auto;}
#DivUserSecurityInfo{padding:0 0 15px 0}
#SecurityQuestions select {width:450px}
#SecurityQuestions input{width:442px}
#NewPasswordReqFormat, #ReenterPasswordReqFormat {display: none; width: 250px; font-size: 11px; background-color: rgb(255, 255, 204); text-align: left; padding:5px; border-style: solid; border-color: Black; border-width: 1px; visibility: visible; position: absolute}
#NewPasswordReqFormat{left: 383px; top: 124px}
#ReenterPasswordReqFormat{left: 383px; top: 153px}
#NewPasswordReqFormat li, #ReenterPasswordReqFormat li{list-style-type: disc; width: 100%}

/*need to add to lightbox css in the solution*/
#finalOffer {display: none; max-width:800px}
#finalOffer .popWrapper, #finalOffer .whiteContent, #finalOffer .popHeader, #finalOffer .bottomNav{max-width:800px}
#finalOffer p{font-size:12px}
#FinalOfferLightBoxData img { max-width: 100%; margin-bottom: 15px;}

/* Browser Upgrade Recommended - Only shows up on IE */
#BrowserUpgrade {position: relative; top: 100px; }
#BrowserUpgrade #closeLink {position: absolute; top: -20px; right: -20px; display: block; width: 26px; height: 26px; background: transparent url("../images/PopupClose.png") no-repeat left top; text-indent: -9999px;}
#BrowserUpgrade .browserLink {width: 220px; overflow: auto; display: inline-block; margin: 0 0 2px 120px; padding: 0}
#BrowserUpgrade .browserIcon {display: block; width: 75px; height: 65px; float: left; text-indent: -9999px;}
#BrowserUpgrade .browserLinkText {width: 125px; display: inline-block; margin-left: 20px; padding-top: 10px;}
#BrowserUpgrade .browsername {display: block; margin-bottom: 5px;}
#BrowserUpgrade #browserLinksContainer{padding: 20px 0 0 0}
#BrowserUpgrade #InternetExplorerIcon {background: transparent url("../images/icons/browser_icons.png") no-repeat left 4px;}
#BrowserUpgrade #chromeIcon {background: transparent url("../images/icons/browser_icons.png") no-repeat 10px -62px;}
#BrowserUpgrade #FirefoxIcon {background: transparent url("../images/icons/browser_icons.png") no-repeat 5px -192px;}
#BrowserUpgrade #SafariIcon {background: transparent url("../images/icons/browser_icons.png") no-repeat 10px -126px;}
#BrowserUpgrade .whiteContent {padding: 0;}
#BrowserUpgrade #BrowserupgradeButtonSection {padding: 17px 0 12px 0; overflow: auto}
#BrowserUpgrade #messageButton {float: right; margin-right: 10px; font-size: 14px;}
#BrowserUpgrade .popContent {padding-bottom: 10px;}
#BrowserUpgrade #updgradeLink {padding: 4px 7px; background: #0067d0; color: #fff; display: inline-block;}
#BrowserUpgrade #updgradeLink:hover {text-decoration: none;}

.popCloseBut a {text-decoration:none; color:#1D67B2}
.popCloseBut a:hover { text-decoration:underline; cursor:pointer}
.popUpCloseIcon {position:absolute; right:0; cursor:pointer}
#feedbackConfirmation input.popUpCloseIcon{    background-image: url(../../images/popupCLose.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: none;
    cursor: pointer;
    height: 26px;
    padding-left: 26px;
    vertical-align: middle;
    width: 26px;
    position: absolute;
    top: -23px;
    right:-18px;
}
#feedbackConfirmation .whiteContent{
    overflow:visible
}

/*email verification modal popup*/
#VerifyEmailModalPopup.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999;overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
#VerifyEmailModalPopup .modal-dialog { width: 100%; max-width: 64rem; margin: auto; justify-content: center; }
#VerifyEmailModalPopup .modal.fade.left .modal-dialog { -webkit-transform: translateX(-64rem); -ms-transform: translateX(-64rem); -o-transform: translateX(-64rem); transform: translateX(-64rem); }
#VerifyEmailModalPopup .modal.fade.right .modal-dialog { -webkit-transform: translateX(64rem); -ms-transform: translateX(64rem); -o-transform: translateX(64rem); transform: translateX(64rem); }
#VerifyEmailModalPopup .modal-dialog.modal-xsm { max-width: 24rem; }
#VerifyEmailModalPopup .modal.fade.left .modal-dialog.modal-sm { -webkit-transform: translateX(-48rem); -ms-transform: translateX(-48rem); -o-transform: translateX(-48rem); transform: translateX(-48rem); }
#VerifyEmailModalPopup .modal.fade.right .modal-dialog.modal-sm { -webkit-transform: translateX(48rem); -ms-transform: translateX(48rem); -o-transform: translateX(48rem); transform: translateX(48rem); }
#VerifyEmailModalPopup .modal-dialog.modal-md { max-width: 76.8rem; }
#VerifyEmailModalPopup .modal.fade.left .modal-dialog.modal-md { -webkit-transform: translateX(-78.6rem); -ms-transform: translateX(-78.6rem); -o-transform: translateX(-78.6rem); transform: translateX(-78.6rem); }
#VerifyEmailModalPopup .modal.fade.right .modal-dialog.modal-md { -webkit-transform: translateX(78.6rem); -ms-transform: translateX(78.6rem); -o-transform: translateX(78.6rem); transform: translateX(78.6rem); }
#VerifyEmailModalPopup .modal-dialog.modal-lg { max-width: 96rem; }
#VerifyEmailModalPopup .modal.fade.left .modal-dialog.modal-lg { -webkit-transform: translateX(-96rem); -ms-transform: translateX(-96rem); -o-transform: translateX(-96rem); transform: translateX(-96rem); }
#VerifyEmailModalPopup .modal.fade.right .modal-dialog.modal-lg { -webkit-transform: translateX(96rem); -ms-transform: translateX(96rem); -o-transform: translateX(96rem); transform: translateX(96rem); }
#VerifyEmailModalPopup .modal-dialog.modal-xl { max-width: 120rem; }
#VerifyEmailModalPopup .modal.fade.left .modal-dialog.modal-xl { -webkit-transform: translateX(-120rem); -ms-transform: translateX(-120rem); -o-transform: translateX(-120rem); transform: translateX(-120rem); }
#VerifyEmailModalPopup .modal.fade.right .modal-dialog.modal-xl { -webkit-transform: translateX(120rem); -ms-transform: translateX(120rem); -o-transform: translateX(120rem); transform: translateX(120rem); }
#VerifyEmailModalPopup .modal-content { -webkit-box-shadow: 0 0px 2rem rgba(0, 0, 0, .25); box-shadow: 0 0px 2rem rgba(0, 0, 0, .25); }
.btn-confirmed {text-align:center; margin-bottom:15px; padding-bottom:30px; border-bottom:1px solid #eee}
.secondary-text{font-size:12px; color:#9f9f9f}
#update-email{display:none}
#SaveCommunicationEmail{margin-top:15px}
#VerifyEmailModalPopup .m-modal-header, #VerifyEmailModalPopup .m-modal-body { padding: 1rem }
#VerifyEmailModalPopup .verify-email-text { margin-bottom: 15px }
 #TearmsAndConditionPopupWindow{position:fixed !important; }
/*pop for mobile devices*/
    @media only screen and (min-width:480px)and (max-width:768px) { #MessageCenterData{max-width:90%}
}

@media only screen and (min-width:769px)and (max-width:1024px) {
.popWrapper {top:10%}
}