#profilepage #changeAccountModal .btnclsactive {
    margin-top: 0px;
}

#changeAccountModal .searchBtn1 {
    top: -26px;
    right: 8px;
    color: #0a8caa;
}

#accountSearchButton {
    top: -24px;
    right: 10px;
    position: relative;
    float: right
}


/* change account popup css */

#changeAccountModal .searchBox {
    display: inline-block;
    width: 90%;
    border-radius: 15px;
}

#changeAccountModal .searchBtn {
    top: 10px;
    right: 43px;
    color: #0a8caa;
}

#changeAccountModal .clearbtn {
    width: 20%;
}

#changeAccountModal .accountsMargin {
    margin: 15px 0 15px 0;
}

#changeAccountModal hr {
    margin: 0;
}

#changeAccountModal .checkbox label::before {
    top: 1px;
}

#changeAccountModal .selectAllHeader {
    padding: 10px 0 15px 45px;
    border-bottom: 1px solid #f2f2f2;
}

#changeAccountModal .modalbody {
    padding: 5px 25px 15px 25px;
}

#changeAccountModal .modal-body {
    padding: 20px 25px 5px 25px
}


/*Automated notification preferences*/

.pref-contact-info-container {
    margin: 8px 0px 8px 0px;
    padding: 3px 5px 8px 0px;
}

#prefer-email-label {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
}

.receive-auto-notif {
    margin-left: 15px;
    margin-bottom: 10px;
}

.marTopWantToSee {
    margin-top: 13px;
    padding: 0px;
}
.marBottomToSee {
    margin-bottom: 13px;
}

#receiveAutoNotification {
    margin-left: 15px;
}

#prefer-email-textbox {
    padding: 0px;
}

#prefer-mobile-number {
    padding: 0px;
}

#preferred-mobile-label {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    margin-right: 12px;
}

#preferredEmailId {
    border-radius: 7px;
}

#preferredMobileNumber {
    border-radius: 7px;
    background-color: white;
}

.zero-margin-padding {
    margin: 0px !important;
    padding: 0px !important;
}

.radio-select-account {
    margin: 10px 0px 10px 0px !important;
}

.span-hyperlink {
    margin-left: 35px;
}

.pad-b-20 {
    padding-bottom: 20px;
}

.marLeftreg {
    padding: 0px;
}

.zero-margin {
    margin: 0px !important;
}

.padding-all-order {
    padding: 8px 0px 10px 20px;
}

.notification-pref {
    background: #ffffff;
    border: 1px #e0dfdf solid;
    border-radius: 10px;
    margin: 0;
}

.row-header {
    margin-top: 16px;
    font-family: inherit;
    font-weight: 700;
    padding-left: 25px;
}

#seperator {
    margin-left: 10px;
    margin-right: 10px;
    border-style: ridge;
    border-width: 1px;
}

.main-row-item {
    font-weight: 700;
    font-size: 17px;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 5px;
}

.label-style {
    font-weight: normal;
    font-family: jnjbodyfont, serif;
    font-size: 14px;
    color: #828282;
    margin-top: 12px !important;
}

.label-padding {
    padding-left: 25px;
    padding-bottom: 15px;
}

.radio-margin-padding {
    margin-left: 24px;
    padding-left: 35px;
}

.email-cb-margin {
   	margin: 10px 0px 0px 0px;
    padding-left: 68px;
}
.text-cb-margin {
   	margin: 10px 0px 0px 0px;
    padding-left: 43px;
}

.edit-product-label {
    padding-left: 15px;
    padding-bottom: 10px;
}

.radio-margin-bottom {
    margin-bottom: 10px;
}

#prefer-contact-label {
    margin: 8px 0px 8px 0px;
}

.row-head-label-email {
    padding-left: 40px;
}

.row-head-label-text {
    padding-left: 15px;
}

/* iPhone 6, 7, & 8 in portrait and landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px){
    #profilepage .profile-accordian-body {
        padding: 15px 15px;
    }
    .row-header {
        padding-left: 15px;
    }
    .main-row-item {
        font-weight: 700;
        font-size: 15px;
        padding: 0px;
        margin: 0px 0px 0px 2px;
    }
    .span-hyperlink {
        margin-left: 5px;
    }
    .notification-pref {
        padding-right: 3px;
        padding-left: 10px;
    }
    .label-padding {
        padding: 0px 0px 15px 17px;
    }
    .email-cb-margin {
        margin: 0px;
        padding: 7px 0px 0px 34px;
    }
    .text-cb-margin {
	    margin: 0px;
	    padding: 7px 0px 0px 40px;
	}
    .radio-margin-padding {
        margin-left: 7px !important;
        margin-right: 6px;
        padding-bottom: 5px;
    }
    .edit-product-label {
        padding-left: 6px;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .row-head-label-email {
        padding: 0px;
    }
    .row-head-label-text {
        padding-left: 12px;
    }
    #seperator {
        margin-left: 0px;
    }
    #prefer-email-label {
        margin-right: 23px;
    }
    #preferred-mobile-label {
        margin-right: 0px;
    }
    #changeAccountModal .searchBtn {
        top: -25px;
        right: 28px;
        color: #0a8caa;
    }
    #profilepage .btnclsactive {
        padding: 8px;
        margin-top: 20px;
    }
    #changeAccountModal .clearbtn {
        width: 24%;
    }
    .modalPositionClass {
        left: 8px;
    }
}

/* iPhone 6, 7, & 8 in Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	#preferred-mobile-label {
    	margin-right: 0;
	}
    #seperator {
        margin-left: 5px;
    }
    #prefer-email-label{
    	margin-right: 1px;
    }
    .row-head-label-text {
        padding-left: 35px;
    }
    .row-head-label-email {
        padding-left: 0;
    }
    .radio-margin-padding {
        margin-left: 24px !important;
        padding-left: 35px !important;
        padding-top: 2px;
    }
    .label-padding {
        padding-bottom: 10px;
    }
    .email-cb-style {
	    margin: 0 0 0 14px;
	    padding: 7px 0 0 67px;
	}
    .text-cb-margin {
	    margin: 10px 0px 0px 10px;
	    padding: 7px 0px 0px 39px;
	}
    .span-hyperlink {
        margin-left: 20px;
    }
    .modalPositionClass {
        left: 80px !important;
    }
    #profilepage .btnclsactive {
        padding: 10px 24px;
        margin-top: 20px;
    }
}

/*iPhone X in landscape*/

@media only screen and (width: 812px) and (orientation: landscape) {
    .row-head-label-text {
        padding-left: 0px;
    }
   	.email-cb-margin {
	    margin: 10px 0px 0px 0px;
    	padding-left: 87px;
	}
	.row-head-label-email {
    	padding-left: 0;
	}
	.text-cb-margin {
	    margin: 10px 0 0 0;
	    padding: 0px 0px 0px 24px;
	}
}

/* iPhone X in portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
    .modalPositionClass {
        left: 7px;
    }
}

/* iPhone 6, 7, & 8 Plus in landscape */

@media only screen and (width: 736px) and (orientation: landscape) {
   /*  #prefer-email-label {
        margin-right: 12px;
    } */
    .row-head-label-text {
    	padding-left: 36px;
	}
    #preferred-mobile-label {
    	margin-right: 1px;
	}
    .text-cb-margin {
        margin: 10px 0px 0px 32px;
    	padding: 8px 0 0 20px;
    }
    .modalPositionClass {
        left: 106px;
    }
    .accountsMargin .checkbox {
        padding-left: 20px;
        margin-top: 25px;
    }
    .email-cb-iphonestyle {
	    margin: 0 0 0 14px;
	    padding: 7px 0 0 108px;
	}
}

/* iPhone 6, 7, & 8 Plus in portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .modalPositionClass {
        left: 28px;
    }
    .text-cb-margin {
        margin: 0px;
        padding: 7px 0px 0px 41px;
    }
    .email-cb-margin {
	    margin: 0;
	    padding: 7px 0px 0px 57px;
	}
}

/* iPad portrait  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #preferred-mobile-label {
        margin: 10px 0px 0px 0px;
    }
    .row-head-label-text {
        padding-left: 40px;
    }
    .email-cb-margin {
	    margin: 0 0 0 20px;
	    padding: 7px 0px 0px 102px;
	}
    .text-cb-margin {
	    margin: 0 0 0 8px;
	    padding: 7px 0px 0px 40px;
    }
}

/* ipad landscape  */

@media only screen and (min-device-width: 813px) and (max-device-width: 1024px) and (orientation: landscape) {
    #preferred-mobile-label {
        margin: 10px 17px 10px 0px;
    }
    .email-cb-margin {
    	margin: 0;
   		padding: 7px 0px 0px 72px;
    }
    .text-cb-margin {
	    margin: 0;
	    padding: 7px 0px 0px 44px;
	}
}
 .mobileTriangle:after{
	position: relative !important;
    left: 8px;
    display: inline;
    font-family: FontAwesome, serif;
    font-size: 13px;
    content: "\f0dd";
    top: -2px;
	
}

.tooltipNA {
    position: relative;
    display: inline-block;
    
}

/* AFFG-86 Story Changes */
.contractPriceChangeReportTooltiptext{
	font-weight: 100 !important;
}

/* Tooltip text */
.tooltipNA .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: white;
    color: grey;
    text-align: left;
    padding: 20px 20px;
    border-radius: 20px;
    border:1px solid #c0c0c0;
    margin-left: -200px;
    margin-top:60px;
    transition: .25s all ease;
      transition-delay: 0s;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipNA:hover .tooltiptext {
    visibility: visible;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    #preferred-mobile-label {
        margin: 10px 14px 0px 0px;
    }
    .email-cb-margin {
	    margin: 0 0 0 0px;
	    padding: 2px 0px 0px 70px;
	}
    .text-cb-margin {
	    margin: 0 0 0 0px;
	    padding: 3px 0px 0px 65px;
	}
}

@media only screen and (max-width: 767px) {
	.tooltipNA .tooltiptext {
	    visibility: hidden;
	    width: 284px;
	    background-color: white;
	    color: grey;
	    text-align: left;
	    padding: 20px 20px;
	    border-radius: 20px;
	    border: 1px solid #c0c0c0;
	    margin-left: -57px;
	    margin-top: 30px;
	    transition: .25s all ease;
	    transition-delay: 0s;
	    position: absolute;
	    z-index: 1;
	}
	.changeAccountContent #myProfileNotificationAccountTitle {
    	padding: 10px 10px 5px 2px;
	}
	.changeAccountContent #myProfileNotificationFavAccountTitle {
    	padding: 10px 10px 5px 2px;
	}
	#changeAccountModal .searchBox {
	    padding-right: 40px;
	}
}
/*AFFG-132*/
#profilepage .profile-accordian-body#mysalesRepresInfo {
	padding: 0;
}
#profilepage .profile-accordian-body#mysalesRepresInfo #mysalesRepresview {
	background: #fff;
    padding-top: 20px;
}

.paddingBottom20{
	padding-bottom: 20px;
}

#profilepage .boldtext#salesRepDownloadLabel {
	font-size: 14px;
	font-family: jnjbodyfont, serif;
}
#profilepage #salesRepExcel{
    color: #0c8caa;
    background: none !important;
    padding: 0;
}

#nasalesRepsTable th.tab-text {
	text-transform: uppercase;
}

#changeAcntPopup .searchNABtn {
    top: -24px;
    right: 36px;
    color: #0a8caa;
}
#changeAcntPopup .selectchkboxNA {
	padding: 15px 10px 5px 35px;
}
/* AFFG - 3353 Changes */
#myProfileNotificationFavAccount {
	border-bottom: 1px solid #e5e5e5 !important;
}

#profilepage .myProfileUSMarginTop {
	display: grid;
}
#profilepage .myProfileUSColor {
	color: #fff;
}
#profilepage  .pwdWidth{
	width: 225px;
}
.password-info {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    width: calc(100% + 30px);
    opacity: 1;
    padding-right: 0px;
    padding-left: 0;
    border-radius: 0;
}
#profilepage .Newpassword label.error {
    display: block;
}

#profilepage .naPwdwidgetdiv {
    display: block;
}

#ProfileChangePassword .getErrorMessage {
    display: inline;
}
.addEmitPreferredEmailHolder .disabled{
	cursor: default;
    color: #828282 !important;
    background: none;
    background-color: transparent !important;
}

#header_icon {
	background: url(../images/icons1.png) no-repeat -8px -8px;
    background-size: 803px 414px;
	width: 174px;
	height: 39px;
	margin: auto;
}

#header_bar {
	background-color: #b41601;
	text-align: center;
	width: 100%;
	padding: 15px;
	min-height: 10%;
}

.emailNote {
	margin-top: 80px;
	text-align: center;
	font-weight: 700;
    font-size: 22px;
	color: #00863D;
}

#emailNotificationModal {
	top: 25%;
}

.btnclsactive {
	letter-spacing: 1.5px;
	font-family: jnjbodyfont, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	border-radius: 27px !important;
	background-color: #0a8caa !important;
	text-align: center;
	padding: 10px 15px;
	text-transform: capitalize;
	text-transform: uppercase;
}

#disable_place_order_button {
	margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    background-color: #0a8caab3 !important;
}


#ShippingWarningMessageCancel {
	border-color: #0a8caa;
    letter-spacing: 1.5px;
    font-family: jnjbodyfont, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #0a8caa;
    border-radius: 27px !important;
    background-color: #ffffff !important;
    text-align: center;
    padding: 10px 15px;
    text-transform: capitalize;
    text-transform: uppercase;
}

#ShippingWarningMessageOkOn,#ShippingWarningMessageOkOff{
	letter-spacing: 1.5px;
	font-family: jnjbodyfont, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	border-radius: 27px !important;
	background-color: #0a8caa !important;
	text-align: center;
	padding: 10px 15px;
	text-transform: capitalize;
	text-transform: uppercase;
}

#ShippingWarningMessage h4 {
    font-size: 30px;
    margin: 0;
    line-height: 1.42857143;
    font-family: jnjheadingfont,"Arial Black",sans-serif;
    font-weight: 500;
    color:inherit
}

#ShippingWarningMessage p {
    font-family: jnjbodyfont,Arial,sans-serif;
    font-size: 16px;
    color: #828282;
}

#ShippingWarningMessage .modal-content{
	margin: 0 auto;
    border-radius: 8px;
    box-shadow: 6 13px 0px;
}

#ShippingWarningMessage .modal-body{
   margin: 0px 10px;
}