.simple_disp-img img {
    /* height: 55px; */
    margin-top: 12.5px;
}

#loginContainer .simple_disp-img img {
    margin-top: 5px;
    width: 180px;
}

#loginContainer .main{
	 margin: 0 auto;
    width: 460px;
   
}

#input .bootstrap-select {
	width: 220px !important;
}

.errMsgHolder .panel-danger .error{
    white-space: normal !important;
}

.orderstatuspage .placeOrder > div {
    height: 150px;
}

.orderstatuspage .placeOrder > div:FIRST-CHILD {
    height: auto;
}

.orderstatuspage .manageorder > div {
    height: 150px;
}
i.PropakConstructBarComponent:before {
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    background-image: url('../images/propakIcon.png');
    background-size: 100%;
    position: relative;
    top: 4px;
}
.orderstatuspage .manageorder > div:FIRST-CHILD {
    height: auto;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before,
.bootstrap-select .dropdown-toggle:focus,
.radio input[type="radio"]:focus + label::before {
	outline: 0 !important;
}

#orderTableFixedHeader  #ordersTablehome_wrapper{ 
        margin-top:-6px; 
}

#signuppage .your-information-note {
    margin-top: -1.8%;
    margin-right: 0%;
}

.excel {
    background-image: url(../images/excel.gif);
    background-repeat: no-repeat;
    padding: 13px 10px 10px 25px;
    background-color: #828282;
    background-position-x: 5px;
    background-position-y: 10px;
    color: white;
}

.excel.excelNoImg {
	background-image: none;
    background-repeat: no-repeat;
    padding: 0;
    background-color: transparent;
    background-position-x: 5px;
    background-position-y: 10px;
    color: #0c8caa;
}

.globalError p {
    color: #b41601;
    margin: 0;
    background: url(../images/icon_error.png) no-repeat scroll top left;
    padding-left: 30px;
    line-height: 21px;
}

.bulkuploadGlobalError {
    color: #b41601;
    margin: 0;
    background: url(../images/icon_error.png) no-repeat scroll top left;
    padding-left: 30px;
    line-height: 21px;
}
#quickaddcart-popup .modal-bodyNA {
    padding: 15px 25px 15px 25px;
    height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
}

.btnclsnormalNA {
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 10px;
    font-family: jnjbodyfont;
    color: #fff;
    border-radius: 27px;
    background-color: #0a8caa;
    padding: 10px 15px;
    text-transform: capitalize;
    text-transform: uppercase;
}

.btnclsactiveNA {
    letter-spacing: 1.5px;
    font-family: jnjbodyfont;
    font-weight: bold;
    font-size: 10px;
    color: #0a8caa;
    border-radius: 27px;
    background-color: #fff;
    text-align: center;
    padding: 10px 15px;
    text-transform: capitalize;
    text-transform: uppercase;
    border: 1px solid #ddd;
}

.btnclsactiveNA.focus,
.btnclsactiveNA:focus {
    color: #0a8caa;
    background-color: #fff;
    border-color: #0a8caa padding: 10px 15px;
}

.btnclsactiveNA:hover {
    color: #0a8caa;
    background-color: #fff;
    border-color: #0a8caa;
    padding: 10px 15px;
}

#signuppage .btnclsactiveNA {
    padding: 10px 18px;
    margin-top: 20px;
}

.btnclsnormalNA.focus,
.btnclsnormalNA:focus {
    color: #fff;
    border-color: #8c8c8c;
    background-color: #0a8caa;
    padding: 10px 15px;
}

.btnclsnormalNA:hover {
    color: #fff;
    border-color: #adadad;
    background-color: #087891;
    padding: 10px 15px;
}

.wordBreak {
    word-break: break-word;
    width: 250px;
}

#jnj-usr-details-menu .vertical-separatorNA {
    color: white;
    margin: 0 5px;
}

#jnj-usr-details-menu .usr-action-linkNA {
    text-decoration: none !important;
    display: block;
    float: left;
}

.submitBtnNA,
.submitBtnNA:hover,
.submitBtnNA:active {
    border-radius: 20px;
    font-size: 10px;
    padding: 9px 20px;
    border: 1px solid #0c8caa;
    background: #0c8caa !important;
    color: #fff !important;
    letter-spacing: 1.5px;
    margin-top: 8px;
    text-transform: capitalize;
    text-transform: uppercase;
}

.nalabel {
    white-space: pre-wrap !important;
}

#multiemail1 {
    display: none;
}

#multiemail11 {
    display: none;
}

#multiemail111 {
    display: none;
}

#lodCircleIDQuick {
    display: none;
}

.marLeftreg {
    margin-left: 50px !important;
}

.widthSelectReg {
    width: 400px !important;
}

.checkBoxAlignmentContent {
    display: inline-block;
    width: 150px;
    font-weight: bold;
}


/*Customer Registration*/

.emailPrefFontSize {
    font-size: 16px;
}

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

.preferred-notification-holder {
    margin: 10px;
    padding: 0px;
}
.mobileMessage{
    padding-top: 10px;
    font-size: 10px;
}

#reg-prefer-email,
#reg-prefer-mobile {
    margin-top: 10px;
}

#prefer-contactInfo-label {
    margin-top: 8px;
    margin-bottom: 8px;
}

.no-padding {
    margin-top: 10px;
}

#my-order-container {
    padding: 10px;
    margin-left: 25px;
}
#preferredNotificationDivId{
	padding: 0px 15px 0px 15px;
}
.notification-pref-container {
    border: 1px #e0dfdf solid;
    border-radius: 10px;
    margin: 0;
    background: #ffffff;
}

.notifi-row-Alignment {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 6px;
}

/* Below lines Commented out for the story AENH-769
{
    margin-left: 0px;
    margin-right: 10px;
    border-style: ridge;
    border-width: 1px;
    margin-bottom: 7px;
} */
#register-seperator,
.myProfile-seperator{
    border-style: ridge;
    margin-bottom: 7px;
    padding: 0;
}
.checkBoxAlignmentContent {
    padding: 10px 0 10px 6px;
}

.email-pref-checkBox {
    padding-left: 66px;
}

.text-pref-checkBox {
    padding-left: 66px;
}

.rowHead-email-text-padding {
    padding-left: 35px;
}

.radio-btn-style {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    margin-left: 5px;
}

.daily-weekly-label {
    margin-left: 15px;
}

.email-pref-margin {
    margin: 10px 0px 10px 0px;
    padding-left: 6px;
}

#placed-allorder-id {
    margin-left: 15px;
}

.caVideoBgColor {
	background-color: #b41601;
    color: #fff;
    padding: 0px 0px 5px 30px;
    font-weight: normal;
}

.caVideoBgColor p {
	font-size: 12px;
}

.tourText {
    font-size: 29px !important;
    font-family: jnjheading1font;
}

.tooltipNA .tooltippwdtext {
    visibility: hidden;
    width: 400px;
    background-color: white;
    color: grey;
    text-align: left;
    padding: 20px 20px;
    border-radius: 20px;
    border: 1px solid #c0c0c0;
    transition: .25s all ease;
    transition-delay: 0s;
    position: absolute;
    z-index: 1;
    top: 35px;
    left: 0;
}

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

#jnj-usr-details-menu .usr-action-txt{
	font-size:12px;
	color:white;
	margin-left: 2px;
}

/*login page*/
.flex-container{
	display: flex;
	align-items: center;
}
.form-container{
	padding: 15px;
}
.top-border-line{
    border-top: 1px solid #e5e5e5;
}
.radio-container{
    padding-top: 15px;
}
.input-medium-size{
    width: 50%;
}
.container-space{
    padding-left: 15px;
}
.input-text{
    width: 8rem;
    min-width: 8rem;
}
.input-container{
    margin-top: 10px;
}
.text-input-error{
    flex-direction: column;
    display: flex;
    flex:1
}
.flex-direction-column{
    flex-direction: column;
}
.modal-text{
    font-weight: bold;
    margin-top: 10px;
}
.modal-icon{
    background-color: white;
    border: 2px solid #ccc;
    border-radius: 50%;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
	.tooltipNA .tooltippwdtext {
	    visibility: hidden;
	    width: 300px;
	    background-color: white;
	    color: grey;
	    text-align: left;
	    padding: 20px 20px;
	    border-radius: 20px;
	    border: 1px solid #c0c0c0;
	    margin-left: -222px;
	    margin-top: 30px;
	    transition: .25s all ease;
	    transition-delay: 0s;
	    position: absolute;
	    z-index: 1;
	}
	#cancelFavorites{
		width: 70% !important;
	}
	#saveFavorites {
		width: 70% !important;
	}
	#clearSelectAccountBtn,#editFavClearSelectAccountBtn
	{
		width:23%;
	}
	#selectFavorites
	{
		width:43%;
	}
	#selectaccountpopup .favoritesSelectedButton 
	{
		 margin-bottom: 15%;
	} 
	#signuppage .pwdstrength
	{
		float:none !important;
	}
	.tooltipNA .tooltippwdtext
	{
		margin-left:0px !important;
	}
	#selectaccountpopup .searchBox, #selectaccountpopupMobile .searchBox {
    	padding-right: 0px;
	}
	#selectaccountpopup .searchBtn, #selectaccountpopupMobile .searchBtn {
	    right: 0px;    
	}
	.favoriteTitle 
	{
		width:52%;
		padding-right:0px;
	}
}
/*iPad in portrait and landscape*/
@media (min-width: 768px) and (max-width: 1024px) {
    .daily-weekly-label {
        margin-left: 32px;
        padding: 0px 30px 0px 0px;
    }
}


/*iPad in portrait*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}


/*iPad in landscape*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


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

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    #reg-prefer-email,
    #reg-prefer-mobile {
        padding: 0px 0px 8px 0px;
        margin: 10px 20px 10px 0px;
    }
    #preferredEmailInput,
    #preferredMobileInput {
        padding: 0px;
    }
    #my-order-container {
        padding: 7px 0px 13px 14px;
        margin-left: 20px;
    }
    .notifi-row-Alignment {
        padding: 0px;
    }
    #regPreferredTextId {
        padding-left: 5px;
    }
    #regPreferredEmailId {
        padding-left: 8px;
    }
    #register-seperator {
        margin: 0px 0px 3px 0px;
    }
    .mobi-noPadding{
    	padding-left: 0px;
    }
    .container-notification-pref {
        padding-left: 10px;
        padding-right: 10px;
    }
    .checkBoxAlignmentContent {
        padding: 10px 0px 5px 0px;
    }
    .email-pref-margin {
        padding: 0px 10px 0px 0px;
    }
    .email-pref-checkBox {
        padding-left: 20px;
        margin-left: 4px;
        padding-top: 5px;
    }
    .text-pref-checkBox {
        padding-left: 30px;
	    margin-left: 9px;
	    padding-top: 5px;
    }
    .radio-btn-style {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-left: 2px;
    }
    .radio label {}
    .daily-weekly-label {
        margin-top: 5px;
        margin-left: 10px;
    }
    #signuppage .profile-accordian-body {
        padding: 15px 15px;
    }
    #prefer-contactInfo-label {
        white-space: normal;
        margin-bottom: 15px;
    }
    .preferred-notification-holder {
        margin: 0px;
        padding: 0px 15px 0px 15px;
    }
    #signuppage .btnclsactive {
        margin-right: 10px;
    }
}


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

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    #preferredEmailInput {
        margin-bottom: 12px;
    }
    #regPreferredTextId {
        padding: 0px;
    }
    .text-pref-checkBox {
        margin-left: 7px !important;
    }
    #signuppage .margintop10 {
        margin-top: 13px;
    }
    #reg-prefer-email,
    #reg-prefer-mobile {
        padding: 0px 0px 8px 0px;
        margin: 10px 20px 10px 0px;
    }
    .tab5NextButtonText{
   		margin-right: 14px;
    }
}

/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
	#reg-prefer-email,#reg-prefer-mobile{
		padding: 0px 0px 0px 12px;
	}
	#preferredEmailInput{
	    margin-bottom: 15px;
	}
	.rowHead-email-text-padding{
	    padding-left: 45px;
	}
	#regPreferredTextId {
    	padding-left: 15px;
	}
	.text-pref-checkBox{
	    margin-left: 17px;
	}
	.email-pref-checkBox{
	    margin-left: 12px;
	}
}

/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen 
and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { 
	.text-pref-checkBox {
	    padding-left: 39px;
	    margin-left: 15px;
	    padding-top: 5px;
	}
	.email-pref-margin{
		padding: 0px 25px 0px 0px;
	}
}
	
/* iPhone X in landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
	#reg-prefer-mobile{
		padding : 0px 0px 0px 12px;
	}
}

/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
	.email-pref-margin{
	    padding: 0px 20px 0px 0px;
	}
}

/* AENH-2908 */
.form-control.errorRedBorder, .errorRedBorder .btn.dropdown-toggle, .pwdfield.errorRedBorder, #emailAddress.error  {
	border: 1px solid #b14601 !important;
}

#signuppage  .pwdWidth{
	width:225px;
}

#yourInformationError ul {
    margin-left: -25px;
    margin-top: 10px;
}

.negativeMarginGap{
	margin-top: -10px;
}
.lineHeight34{
	line-height: 34px;
}

#registrationPageForUS, #registrationPageForCA{
	background: #828282;
}

[data-toggle~="collapse"] {
    cursor: pointer;
}

#salesRepLink {
    display: none;
}
#iddAutomatedPreference {
    display: none;
}
.trainingmaterialstitle .modal-title{
	font-size:20px;
}
.trainingmaterialsButtons{
	margin-top:20px;
	margin-bottom:20px;
}

.trainingmaterialsButtons .btnclsactive {
	width:170px;
}
#jnj-menu-list div.mainMenuReport i.fa {
	font-weight: normal;
}
@media only screen and (max-width: 1024px) {
	#jnj-menu-list .mainMenuReport {
		padding: 10px 10px 10px 20px !important;
	}
}
}

.tooltipCostCenter {
    position: relative;
    display: inline-block;
}
.tooltipCostCenter .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: -38px;
    margin-top:35px;
    transition: .25s all ease;
    transition-delay: 0s;
    position: absolute;
    z-index: 1;
}

.tooltipCostCenter:hover .tooltiptext {
    visibility: visible;
}
#costCenterHover {
	color: #0c8caa;
}

@media only screen and (max-width: 767px) {
    .modal-md.modal-responsive {
        width: 95% !important;
        margin: 2.5%;
    }
}

@media only screen and (max-width: 767px) {
	.tooltipCostCenter .tooltiptext {
	    visibility: hidden;
	    width: 300px;
	    background-color: white;
	    color: grey;
	    text-align: left;
	    padding: 20px 20px;
	    border-radius: 20px;
	    border: 1px solid #c0c0c0;
	    margin-left: -10px;
	    margin-top: 30px;
	    transition: .25s all ease;
	    transition-delay: 0s;
	    position: absolute;
	    z-index: 1;
	}
}


#liveChatForm .form-group label {
	width: 20%;
	display: inline-block;
	margin-left: 25px;
}

#liveChatForm .form-group label.error {
    width: 30%;
}

#liveChatForm .form-group .form-control {
	display: inline-block;
    width: auto;
}

.livechatcontainer {
	bottom: 0px;
    position: fixed !important;
    right: 0px !important;
    margin-right: 50px !important;
    z-index: 1;
}

.cursorDefault {
	cursor: default;
}
.liveChatActiveBtnContainer {
	background-color: #288297;
	border-radius: 50%;
	padding: 10px;
	width: 66px;
	height: 66px;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
.liveChatActiveBtnContainer input {
	width: 100%;
	height: 100%;
}


.redStar {
    color: #B41601;
    font-weight: bold;
}

.error {
    margin-top: 0;
    color: #b41601;
    font-size: 14px;
    font-weight: bold;
}

.expirationInfo {
    margin-top: 0;
    color: #d0b811;
    font-size: 12px;
    font-weight: bold;
}

.btn-disabled-style {
    background-color: #ccc !important;
    color: white !important;
}

button[disabled], html input[disabled] {
    cursor: default;
    border: 0;
}

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

/* 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 (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;
}
}
.login-margintop10{
margin-top:10px;
}

.liveChatFormPage1Lb .tooltipNA {
    position: relative;
    display: inline-block;
    top: 2px;
    
}

.liveChatFormPage1Lb #liveChatFormSubmitLb {
	border: 1px solid transparent;
}

.livechat-html {
	background: #FFFFFF !important;
}

.liveChatFormPage1Lb .tooltipNA .tooltiptext {
    margin-left: -80px;

}

@media only screen and (max-width: 767px) {
	.liveChatFormPage1Lb .tooltipNA .tooltiptext {
	    width: 470px;
}
.modal-livechat {
	margin: auto 30px;
}
}

.livechat-title {
	color: red;
}

.liveChatFormPage1Lb .invalid-cursor {
	cursor: not-allowed;
}

.liveChatFormPage1Lb .form-control:focus {
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-color: rgb(204, 204, 204);
}

.jnj-signup-container {
	background: #fff !important;
}
 
#profilepage .boxtext2 {
	padding-top: 0;
}
#profilepage .boxtext2 label {
	margin-bottom: 0;
	display: inline;
}
#profilepage .boxtext2 input {
	margin-top: 20px;
} 
#resetPasswordpopup .strengthify-wrapper {
	position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px 0 20px;
}
#resetPasswordpopup input[type="password"]{
    width: 100%;
    border: 1px solid #d2d2d2;
    text-indent: 10px;
    border-radius: 3px;
    height: 30px;
    font-size: 12px;
}
#resetPasswordpopup .field-enter-valid-msg,
#resetPasswordpopup .field-error-msg {
	display: none;
}
#resetPasswordpopup .field-error-valid .field-enter-valid-msg,
#resetPasswordpopup .field-error .field-error-msg {
	padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    display: inline-block;
	color: #b41601;
}
#resetPasswordpopup .field-error input[type="password"] {
	border: 1px solid #b41601;
	outline: 0;
}
.no-padd {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#resetPasswordpopup .modalcls {
	width: 500px;
}
#resetPasswordpopup .btn.jnj-btn-secondary {
	color: #0c8caa;
	font-weight: bold;
	font-size: 12px;
    letter-spacing: 1px;
}
#resetPasswordpopup .btn.jnj-btn-secondary:hover {
	color: #0c8caa;
}
#resetPasswordpopup .textCenter {
	text-align: center;
}
#resetPasswordpopup .btn[disabled] {
	background-color: #d3d3d3;
	opacity: 1;
}
body.page-jnjPharmaLoginPage, body.page-jnjPharmaOrderPage {
	height: auto;
}

.page-jnjPharmaLoginPage .jnj-container {
	min-height: 100%;
}

.page-jnjPharmaLoginPage .jnj-container.full-height, .page-jnjPharmaOrderPage .jnj-container.full-height {
	height: unset;
}

.mt-0 {
    margin-top: 0;
}

.instruction-and-templates {
    margin-top: 25px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
    text-transform: uppercase;
}

.disabled-block-link {
    cursor: unset;
}

.disabled-block-item {
    opacity: 0.4;
}

.upload-file > p,
.instruction-and-templates > a {
    cursor: pointer;
}

.upload-file > p.disabled-block-item ,
.instruction-and-templates > a.disabled-block-link,
.image-upload img.disabled-block-item {
    cursor: unset;
}

.error-msg-red {
     width: 381px;
}

@media only screen and (min-width: 768px) {
     .orderstatuspage .quick-add-to-cart-block .buildanordertext {
        width: 100%
     }

     .upload-file-block > div,
     .upload-file-block > div > form {
         width: 100%;
     }
}

#resetPasswordpopup .secondarybtn.emailvalidate {
	width: 100%;
}
.m-b-10 {
	margin-bottom: 10px;
}
#resetPasswordpopup #resetPwd {
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	width: 100%;
	position: absolute;
	background: #ffffff;
	z-index: 1;
	top: 0;
	transform: translate(80%, -50%);
	left: 0;
	display: none;
}
.pharmaceutical .profile-accordian-header {
    padding: 5px 0!important;
    border: none!important;
}
#signuppage.pharmaceutical .profile-accordian-body,#signuppage.pharmaceutical .profile-accordian-body .field-item.even {
    background-color: #fff;
}
.dark_blue{
	color:#3366CC;
}
.popup_carrier ul{
	padding-left:0;
}
.popup_carrier ul li h4{
	color:black;
	margin-bottom:0;
}
.popup_carrier ul li p {
    color: #000;
}
.popup_carrier ul li a{
	font-size: small;
    color: #E27500;
}
.pharma-sub-link ul li {
    margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
    .upload-file-block > div{
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .upload-file {
        padding: 0;
    }

    .instruction-and-templates {
        margin-top: 5px;
        text-align: left;
    }

    .upload-file-block form > div {
        float: left;
        margin: 0;
    }
}
#jnj-menu-list .menu-item.parent:hover {
    border-left: 0px solid #fff;
    text-decoration: none;
    background-color: transparent !important;
}
#jnj-menu-list .menu-item.parent {
    border-left: 0px solid transparent;
    padding: 0 !important;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
}
ul.Lc.first-sub-menu {
	height: auto !important;
}
.first-sub-menu .sub-menu-item, .subReportsMenuName .sub-menu-item a {
    height: 20px;
    line-height: 20px;
}
.subReportsMenuName .sub-menu-item a{
    display: block;
}
.second-sub-menu .sub-menu-item {
    height: 20px;
    line-height: 20px;
}
#na-nav-splitter {
	position: absolute;
    right: 0;
    top: 150px;
    width: 11px;
    height: 35px;
    background-color: rgba(255,255,255,0.5);
    padding: 5px 0px;
    cursor: col-resize;
    z-index: 2;
    display: flex;
}
#na-nav-splitter span{
	height: 25px;
	border-left: 1px solid #ffffff;
    margin-left: 3px;
    float: left;
    width: 1px;
}
@media only screen and (max-width: 1024px) {
	#na-nav-splitter {
		display: none;
	}
}
.pushmenu#jnj-usr-details-menu {
	width: 21%;
}
@media only screen and (min-width: 1025px) {
	div#content-area {
		width: 79%;
	}
}
#locationBtnFromNav .caret {
	color: #337ab7 !important;
	border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.contractBannerRowModal {
	background-color:#C1F0FB;
	border-color:#82E2F8;
	border-style: groove;
	margin: 0px;
	margin-bottom: 10px;
    white-space: nowrap;
    color: #595959;
}

.contractBannerRow {
	background-color:#C1F0FB;
	border-color:#82E2F8;
	border-style: groove;
	margin: 0px;
	margin-bottom: 10px;
	color: #595959;
}

.contractBannerData {
	font-size: 13px !important;
}

.btnContractBannerClose {
	text-align:right;	
}

.addTopMargin {
	margin-top: 15px;
}

.hideBanner {
	display: none;
}

.showBanner {
	display: block;
}

.contractListModalTitle {
	color: black;
}

.contractModalDialog {
	display: flex;
	width : auto;
	justify-content : center;
	
}

.addClosePadding {
    padding-right: 10px;
    padding-top: 7px;
    color: #595959;
}

.noConstructBanner {
	background-color: #FECCD0;
    color: #C10404;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

/* web chat theam design */
.cx-widget.cx-theme-dark {
    background-color: #068cac !important;
}
.cx-widget.cx-theme-dark .cx-titlebar .cx-title {
    color: #fdfdfd !important;
    font-family: 'Roboto';
}
.cx-widget.cx-theme-dark * {
    border-color: #ffffff !important;
}
.cx-webchat .cx-form th .cx-control-label {
    color: white !important;
    text-transform: capitalize;
}
.cx-widget.cx-theme-dark .cx-buttons-window-control .cx-svg-icon-tone1{
    fill: #ffffff !important;
}
.cx-widget.cx-theme-dark .cx-form-control {
    background-color: #f2f2f2 !important;
    color: #828282 !important;
}
.cx-footer{
    display: none !important;
}
body .cx-widget.cx-theme-dark .cx-btn-default {
    border-color: #fdfdfd !important;
    color: #fdfdfd !important;
    background-color: #008cac !important;
    border-radius: 20px !important;
}
.cx-widget.cx-theme-dark .cx-btn-primary{
    color: #008cac !important;
    background-color: #fdfdfd !important;
    border-radius: 20px !important;
    border-color: #fdfdfd !important;
    background: #fdfdfd !important;
}
.cx-webchat .cx-form .cx-button-group {
    padding-bottom: 30px !important;
    padding-top: 20px !important;
}
.cx-webchat.cx-theme-dark .cx-alert>.cx-wrapper {
    background-color: #008cac !important;
    border-color: #ffffff !important;
    color: #fdfdfd !important;
}
.cx-common-container .cx-titlebar .cx-icon{
    display: none !important;
}
.cx-webchat div.cx-input-container .cx-message-input {
    background: white !important;
}
.cx-webchat.cx-disabled.cx-theme-dark .cx-input-container{
    display: none !important;
}
.cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble {
    background-color: #901201 !important;
}
.cx-webchat .cx-menu li .cx-branding-icon {
    display: none !important;
}
.cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-you .cx-bubble {
    background-color: #901201;
}

body #jnj-usr-details-menu, body .full-height {min-height:100vh !important;}

/* home */
.orderstatuspage .MultiFile-intercepted{
    margin-block-end: 0;
}

.row-container {
	display: flex;
    flex-flow:row;
}
.column-container {
	display: flex;
    flex-flow:column;
}
.no-overflow{
    width: 100%;
    overflow: hidden;
}

.alignCenter {
    align-items: center;
}

.orderstatuspage .placeOrder .uploadFileBtn{
	margin-bottom: 0px;
}

.orderstatuspage .placeOrder, .orderstatuspage .recentOrderBorder{
	margin-top:20px;
	padding: 0px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 3px 11px 0 rgba(0, 0, 0, 0.19);
}
.orderstatuspage .manageorder{
    padding: 0;
	border-left:0px;
}
/* .orderstatuspage .upload-file{
    margin: 0;
    width: 66%;
} */
.orderstatuspage .centered{
    text-align: center;
    padding: 7px 0px 5px 0px;
    border-top: 1px solid #f2f2f2;
}

.marginWidgets{
    margin-top: 20px;
}

.shadow-box{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 3px 11px 0 rgba(0, 0, 0, 0.19);
}

div.orderstatuspage .home-widget-title  {
    font-size: 25px;
    padding: 7px 0px 5px 25px;
}
.orderstatuspage .rowPadding {
    padding: 5px 0px 5px 0px;
}
.orderstatuspage button.btnclsactive{
    margin-top: 0px;
    margin-right: 0px;
}
.orderstatuspage .placeordertext :div {
    font-size: 25px;
    padding: 7px 0px 5px 0px;
}
.recent-orders-table{
    padding-right: 0px;
    padding-left: 0px;
}
.previous-products-container{
    padding-right: 0px;
    padding-left: 0px;
}
.box1{
    width: 49.5%;
    margin-right: 1%;
}
.box2{
    width: 49.5%;
}
.boxScroll{
    max-height: 490px;
    overflow-x: auto;
    overflow-y: auto;
    display: block;
    height: 490px;
}

.justity-center{
    justify-content: center;
}

.item-description{
    width: -webkit-fill-available;
}
.item-products-button{
    display: flex;
    justify-content: space-between;
}
.item-products-carousel-btn{
    font-size: 20px;
    cursor: pointer;
}
.item-previouslt-bought{
    padding: 10px;
    border: 1px solid #f2f2f2;

    .item-title{
        color: #0c8caa;
        font-weight: bold;
        margin: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.carousel-container {
    height: 390px; 
    overflow-y: scroll; 
    scrollbar-width: none; 
    overflow: hidden; 
    pointer-events: none; 
}
.carousel-container::-webkit-scrollbar {
    display: none; 
}
.carousel-items {
    display: block; 
    pointer-events: auto; 
}

.carousel-item {
    height: 130px; 
}

.carousel-item:nth-child(odd)  {
    background-color: #fff;
}

.carousel-item:nth-child(even) {
    background-color: #f9f9f9;
}

.item-product-code{
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.best-seller-container{
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 20px;
}
.carousel_product_summary{
    color: #828282;
    font-weight: normal;
    letter-spacing: 0px;
}
.align-self-center{
    align-self: center;
}

@media (max-width: 767px) {
	.orderstatuspage .buildanordertext{
		    margin: 0px 0px 0px 0px;
			width: 100%;
	}.box1{
        width: 100%;
        margin-right: 0%;
    }
    .box2{
        width: 100%;
    }
    .orderstatuspage button.btnclsactive{
        margin-top: 0px;
        width: auto;
        font-size: 7px;
        margin-right: 0px;
    }
    .item-previouslt-bought{
        .item-title{
            font-size: 11px;
        }
    }
    .item-product-code{
        font-size: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.managetextalign{
		position: relative;
		top: 0px;
	}
    .box1{
        width: 100%;
        margin-right: 0%;
    }
    .box2{
        width: 100%;
    }
    .orderstatuspage button.btnclsactive{
        margin-top: 0px;
        width: auto;
        font-size: 9px;
        margin-right: 0px;
    }
    .item-previouslt-bought{
        .item-title{
            font-size: 11px;
        }
    }
    .item-product-code{
        font-size: 10px;
    }
}
/* home */