@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');
:root {
    --Color-Primary-Additional: #051F4A;
    --Color-Primary-Basic: #0A7CC1;
    --Color-Gray-Shades-Black: #191919;
}
body {
    background: #F4F4F4;
    color: #212121;
    font-family: CircularTT-Book-Web, Arial, san-serif !important;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}

#top-bar {
    width: 100%;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 12.5%;
    background: #212121;
    color:#FFF;
    position: relative;
}
#top-bar a {
    color: #FFF;
    position: relative;
}
.global-nav {
    align-items: stretch;
    align-content: center;
    position: relative;
    display: flex;
}
.global-nav > .link {
    text-decoration: none !important;
    cursor: pointer;
    padding: 5px 30px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    line-height: 2
}
.dropdown-btn {
    position: relative;
    cursor: pointer;
}
.dropdown-btn.active {
    background: #FFF;
    color: #000;
}
.dropdown-btn:before {
    content: '';
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cc0033;
    top: 15px;
    right: 16px;
}
.dropdown-btn:after {
    content: '';
    position: absolute;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid rgb(33, 33, 33);
    right: 18px;
    top: 15px;
}
.dropdown {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    top: 100%;
    left:0;
    padding: 10px;
    display: none;
    color: #3d3d47;
    box-shadow: 0px 3px 3px 0px #00000014;
    border-top: 1px solid #eee;
    z-index: 9999;
}

.username.link {
    position: relative;
    left: -30px;
    min-width: 250px;
}
.username.active.dropdown-btn:after {
    content: '';
    border-top: 3px solid rgb(255, 255, 255);
}
.switch-acct-btn {
    margin: 10px auto;
    display: block;
    text-align: center;
    width: 80%;
    line-height: 1;
}
.switch-acct-btn .icon {
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    margin-left: 0.3em;
    background-position: -83px -78px;
    cursor: pointer;
    background-image: url(../images/ui-icons_ffffff_256x240.png);
}
.main-logo {
    float: left;
    padding: 0;
    position: relative;
    padding-top: 5px;
}
.main-logo img {
    width:100%;
}
.probtn {
    margin: 0;
}
.jnjvision-logo {
    margin-top: 5px;
}
.header-main {
    background:#FFF;
    padding:0px 12.5%;
    color:#435384;
    position: relative;
    box-sizing: border-box;
    display: flex;
    max-width: none !important;
    align-items: center;
    justify-content: space-between;
}


#main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#main-nav .menu-item {
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-size: 13px;
    padding: 0 10px;
    letter-spacing: .5px;
    font-weight: 500;
    color: #414141;
    flex: 1 1 auto;
    margin: 0 10px;
}


#main-footer {
    text-align: center;
    z-index:  20;
    width: 75%;
    margin: 0 auto;
    padding-top: 50px;
}
#login-layout #main-footer,
#login-layout #main-footer a {
    color:#FFF;
}
#main-footer nav a {
    padding:15px 10px;
    color: #000;
    text-decoration: underline;
}
main {
    min-height: 100%;
}
.content {
    background: #FFF;
    padding: 15px;
    width: 75%;
    margin: 0 auto;
    /* box-shadow: 0 10px 10px -9px #0000004a; */ 
    position: relative;
    top: -50px;
    /* border: 1px solid #e5e5e5; */
}
.content form {
    width:65%;
    margin: 0 auto;
}
.login-form.legal {
    max-width:45%;
}
@media only screen and (max-width:768px) {
    .content { width:90%; }
    .content form { width:100%; }

}

.content label, .content input:not[type="checkbox"] {
    display:block;
    width: 100%;
}


#wizard {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    justify-content: center;
}
#wizard-nav {
    list-style: none;
    display: flex;
    justify-content:  space-around;
    /* flex: 1 0 auto; */
    position: relative;
    align-items:  center;
    margin: 0;
    padding: 0;
    width: 70%;
}
@media only screen and (max-width:768px) {
    #wizard-nav { display:none; }
}
#wizard-nav a {
    counter-increment: item;
    display: flex;
    flex-direction:  column;
    align-items: center;
    flex: 1 1 auto;
    position: relative;
    z-index: 10;
    width: 100px;
    height: 80px;
    text-align: center;
    align-content: flex-start;
    color:#CCC;
    margin-top:5px;
    text-decoration: none;
}
#wizard-nav a:before {
   margin-right: 10px;
   content: counter(item);
   background: #FFF;
   border-radius: 100%;
   border:1px solid #CCC;
   color: #CCC;
   width: 15px;
   text-align: center;
   display: inline-block;
   padding: 5px;
   display: block;
   position: relative;
   z-index: 10;
}
#wizard-nav a.complete {
   color: #212121;
}
#wizard-nav a.complete:before {
   content: counter(item);
   background: #212121;
   border: 1px solid #212121;
   color: #FFF;
}
#wizard-nav a.current {
   color: #cc0033;
}
#wizard-nav a.current:before {
   content: counter(item);
   background: #cc0033;
   border:1px solid #cc0033;
   color: #FFF;
}
#wizard-nav a.finished {
   color: #009999;
}
#wizard-nav a.finished:before {
   content: counter(item);
   background: #009999;
   border:1px solid #009999;
   color: #FFF;
}

#wizard-nav a:after {
   content:'';
    background:#CCC;
    width:100%;
    height:1px;
    position:absolute;
    top: 13px;
    left:50%;
    z-index: 1;
}
#wizard-nav a:last-child:before {
    margin:0;
}
#wizard-nav a:last-child:after {
    content:'';
    display:none;
}

.dropdown {
    position: absolute;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 10px;
    display: none;
    color: #3d3d47;
    box-shadow: 0px 3px 3px 0px #00000014;
    border-top: 1px solid #eee;
    z-index: 9999;
    background: #FFF;
    border: 1px solid #d2d2d2;
}
.hero-image {
    width: 100%;
    height: 155px;
    background: #e5e5e5 url(../images/hero-bg.png) center -5px no-repeat;
    background-size: 100%;
}
.hero-image--manageProgram {
    background: rgba(0, 0, 0, 0);
}
.hero-image .title {
    margin: 0;
    padding: 0;
    color: #212121;
    text-align: center;
    line-height: 110px;
    font-size: 26px;
    font-weight: 300;
}


/* Login */
#login-layout {
    height: 100%;
    width:100%;
    z-index: 0;
    top: 0;
    background:url(../images/login-bg.png) 0 0 no-repeat;
    background-size:auto;
}
@media only screen and (min-width:1200px) {
    #login-layout {
        background-size:cover;
    }
}


.login-form {
    background: #FFF;
    position: relative;
    z-index: 10;
    /* top: 100px; */
    margin: 100px auto;
    max-width: 400px;
    padding: 50px 40px;
    text-align: center;
}

.login-form label {
    text-align:left !important;
}
.login-form input {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding:15px;
}
.login-form .btn {
    display:block;
}

#login-layout #main-footer {
    /* position:fixed; */
    bottom:15px;
}
#login-layout #main-footer a {
    color:#FFF;
}

.login-logo {
    background: url(../images/header-logo.png);
    text-indent: -999em;
    background-repeat: no-repeat;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    background-position: center;
}
.register-btn {
    color:#435384;
    font-family: 'CircularTT-Medium-Web';
}
.arrow {
    color:#0392b2;
}

/* Eyes */
#edit-sku {
    width: 55%;
}
.product-form {
    width:50%;
}

.eye {
    margin-bottom:40px;
    position:relative;
}
.eye:last-child {
    margin-bottom:0;
}
.eye .title {
    border-bottom:1px solid #d2d2d2;
    padding-bottom:10px;
    margin-bottom:20px;
    color:#009999;
    font-size:17px;
    font-weight:  500;
}
.edit-sku-form .eye {
    margin-bottom: 25px;
}
.edit-sku-form .eye .title {
    text-align: left;
    font-size: 12px;
    width: 100%;
}
.edit-sku-form .brand-select {
    font-size: 16px;
    color: #0096b7;
    padding: 10px 0 !important;
}
.edit-sku-form select {
    padding: 7px 10px;
}
.checkbox-container {
    overflow: hidden;
    margin:10px 0;
    text-align:left;
}
.checkbox-container input, .checkbox-container label {
    display: inline;
    width:auto;
}
.brand-select {
    width:100%;
}
.fields-container {
    display: flex;
    justify-content: space-between;
}
.field {
    flex: 1 1 auto;
    padding: 0 20px 20px 0;

}
.field:last-child {
    padding-bottom:0;
    padding-right:0;
}
.field select {
    width: 100%;
}

.errors {
    /* border: 1px solid #F44336; */
    padding: 5px;
    margin: 0 auto 15px;
    color: #F44336;
}
.errors .msg {
    display:block;
    border-left: 25px solid #F00;
    text-align: left;
    padding: 5px 10px 5px 11px;
    border: 1px solid #F44336;
    margin-bottom: 5px;
    border-left: 25px solid #F00;
    /* box-shadow: 0 4px 5px -6px #000; */
}

.error {
    border: 1px solid #F00 !important;
    background: #fffcd2;
    /* box-shadow: 0 6px 5px -7px #000; */
}

.scrolling-legal {
    height:300px;
    overflow-x: hidden;
    overflow-y: scroll;
    border:1px solid #d2d2d2;
    padding:10px;
    text-align:left;
}
#top-bar .account-number {
    display:inline-block;
}

.legal-popup {
    background:#FFF;
    height:100vh;
    width: auto !important;
}
.legal-popup .container {
    padding: 15px 5%;
    background: #f7fdff;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.legal-popup .logo img {
    margin: 5px auto;
    display: block;
}
.legal-popup li {
    margin-bottom: 10px;
}
.legal-popup h3 + p {
    padding: 0;
    margin-top: 0;
}
.legal-popup h3 {
    margin: 20px 0 5px;
}
.copyright-index {
    text-align: center;
    padding:15px 0;
    font-size:11px;
}
.advamed-footer {
    display:inline-block;
    text-decoration: none;
}
.advamed-text {
    display: inline-block;
    padding: 10px 0 10px 10px;
    position: relative;
    top: -15px;
    color: #212121;
    text-decoration: none;
}
#login-layout .advamed-text {
    color:#FFF;
}
.review-message {
    background: #f7f7f7;
    color: #666;
    width: 80%;
    margin: 10px auto 20px;
    font-family: CircularTT-Medium-Web, Arial, san-serif !important;
    overflow: hidden;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;
}
.review-message.success {
    padding: 10px 20px;
    background: #ffdd77;
}
.review-message .btn {margin: 0;}
#review-page {
    width:80%;
}
.review-layout {
    display:flex;
    flex-direction: row;
}
.review-layout .title {
    min-width: 30%;
}
.review-table {
    display: flex;
}
.review-table .column1 {
    margin-right: 15px;
}
.review-column {
    display: flex;
}

.review-details {
    margin: 0 0 10px 20px;
}
#review-page .heading {
    font-size: 13px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    font-family: 'CircularTT-Book-Web';
}
.review-row {
    display: flex;
    padding: 5px 0;
    align-items: center;
}
.review-table .title {
    min-width: 30%;
    font-size: 12px;
    margin: 0;
}
.review-table .column {
    margin-right: 15px;
    width: 50%;
}
.review-row.summary {
    text-align: right;
    padding-left: 30%;
    color: #009999;
    font-size: 1.2em;
    border-top: 1px solid #d2d2d2;
    padding: 15px 0;
    padding-left: 30%;
}


@media only screen and (max-width:960px) {
    .review-layout {
        flex-direction: column;
        width:100%;
    }
}
.columns {
    display:flex;
}
.column {
    flex:1 1 auto;
}
.column:first-child {
    padding-left:0 !important;
}
.column:last-child {
    padding-right:0 !important;
}
.column-content {
    margin-bottom:20px;
}


#review-page {
    width:80%;
}
.review-layout .column {
    flex:1 1 auto;
}
.review-layout .column1 {
    margin-right: 25px;
}
#subscription-review-page .content .title,#walking-confirm-page .content .title {
    text-transform: uppercase;
    font-size: 13px;
    color: #047eb4;
    margin-top:0;
    line-height: 1.5;
}
.review-layout .product {
    overflow:hidden;
    margin-bottom: 25px;
}
.review-layout .product img {
    width: 125px;
    height: 80px;
    background: transparent;
    margin: 0 10px 10px 0;
    float:left;
}
.review-layout .eye-label {
    text-transform: uppercase;
    color: #047eb4;
}
.review-layout .product-title {
    font-size: 14px;
    color: #009999;
    margin: 5px 0 5px;
}
.review-layout .parameters {
    float: left;
    width:35%;
}
.review-payment-summary {
    width: 100%;
    margin: 10px auto 0;
    padding-top: 10px;
    border-top: 1px solid #d2d2d2;
}
.review-payment-item .title {
    display: inline-block;
}
.review-payment-item {
    margin-right: 15px;
}
.review-payment-item span {
    color: #1f1f1f;
}
#price-review .column {
    justify-content: space-between;
    position: relative;
    padding: 0 10px;
}
#price-review .column2 {
    width: 65%;
}
#price-review .option-title {
    font-size: 16px;
    color: #435384;
    margin-bottom: 30px;
}
#price-review .option-title span {
    display: block;
    font-size: .9em;
    font-family: CircularTT-Book-Web, Arial, san-serif !important;
    margin: 5px 0 0;
}
#subscription-price-review .option-title {
    padding-left: 10%; /* this is ridiculous */
}
#price-review h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #435384;
    margin-bottom: 0;
}
.pricing-top .price {
    font-size: 46px;
    font-weight: 300 !important;
    letter-spacing: -3px;
    font-family: 'CircularTT-Book-Web' !important;
}

#price-review .column1 {
    flex: 1 1 auto;
}
.pricing-note {
    min-height: 50px;
    font-size: 12px;
}
.pricing-item {
    padding-bottom: 10px;
    display: flex;
    justify-content:  space-between;
}
#price-review {
    width:75%;
    margin:0 auto;
}
#subscription-annual-review {
    border-right: 1px solid #d2d2d2;
    margin-right: 20px;
    width:35%;
}

#subscription-annual-review .button-area-center {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
}
#subscription-price-review {
    width:65%;
}
#subscription-price-review .column1 {
    width:50%;
}
#subscription-price-review .column2 {
    width:50%;
}
.ppc { /* prescription - price comparison page */
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}
#prescription.ppc .eye {
    text-align: center;
    border: none !important;
    width: 35%;
}
#prescription.ppc .eye1 {
    text-align: left;
    border: none !important;
}

.ppc .title,
.ppc .brand {
    color: #000 !important;
}
#price-review .total {
    border-top:1px solid #d2d2d2;
    padding: 15px 0;
}
.more-details-btn, .less-details-btn {
    margin-top:15px;
    cursor:  pointer;
}
.less-details-btn {
    margin-top:15px;
    cursor:  pointer;
}
.inital-supply-errors {
    clear: both;
    text-align: center;
    margin: 0;
    position: relative;
    top: 15px;
}
.details {
    margin:15px 0;
}
.pricing-top {
    min-height: 150px;
}
.initial-supply-checkbox {
    margin: 0 0 15px;
}
.initial-supply-checkbox input[type="checkbox"] {
    margin: 0 10px 0 0;
}


.dialog {
    padding: 10px 20px;
    background: #ddf4ff;
    border: 1px solid #CCC;
    border-radius: 5px;
    position: absolute;
    font-size: 12px;
    box-shadow: 0 7px 9px -5px rgba(0,0,0,.4);
    z-index: 100;
    bottom:100%;
}
.dialog-btn {
    cursor:pointer;
}
.ui-icon-info-blue {
    background-image: url(../images/ui-icons_blue.png);
    float: none;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    margin-left: 0.3em;
    background-position: -16px -144px;
}
.copy-price {
    cursor: pointer;
    text-align: center;
    display: block;
}
.copy-price .icon {
    background-position: -208px -48px;
    background-image: url(../images/ui-icons_blue.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.copy-price-pricing {
    cursor: pointer;
    text-align: left;
    display: block;
    color:#009999;
    text-decoration: none;
}

.copy-price-pricing .icon {
    background-position: -208px -48px;
    background-image: url(../images/ui-icons_blue.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.product-pricing {
    width:100% !important;
}
.product-pricing .title-row,
.product-pricing .align-normal {
    font-size: 18px;
}
.product-pricing .align-normal :first-child {
    text-align: start !important;
}
.product-pricing .table .table-row--trial-lens .table-item {
    font-size: 20px; 
}
.table-item--trial-lens {
    margin-left: 38px !important;
}
@media print {
	.review-table.practice .title {
		min-width: 45% !important;
	}
	.practice .review-row.summary {
		padding-left: 45% !important;
	}
	.practice .column.column1{
		width:55% !important;
	}
    .main-logo { margin: 0 auto; text-align: center; float: none; top: 0; }	
    .content form { width:100%; }
    .content { top: 0; width: 100%; box-shadow: none; overflow: hidden; border: none;padding-top:0;}
	body {-webkit-print-color-adjust: exact;}
	#price-review #sub-content-eye p{
		margin-bottom: 2px;
		margin-top: 0;
	}
	#tabs{
		margin-top:0;
	}
	.sub-footer-container{padding:10px 0;}
	.month-select{
		border:0;
		text-align:right;
		 -webkit-appearance: none;
	}
	.pu-number{
		margin-bottom:0 !important;
		top:3px !important;
	}
	.header-main{
		padding-bottom:0px !important;
	}
	#tabs .ui-tabs-anchor {
		text-decoration: none;
	}
	#tabs .ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
		display: none;
	}
	#tabs .ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
		display: block;
		text-align: center;
	}
	#tabs .top-tabs.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
		margin-bottom: 0;
	}
	#tabs .last.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    margin-left: 0;
}
    div#wizard { display: none; }
    .hero-image { display: none; }
    header#top-bar { display: none; }
    body { background: #FFF; padding: 15px; color:#333; }
    strong { font-weight: 300;color:#000; }
    form#review-page { width: 100%; }
    .review-message.success { width: 100%; }
    .header-main { padding: 10px 0; }
    .button-area-center { display: none; }
	.pricing-review-page footer#main-footer {  padding-top:0px;}
	.pricing-review-page .copyright-index { padding:0; }
	.pricing-review-page .advamed-footer { max-height:20px; }
	.pricing-review-page #advamed-logo { width:24px; }
    footer#main-footer {  clear: both;
        page-break-after: avoid;
        page-break-before: avoid; }
    #main-footer nav { display: none; }
    .copyright-index p { display: none; }
    .version { display: none; }
    .columns { overflow:hidden; }
    .column { flex:none; float:left; }
    #main-nav { display:none; }
    .review-layout .column1 {width:100%;margin-bottom: 20px;padding-bottom: 20px;}
    .review-layout .column2 { width:50%;  }
    .review-layout .column3 { width:50%; }
    .column-content { margin-bottom:20px; }
    #review-page { width:100%; }
    .column-content .title {text-transform: uppercase;font-size: 13px;color: #212121;margin-top:0;}
    .review-layout .product { overflow:hidden; margin-bottom: 25px; }
    .review-layout .product img { width: 150px; height: 80px; background: transparent; margin: 0 10px 10px 0; float:left; }
    .review-layout .eye-label { text-decoration: uppercase; }
    .review-layout .product-title {font-size:14px;color: #212121;margin: 5px 0 5px;}
    .review-layout .parameters { float: left; width:60%; }
    .review-message { padding: 10px 20px; background: #f7f7f7; color: #666; width: 80%; margin: 10px auto 20px; font-family: CircularTT-Medium-Web, Arial, san-serif !important; }
    .review-message.success { padding: 10px 20px; background: #e3ffe3; color: #009900; }
    #main-footer { text-align: center; position:  relative; z-index:  20; width: 75%; margin: 0 auto; }
    .copyright-index { text-align: center; padding:15px 0; font-size:11px; }
    #advamed-logo { width: 30px; position: relative; top: -5px; }
    .advamed-footer { display: block; }
    .advamed-text { display: inline-block; padding: 10px 0 10px 10px; position: relative; top: -15px; }
    .gray-bg { background:#FFF; padding:0;  }
    .more-details { display: flex !important; }
    .compare-container .block3{display:block !important;}
    .more-details-btn, .less-details-btn { display:none; }
    .promo-wrapper {padding: 10px 20px; background: #e3ffe3; color: #009900 !important;}
    .walkme-custom-icon-outer-div{display:none !important;}
    main { min-height:auto; }
    html, body {
        min-height: 99% !important;
        page-break-after: avoid;
        page-break-before: avoid;
        box-sizing: border-box;
     }
     #price-review {
        width: 100%;
    }
    #subscription-price-review .option-title {
        padding-left: 0;
    }
    .sub-footer-container{
    	margin-top: 0px !important;
    }
    .walking-script-content .review-layout .column1{
    	width:100% !important;
    }
}

@media only print and (max-width:960px) {
    .review-layout {
        width:100%;
    }
    .advamed-footer {
        margin:5px auto 10px;
    }
}



.required-txt {
    font-size: 11px;
    display: block;
    text-align: center;
    margin: 5px 0 10px;
}
@media only screen and (max-width:1120px) {

    body {
        overflow-x:scroll;
    }
    #wizard-nav {
        width: 95%;
    }
    .content form {
        width:90%;
    }
    .content {
        width:90%;
    }
}
@media only screen and (max-width:960px) {
    body {
        width:960px;
        overflow-x:scroll;
    }
}
@media only screen and (max-width:768px) {
    #wizard-nav { display:none; }
}

.modal, .modal_price_high, .modal_price_low, .modal_price_high_low {
    display: none;
    z-index: 910;
    padding: 30px;
    background: #FFF;
    border-radius: 5px;
    position: absolute;
    font-size: 12px;
    box-shadow: 0 13px 9px -5px rgba(0,0,0,.4);
    top: 10%;
    left: 0;
    right: 0;
    width: 40%;
    opacity: 0;
    margin: 0 auto;
}
.modal .close-modal {
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    z-index: 912;
    font-size: 25px;
    color:#cc0033;
}
.overlay {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background:#000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity:.8;
    z-index:900;
}
.modal .field {
    padding: 0 20px 12px 0;
}
.modal .button-area-center {
    padding: 20px 0 5px;
}
.modal .title {
    text-align: center;
    font-family: 'CircularTT-Medium-Web';
    letter-spacing: 0.28px;
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 15px;
}

.modal-btn {
    cursor:pointer;
}

.modal-link{
    text-decoration: none;
}

#patient-page .content {
    padding: 25px 55px;
}
#patient-page .content form {
    width: 100%;
    margin: 0 auto;
    padding: 10px 12%;
    overflow:hidden;
}
#patient-page .column {
    float:left;
    width: 50%;
    padding-right:20px;
}
#patient-page .column:last-child {
    padding-right:0;

}
.field .multi input {
    margin-bottom:10px;
}

.search-fields {
    width: 65%;
    margin: 15px auto;
}

#search-subscriptions .heading {
    padding-top: 0;
    margin-top:0;
    text-align: center;
}

#search-subscriptions .button-area-center{
    padding: 10px 0;
}

#search-results {
    width: 100%;
    margin: 15px auto;
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
}
#search-results .table-row:nth-child(even) {
    background:#eee;
}
.title-row.table-row {
    border-bottom: 0 !important;
}
#search-results .title-row.table-row {
    padding-bottom:0;
    margin-bottom:0;
    text-transform: uppercase;
    color: #33547f;
    border: 0;
}
#search-results .table-item {
    padding: 10px 5px;
}

.field-container {
    margin-bottom: 15px;
}
.field-container .field {
    overflow: hidden;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
    padding-right: 15px;
    line-height: 38px;
}
.field-container .field:last-child {
    margin-bottom:0px;
}
.field-container input {
}
.field-container .field > label {
    padding-right:10px;
    width: 20%;
    text-align: right;
    float: left;
}
.field-container .field > input,
.field-container .field > select,
.field-container .field > textarea {
    width:60%;
    max-width:60%;
    float: left;
}

.search-pagination-container { padding-top:1em;text-align:center; }
.search-pagination { list-style:none outside none; padding: 0; }
.search-pagination .numerator { display:inline;padding:0 0.1em 0 0.1em }
.search-pagination .numerator.final { border:none; }
.search-pagination .btn { margin: 0; padding: 6px 10px 5px; }
.search-pagination li .ui-icon-leftarrow-left-dark, .search-pagination li .ui-icon-leftarrow-right-dark { cursor:pointer; }


.container {
    width:100%;
    overflow:hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 35px;
    padding-bottom: 35px;
}
.container:last-child {
    border-bottom:0;
    margin: 0;
    padding: 0;
}
.container .sub-content {
    color: #3d3d47;
    height: auto;
    border-top: none;
    overflow: hidden;
    display: flex;
}
.container header .btn {
    margin-bottom:0;
    margin-right:5px;
    padding: 10px 15px;
}
.sub-content section {
    flex: 1 1 auto;
    /* margin-top: 15px; */
    padding-right: 15px;
    margin-right: 15px;
}
.content section:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.container header {
    border-radius: 5px;
    font-weight: normal;
    margin: 0 0 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow:hidden;
}
.head-detail {
    float:left;
}

.container header .title {
    display:block;
    font-family: CircularTT-Medium-Web, Arial, san-serif !important;
    margin-bottom: 10px;
}
.head-detail .item {
    margin: 3px 5px 0 0;
    padding-right: 5px;
}
.head-detail .item:last-child {
    border-right:none;
}

.sub-content .eye .details {
    margin: 0;
    display: inline-block;
}

.sub-content .item {
    padding-bottom:3px;
    display: block;
}
.sub-content .item strong {
    margin-right:3px;
    color:#0096b7;
}

#alpha-search {
    list-style:  none;
    padding: 0;
    margin: 0 0 10px;
    text-align: center;
}

#alpha-search li {
    display: inline-block;
}

.heading-container {
}
.heading-container .item {
    display:block;
}
.patient-name {
    font-size: 30px;
    text-align: center;
    word-break: break-word;
}
.status {
    font-size: 18px;
    text-align:  center;
}


#main-details {
    text-align: center;
    margin:10px 0 20px;
}
#main-details .detail-column {
    display: inline-block;
    padding: 15px 10px;
    margin: 0 20px;
}
#main-details .detail-column header {
    font-size: 26px;
    text-align: center;
    color: #009999;
}

.detail-column .title {
    display: block;
    font-size: 14px;
    color: #333;
}
.sub-details {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2;
}
.sub-details section {
    width: 30%;
    border-right: 1px solid #d2d2d2;
    padding: 0 15px;
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.sub-details section:first-child {
    margin-left:0;
    padding-left:0;
}
.sub-details section:last-child {
    margin-right:0;
    padding-right:0;
}
.sub-details .title {
    display:flex;
    justify-content: space-between;
}
.sub-details .item {
    display: block
}
.sub-details .item strong {
     color: #009999;
     margin-right:3px;
}

.sub-details .info {
    display: block
}

.status .created-date {
    display: block;
    font-size: 12px;
}

#subscription-detail-page .table-item:first-child  {
    flex: 0 1 25px;
    margin-right: 10px;
}
#subscription-detail-page .table-item.count  {
    border-right: 1px solid;
}
.next-shipment {
    flex: 1 1 360px;
    overflow: visible;
    flex-wrap: wrap;
}
#subscription-detail-page .content {
    padding: 25px 55px;
}
#subscription-detail-page  .head-detail {
    text-align: center;
    margin: 0 auto 15px;
}

#prescription .sub-content{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

#prescription #sub-content-eye.sub-content{
    justify-content: space-between;
}

#prescription .eye {
    margin: 5px 0 10px;
    position: relative;
    width: 50%;
    text-align: center;
}

#prescription .eye:first-child {
    border-right: 1px solid #d2d2d2;
    padding-right: 10px;
    margin-right: 30px;
}

#prescription .eye:last-child {
    margin-bottom:0;
}
#prescription .eye .title {
    padding: 0 0 5px;
    margin: 0;
    font-size: 13px;
    border:none;
    text-transform: uppercase;
    color: #009999;
}
#prescription .detail-item {
    margin-right: 5px;
}
#prescription .brand {
    display: block;
    font-size: 14px;
    color: #047eb4;
}
#shipments {
    border:0;
    margin-bottom:0;
    padding-bottom:0;
}
#shipments .table {
}
#shipments .title-row.table-row {
    margin:0;
    padding:0;
    border:0;
    background: #efefef;
    border-bottom: 3px solid transparent;
}
#shipments .next {
    background: #009999;
    border-bottom: 1px solid #FFF;
    color: #FFF;
}
#shipments .done {
    background: #85e6d5;
    border-bottom: 1px solid #FFF;
    color: #0a8686;
}
#shipments .future {
    background: #effffb;
    border-bottom: 1px solid #FFF;
    color: #2b889c;
}
#shipments .beyondRx {
    background: #D8D8D8;
    border-bottom: 1px solid #FFF;
    color: #2b889c;
}
#subscription-detail-page .ui-icon-info-blue {
    position: relative;
    top: -10px;
    left: -5px;
    margin: 0;
}

.detail-list {
    font-size: 14px;
}
.detail-list .item {
    overflow:hidden;
    margin-bottom: 10px
}
.detail-list .left {
    width: 55%;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
    color: #009999;
}
.detail-list .right {
    width: 45%;
    display: block;
    float: left;
}


.cancelled-page {
    background:#f5f1f1;
}
.cancelled-page #shipments .done {
    background: #cacaca;
    color: #424242;
}
.cancelled-page #shipments .future {
    background: #e6e6e6;
    color: #757575;
}
.cancelled-page #shipments .next {
    background: #a2a2a2;
    color: #fff;
}
.cancelled-page #shipments .title-row.table-row {
    background: #dedede;
}

.cancelled-page .sub-details .item strong,
.cancelled-page #prescription .brand,
.cancelled-page #main-details .detail-column header {
    color:#464646;
}

.cancelled-page .ui-icon-info-blue {
    background-image: url(../images/ui-icons_777777_256x240.png);
}
.cancelled-page .btn:not(.back-btn),
.cancelled-page .btn:not(.back-btn):hover {
    background: #a9a9a9;
    border: 1px solid #a9a9a9;
}

#subscription-status-btn {
    padding: 5px 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    transform-origin: center;
}
.cancel-btn {
    background: #cc0033;
    border-color: #cc0033;
}
.cancel-btn:hover {
    background: #f50440;
    border-color: #f50440;
    animation: beatRed .4s infinite alternate;
}
#brandpr-can-btn {
    border: 2px solid #0A5F72;
    color: #0A5F72;
}
#brandpr-can-btn:hover {
    background-color: #0A5F72 !important;
    color: #FFFFFF !important;
}

.btn {
    font-weight: 700;
}

.active-btn {
    padding: 5px 15px;
    background: #52923e;
    border-color: #52923e;
    position: absolute;
    top: 10px;
    right: 10px;
}
.active-btn:hover {
    background: #8dda75;
    border-color: #8dda75;
    animation: beatGreen .4s infinite alternate;
}
@keyframes beatRed{
    to { box-shadow:0 0 5px 0px #c95454; }
}

@keyframes beatGreen{
    to { box-shadow:0 0 5px 0px #8dda75; }
}
.status .text.active {
    color:#009900;
}
.status .text.pending {
    color:#00F;
}
.status .text.cancelled {
    color:#f34848;
}
.table-item.email {
    flex: 1 1 100px;
    min-width:100px;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.items {
    display:flex;
    border-bottom:1px solid #d2d2d2;
}
.items:last-child {
    border:none;
}
.item {
    flex:1;
}
.pu-number{
    text-align: center;
    font-size: 12px;
    color: #807e7e;
    margin: 0 0 15px;
    position: relative;
    top: -20px;
}
.entered-address {
    width: 50%;
    margin: 0 auto;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 10px;
    background: #eee;
}
.entered-address .btn {
    padding: 5px 30px;
}
.address-list {
    list-style: none;
    padding: 0;
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #dad9d9;
}
.address-list .address {
    float:left;
    width:85%;
}

.address-list .btn {
    padding:5px;
    font-size:10px;
    float: right;
    margin: 0;
}
.address-list li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 5px;
}
.address-list li:nth-child(even) {
    background:#EEE;
}
.address-list li:hover {
    background:#377d8c;
    color:#FFF;
}
.msg.warning {
    border-color: #fdc004;
    color: #3d3d47;
}
.warning ul {
    font-weight: bold;
}
.warning .button-area-center {
    font-size:12px;
    padding: 10px 0;
}
.button-area-center--brandPrice {
    justify-content: end !important;
}
.button-area-center--brandPrice a {
    font-size: 18px;
}
/* ------------------ Landing Page */
#landing-page {
    background: #FFF;
}
#landing-page section {
    padding: 10px 12.5%;
    text-align: center;
}
.top h2 {
    font-family: 'CircularTT-Medium-Web';
    font-size: 30px;
}
.top p {
    width: 50%;
    margin: 20px auto 35px;
    font-size: 16px;
    font-family: 'CircularTT-Medium-Web';
}

#ls2 {
    /* background: #f4f4f4; */
    height: 300px;
    margin-bottom: 80px;
}

#ls2 .title {
    color: #cc0033;
    font-size: 40px;
    font-family: CircularTT-Medium-Web;
}
#ls2 .callout {
    font-family: CircularTT-Medium-Web;
}
#ls2 .callout strong {
    color: #cc0033;
    display: block;
    font-size: 20px;
    font-family: CircularTT-Bold-Web !important;
}
img.computer {
    width: 350px;
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 30px;
}

.part {
    display: flex;
    padding: 10px 0 50px;
    margin-bottom: 25px;
    justify-content:  space-between;
}
#ls3 .part {
    font-family: CircularTT-Medium-Web;
}
#ls3 .piece h3 {
    color: #009999;
    font-size: 16px;
    font-family: CircularTT-Bold-Web;
}

.piece {
    flex: 1 1 300px;
    align-self: center;
    /* color: #cc0033; */
}
#ls2, #ls3 {
    font-size: 16px;
}
#ls3 .part:last-child {
    border-bottom: none;
}
#ls3 .piece.title {
    align-self: center;
    color: #009999;
    font-size: 18px;
    font-family: CircularTT-Bold-Web;
}
#ls4 {
    background: #8f8f8f;
    color: #FFF;
}
#ls3 .callout {
    color:#cc0033;
}
#ls3 .claims .piece {
    padding: 0 3%;
    align-self: flex-start;
}
#ls3 .claims {
    font-family: CircularTT-Book-Web;
    padding: 10px 0;
}
#ls3 .claims strong {
    font-family: 'CircularTT-Bold-Web', Arial, san-serif !important;
}
#ls3 .callout-icon {
    width: 40px;
    display: block;
    margin: 0 auto 10px;
}
#ls3 h3.claim-number {
    color: #cc0033;
    text-align: center;
    font-size: 60px;
    font-family: CircularTT-Bold-Web;
}
.claim-footnote {
    text-align: center;
    font-size: 13px;
    font-style: italic;
    padding-bottom: 50px;
}
#ls4 .step-number {
    display: block;
    text-align: center;
    font-size: 70px;
    margin: 0 0 15px;
    font-family: CircularTT-Bold-Web;
}
#ls2 .callout-content {
    display:flex;
    justify-content: space-around;
}
#ls2 .callout {
    flex: 1 1 300px;
    margin-top: 30px;
}
#ls2 .callout strong {
    color:#cc0033;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
}
.pdfs {
    width: 100%;
    margin: 20px auto 0;
}
.pdfs .piece {
    flex: 1 1 90px;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    display: flex;
    text-decoration: none;
}

.pdf-content {
    text-align: left;
    padding: 10px;
    margin: 5% 10px 0px 10px;
    color: #FFF;
    font-size: 16px;
}
.pdf {
    min-width: 70px;
    height: 90px;
    background: #cc0033;
    border-radius: 10px;
    color: #FFF;
    display: flex;
    justify-content:  center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.pdf:after {
    content:'';
    position: absolute;
    top: -2px;
    right: -3px;
    width: 22px;
    height: 22px;
    background-color: #6d001c;
    border-radius: 5px;
}

.pdf:before {
    content:'';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 0;
    border-color: transparent #8f8f8f transparent transparent;
    top: -2px;
    right: -3px;
    z-index: 10;
}
.select-align {
    display: flex;
    margin: 15px 0 20px;
    align-items: center;
}
.select-align label {
    flex: 1 1 200px;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    .checkouttype-rxdx-main{page-break-before: always;}
	.checkouttype-rxdx-main:last-of-type{page-break-after:auto}
	.refill-content-dx{
		width:25%;
	}
}

.promo-wrapper {
    color: white;
    background-color: #009999;
    border: 1px solid white;
    padding: 5px 8px 4px;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1rem;
    max-width: 150px;
}

.promo-wrapper:before {
    content: '';
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid white;
    z-index: 10;
    top: 0px;
    left: 0px;
}

.promo-wrapper:after {
    content: '';
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid white;
    z-index: 10;
    top: 0px;
    right: 0px;
}

.prpromocode{
	display: inline-block;
    max-width: 135px;
    padding: 15px;
}
a#promo_btn {
    display: inline-block;
    line-height: .85;
	margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
}

.promo-message{
	clear:both;
	text-align: right;
}

.promo-input {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 100%;
    text-align: right;
}
.disabled-btn {
	color: #888;
	background-color: #CCC;
	border-color: #CCC;
}

.brand-alignment{
	min-width: 42px;
    display: inline-block;
}
/*start Annual Supply style start here*/
#review-page{

}
.review-row-delivery-details{
	padding:5px 0;
	display:grid;
	min-width: 430px;
}
.right-aligned-text{
	min-width:430px;
	padding-right:41px;
	text-align:right;
}
.checkout-delivery-annual{
	list-style-type: none;
	width: 100%;
	padding-left:0px;
	margin:0px;
	display:table-row;
}
.checkout-delivery-annual-column1{
	display: inline;
    float: left;
   	width: 25px;
    padding-right: 10px;
}
.checkout-delivery-annual-column2{

	display: inline;
    float: left;
   	width: 150px;
}
.checkout-delivery-annual-column3{
	display: inline;
    float: left;
    padding-right: 10px;
    width: 80px;
}

.checkout-delivery-annual-column4{
	display: inline;
    float: left;
    width: 150px;
}
.button-annualy-supply{
	padding:15px 0;
}
.info-box{
	background: #ff9;
    font-style: italic;
    border: 1px solid #e0e036;
    color: #4e4e12;
    padding:10px;
    line-height: 15px;
}
.edit-opt{
	display:none;
	margin-left: -10px;
    width: 22%;
    float:left;
    width:90px;
}
.delivery-opt-input{
	height: 28px;
    width: 57px !important;
}

#update-delivery-opt, #delivery-disabled-btn{
	line-height: .85;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
}
#update-delivery-opt,#submit-disabled-btn{
	display:none;
}
#review-page .review-layout .column1{
	width:55%;
}

#review-page .review-table .column1,#review-page .review-table .column2{
	width: 45%;
	max-width:60%;
}
#review-page .review-table .column2{
	margin-right: 0px !important;
}
#error-popup-delivery{
	opacity: 1;
	width: 60%;
	top: calc(50% - 25px);
}
#error-popup-delivery .title{
	text-align: center;
    font-family: 'CircularTT-Medium-Web';
    letter-spacing: 0.28px;
    font-size: 22px !important;
    font-weight: 300;
    margin: 0 0 15px;
    color: #000 !important;
    text-transform: none !important;
}
.checkout-delivery-annual .red{
	color:#ff0000;
}
/*start Annual Supply style end here*/


/*------toggle switch CSS----------*/


#label_switch{
    top: -10px;
    left: 30px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 16px;
  margin-left: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 9px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dedede;
  -webkit-transition: .25s;
  transition: .25s;
  width: 48px;
  height: 24px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .25s;
  transition: .25s;
}

input:checked + .slider {
  background-color: #cc0033;
}

input:focus + .slider {
  box-shadow: 0 0 1px #eee;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.YES {
  font-size: 10px !important;
  display: none;
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 30%;
  font-size: 11px;
  font-family: CircularTT-Book-Web, Arial, san-serif !important;
  font-weight: 400;
}

.NO {
  font-size: 10px !important;
  color: #435384;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 70%;
  font-size: 11px;
  font-family: CircularTT-Book-Web, Arial, san-serif !important;
  font-weight: 400;
}

input:checked+ .slider .NO
{display: none;}

input:checked+ .slider .YES
{display: block;}



/*------------tool tip------------*/

#patient_new-title {
    display: inline-block;
}

.tooltip {
      position: relative;
      display: inline-block;
      top: -5px;
      }

.tooltip .tooltiptext{
  visibility: hidden;
  width: 25vw;
  background-color: #EEE;
  color: #212121 ;
  border-radius: 6px;
  padding: 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 100%;
}
.ui-icon-info-dark {
    background-image: url(../images/ui-icons_444444_256x240.png);
    float: none;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    margin-left: 0.3em;
    background-position: -16px -144px;
}

/*new brand field css*/
.new-to-brand-container{
	position: relative;
    padding-right: 20px;
    padding-bottom: 20px;
    display:flex;
}
.new-to-brand-container .title{
	display: inline-block;
	color: #009999;
    font-size: 17px;
    font-weight: 500;
}
.new-to-brand-container #new_brand_label_switch{
	top: -10px;
	float: right;
	margin-left:5px;
	margin-right:5px;
}
.new-to-brand-container .tooltip .tooltiptext{
	width: 22vw !important;
}

.modal-dialog-btn {
    cursor:pointer;
}

/*.tooltip:hover .tooltiptext {
  visibility: visible;
}
*/
/*New price comparison page Style- start*/
.compare-container{
    display:flex;
    width:100%;
    justify-content: center;
}
.compare-container label{
    text-transform: none;
    color: #797979;
}
.pay-office-label{
    font-size: 15px;
}
.compare-container .box{
    position: relative;
    width: 50%;
    border: 1px solid #d2d2d2;
    min-height: 400px;
    margin: 20px;
    border-radius: 25px;

}
.compare-container .block1{

    margin-bottom:15px;
}

.compare-container .block3{
    display:block;
}
.compare-container .fadein{
    opacity: 1;
}
.compare-container .box-head{
    min-height: 40px;
    background-color: #5D5D5D;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align:center;
    padding-top: 15px;

}
.compare-container .box-head label{
    font-size:25px;
    color:#FFF;
    font-family: CircularTT-Book-Web, Arial, san-serif !important;
}
.compare-container .table-row{
    padding: 2px 0px;
    display: flex;
}
.compare-container  .sub-title{
    display: inline-block;
    width:100%;
}
.compare-container .table-row .table-item{
    display: inline-block;
}
.compare-container .table-row .tag{
    padding: 10px;
    background-color: #289A9D;
    font-size: 12px;
    float:right;
    color: #ffffff;
}
.compare-container .table-row .tag.strike{
	background-color: #A6A6A6 !important;
}
.compare-container .table-row .sub-head{
    font-size: 15px;
    color:#797979;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding:5px 0px;
}
.compare-container .message-container{
    padding: 10px 0px;
    padding-bottom: 0px;
}

.compare-container .table-row .icon{
    padding-top: 2px;
    width: 30px;
    padding-right: 30px;
}
.compare-container .table-row .icon img{
    width:22px;
}
.compare-container select{
    padding: 5px;
    height: 30px !important;
}
.compare-container .table-row .message{
    padding-top: 0px;
    color: #797979;
    font-size: 15px;
    padding-left: 10px;
    padding-left: 5px;
}
.compare-container .table-row .strike{
	text-decoration: line-through;

}
.line-horizontal{
    border-top:1px solid #d2d2d2;
    margin: 15px 25px;
    margin-bottom:0px;
    padding-top: 10px;
}
.month-selection{
    border: 1px solid #d2d2d2;
    border-radius: 40px;
    height: 50px;
    width: 100%;
    margin: 10px 25px;
    text-align: center;
    display: flex;
    align-items: center;
}
.month-select{
    width: 60px;
    position: relative;
    left: 10px;
    float: left;
    padding: 5px;
    height: 30px;

}
.month-label{
    position: relative;
    width: 100%;
    align-items: center;
    display: flex;
    margin-left: 10px;

}
.pack-box-container{
    width:100%;
}
.month-label .month{
    left: 5px;
    position: relative;
    float: left;
    width:100%;
    text-align:left;
}
.month-label .month-mo{
    left: 15px;
    position: relative;
    float: left;
    width:20px;
}
.month-label .pack-box{
    position: relative;
    right: 15px;
    display: block;
    text-align: right;

}
.annual-month{
    left:10px;
}
.info-message{
    color:#FF0000;
    font-size:11px;
    padding:5px 25px;
}
.compare-container .pay-in-office,.compare-container .after-rebate{
    width:100%;
    padding-left:15px;
    display:flex;
}
.compare-container .pay-in-office-center{
    align-items: center;
}
.flex-div{
    flex:1;
    margin-left: 10px;
}
.flex-div label{
    display:block;
}
.flex-div .label-smalll{
    font-size: 9px;
    font-style: italic;
}
.after-rebate label{
    font-size: 13px;
    color: #797979;
    text-shadow: 0px 0.4px #797979;
}
.pay-offce-price{
    float: right;
    right: 25px;
    position: relative;
    color: #289A9D;
    text-align:right;
}
.rebate-price{
    float: right;
    right: 25px;
    position: relative;
    color:#797979;
    font-size:15px;
    text-align:right;
}
.rebate-price .price{
    font-size:15px;
}
.pay-in-office .priceLarge{
    font-size: 26px;
}
.pay-in-office .total-price-label{
    font-size: 15px;
    color:#289A9D;
    font-weight: bold;
}
.pay-in-office  .total-price-value{
    float: right;
    font-size: 15px;
    right: 25px;
    position: relative;
    color:#289A9D;
    text-align:right;
}
.pay-in-office .office-price-label{
    font-weight: bold;
    font-size: 15px;
    color: #797979;
}
.pay-in-office .office-price-value{
    float: right;
    font-size: 15px;
    right: 25px;
    position: relative;
    color:#797979;
    text-align:right;
}
.rebate-txt{
    width:100%;
    text-align:center;
}
.rebate-info-text{
    text-align:center;

}
.footer{
    position: relative;
    bottom: 0;
    width:100%;
}
.panel-footer{
    position: relative;
    background-color: #C2C2C2;
    min-height:50px;
    width:100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.table-row-footer{
    padding-bottom:0px !important;
}
.arrow-down{
    position:relative;
}
.arrow-down:before{
    content: '';
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #797979;
    top: 23px;
    left: 15px;
    float: right;
}
.arrow-down:after{
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #C2C2C2;
    top: 23px;
    left: 18px;

}
.footer-header{
    position: absolute;
    top: 17px;
    left: 42px;
    font-weight: bold;
    font-size: 15px;
    color: #595959;
}
.footer-btn{
    position: absolute;
    float: right;
    right: 15px;
    top: 9px;
}
.footer-btn .btn{
    padding: 10px 25px;
    background-color: #cc0033;
    border: none;
    color: #fff;
    border-radius: 15px;
}
.inventory-check{
    display:block;
    text-align:right;
    padding-right: 25px;
    width:100%;

}
.inventory-check input{
    width:15px;
}
.price-default{
    float: right;
    right: 25px;
    position: relative;
    color: #797979;
    text-align:right;
}
.price-default .price {
    font-size:15px;
}
.arrow-up:before {
    transform: rotate(180deg);
    top:23px;
}
.arrow-up:after{
    transform: rotate(180deg);
    top:26px;
}
/*New price comparison page Style- end*/

/*CSS for new brand pricing page--start*/
.product-pricing .table-item{
	word-break: normal;
	padding: 5px 20px 5px 0;

}
.product-pricing .label-bold{
	font-weight:bold;
	text-align:right;
}
.product-pricing .copy-price-pricing{
	padding-bottom: 2px;
}
.product-pricing .title-row .table-item{
	text-align: start;
	min-height: 25px;
    padding: 0px;
}
.product-pricing .align-normal {
	align-items: baseline !important;
}
.product-pricing .align-normal :first-child{
	text-align:end;
}
.product-pricing .link-right{
	text-align:right !important;
}
.product-pricing .align-normal :first-child a{
	display:inline;
}
.product-pricing .subtitle .sub-title-center {
	font-weight:bold;
	text-align:center;
	padding-bottom: 0px !important

}
.product-pricing .subtitle .sub-title-right{
	font-weight:bold;
	text-align:center;
	padding-top:10px !important;
}
.product-pricing .pack-price-sub-header{
	min-width:125px;
}
.product-pricing .item-small-padding{
	padding:5px !important;
	margin:0px;
}
.product-pricing .pack-price-sub-header{
	min-width:50%;
}
.product-pricing .pack-price-container{
	min-width:50%;
	padding-left:0px !important;
}
.product-pricing .pack-price-container .pack-label{
	min-width:50%;
	padding-left:0px !important;
	padding-right:5px !important;
	padding-bottom:0px !important;
	text-align:right;
}
.product-pricing .pack-price-container .pack-price{
	min-width:60%;
	padding-left:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.product-pricing .one-time-annual{
	min-width:40%;
	padding-top:5px !important;
}
.product-pricing .border-right{
	padding-right: 15px;
    border-right: 1px solid #d2d2d2;
}
.product-pricing .brand-item{
	text-align:right;
	padding-top:15px;
}
.product-pricing .border-bottom{
	border-bottom: 1px solid #d2d2d2;
}
.product-pricing input{
	border-radius: 40px;
    text-align:left !important;
    border-radius: var(--Border-Radius-M, 12px);
    border: 1px solid var(--Color-Gray-Shades-Medium-Gray, #999);
    background: var(--Color-Gray-Shades-White, #FFF);
}
.product-pricing .annual-supply-price{
	padding-top:10px !important;
}
.product-pricing .item-no-padding{
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-left: 0px !important;

}
.product-pricing .border-bottom:last-of-type{
	border-bottom: none;
}
.product-pricing  .column-one{
	min-width:40%
}
.product-pricing  .column-two{
	min-width:35%
}
.product-pricing  .column-three{
	min-width:25%;
	padding-left:15px;
}
.product-pricing  .link-style,.product-pricing .subtitle{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
     min-height: 25px;
}
.product-pricing .subtitle .table-item{
	    min-height: 15px;
}
.product-pricing .title-row.table-row{
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top:13px;

}
/*CSS for new brand pricing page--end*/
/*Product Price - New Design- Start*/
.field-product-price-container .field-insurance{
	display:inline-block;
}
.field-product-price-container .field-flex{
	display:flex;

}
.field-product-price-container .flex-content{
	padding: 0 20px 0px 0;
}
.field-product-price-container input, #field-annual-price-error, #field-subscription-error {
	max-width: 175px;
}
.field-product-price-container .pack-price{
	display: flex;
    align-items: flex-start;
    padding: 7px 0px;
}
.field-product-price-container .table-item{
	min-width:50%;
	padding-right:20px;
}
.field-product-price-container .pack-label{
	padding-right:10px;
	min-width:65px;
	margin-top: 10px;
}
.field-product-price-container .pack-container input{
	max-width:100px !important;
	height: 36px;
}
.field-product-price-container .title{
	word-break: normal;
	padding: 5px 0px;
}
.field-product-price-container .ppc{
	padding-bottom: 30px;
}
.field-product-price-container .table-row{
	align-items: baseline;
}
.panel-footer{
	cursor: pointer;
}
/*Product Price - New Design- End*/

.new-to-brand-label{
	width:100%;
	display:flex;
}
/*Navigation new style  - - Start*/
.menu-dropdown-container{
	cursor: pointer;
	position: relative;
	padding:6px 0px;
	padding-right:5px;
	min-width:160px;
	text-align:center
}
.menu-dropdown-container .dropdown-header{
	display: inline-block;
    position: relative;
    font-size: 13px;
    letter-spacing: .5px;
    font-weight: normal;
    color: #414141;
    flex: 1 1 auto;
    width:100%;
}
.dropdown-header:before{
	content: '';
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cc0033;
    top: 8px;
    right: 8px;
    float: right;
}
.dropdown-header:after{
	content: '';
    position: absolute;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid rgb(255, 255, 255);
    right: 10px;
    top: 8px;
}
.menu-dropdown-item{
	min-width:160px;
	position: absolute;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    width: 100%;
    top: 100%;
    left: -1px;
    padding: 0px;
    display: none;
    color: #3d3d47;
    box-shadow: 0px 3px 3px 0px #00000014;
    border-top: 1px solid #eee;
    z-index: 9999;
    background: #FFF;
    border: 1px solid #d2d2d2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;

}

.menu-link-item {
	display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 6px 6px;
    letter-spacing: .5px;
    font-weight: 500;
    color: #414141;
    text-align: center;
	border-bottom: 1px solid #d2d2d2;
}
.menu-dropdown-active .dropdown-header{
	text-align: center;
	color: #414141;
	font-weight:500;
	width:100%;

}
.menu-dropdown-active{

	border: 1px solid #d2d2d2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.menu-link-item:last-child{
	border-bottom: none;
}
/*Navigation new style  - - End*/
.inventory-check input:focus{
	outline: auto!important;
    color: #4D90FE;
}
/*Landing page New Design - Start*/
.button-area-center-landing{
    text-align: center;
    clear: both;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.button-area-center-landing .btn-new{
    margin: 0 5px 5px 0;
}
.btn-new{
    display: inline-block;
    line-height: 1.36;
    letter-spacing: .5px;
    text-align: center;
    outline: 0;
    transition: .1s linear;
    box-sizing: border-box;
    font-size: 11px;
    margin-bottom: 10px;
    flex: 0 0 auto;
    position: relative;
    outline: none;
    color: #fff;
    background-color: #006161;
    border: 1px solid #006161;
    border-radius: 50px;
    padding: 13px 30px 11px;
    text-decoration: none;
    align-self: center;
    font-weight: bold;
}
.btn-new.btn-secondary{
    color: #006161;
    background: transparent;
    border: 1px solid #006161;
    border-radius: 50px;

}
.btn-primary:hover,.btn-primary:focus{
    background-color: #008383;
    border:1px solid #008383;
}
.btn-secondary:hover,.btn-secondary:focus{
    background-color: #008383;
    border:1px solid #008383;
    color:#ffffff;
}
#landing-page {
    background: #FFF;
}
#landing-page section {
    padding: 10px 12.5%;
    text-align: center;
    align-items: center;
}
#landing-page .top{
	padding-bottom:20px !important;
}
.top h2 {
    font-family: 'CircularTT-Bold-Web';
    font-size: 30px;
    width:70%;
    margin: 10px auto;
}
.top p {
    width: 100%;
    margin: 20px auto 25px;
    font-size: 16px;
    font-family: 'CircularTT-Bold-Web';
    text-align: left;
    padding:0px 20px;
    color:#63666A;
}

/*start*/
.top{
    background-color:#E5F5F5;
    padding: 40px 9.5% 0 !important;
    display:flex;

}
.top .top-left{
    float: left;
    width:55%;
    padding:0px 20px;
}
.top .top-right{
    float: left;
    width:45%;
    min-width: 560px;
    padding-bottom:30px;
}
.landing-ls2{
    background-color: #ffffff;
}
.landing-ls3{
    background-color: #F4F4F4;

}


.landing-ls2 h2,.landing-ls3 h2{
    font-family: 'CircularTT-Bold-Web';
    font-size: 30px;
    width: 100%;
    margin: 10px auto;
}
.landing-column-contaniner{
    display:flex;
    margin-top:30px;
}
.landing-column-contaniner .column-dec h3{
	font-weight: bold;
    line-height: 23px;

}
.ls2-column,.ls3-column{
    flex: 1 1 300px;
    padding:0px 3%;
}
.ls3-column{
    border-right: 1px solid #d2d2d2;
}
.ls3-column:last-child{
    border-right: none;
}
.column-dec{

    padding-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
}
.column-dec p{
    width: 100%;
    margin: 20px auto 8px;
    font-size: 13px;
    font-family: 'CircularTT-Medium-Web';
    text-align: left;
    color: #63666A;

}
.ls3-column .column-dec{
    border-bottom:none;
}
.ls3-column .column-dec p{
    text-align:center;
}
#id_accept_terms:focus{
	outline: auto;
    color: #4D90FE;
}

.ls2-column h3,{
    font-family: 'CircularTT-Bold-Web';
    font-size: 20px;
    width: 100%;
    margin: 10px auto;
}
.ls3-column h3{
    font-family: 'CircularTT-Bold-Web';
    font-size: 60px;
    width: 100%;
    margin: 10px auto;
    color: #008383;
}
.landing-icon-container img{
    width:60px;
    height:60px;
}
.feature-item{
    position: relative;
    float:left;
}
.feature-dec{
    padding-top: 20px;
}
.feature-item img{
    position: relative;
    top:15px;
    float:left;
}
.feature-item p{
    padding-left:25px;
    width: 100%;
    font-size: 13px;
    font-family: 'CircularTT-Medium-Web';
    text-align: left;
    color: #63666A;
}
.feature-item p strong{
    color:#006161;
	font-weight: bold !important;
}
.feature-title{
    font-family: 'CircularTT-Bold-Web';
    font-size: 14px;
    color: #63666A;
}
.landing-ls4{
	background-color: #FFFFFF;
    padding: 40px 12.5% 0 !important;
    display: flex;
	text-align: left;
    padding-bottom:20px !important;
    justify-content: center;
}
.landing-ls4 .top-left{
	float: left;
	text-align:right;
    padding: 0px 20px;
}
.landing-ls4 .top-right{
	float: left;
	text-align:left;
    padding-bottom: 30px;
    width:40%;
}
.landing-ls4 .top-right h2{
	border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
	font-family: 'CircularTT-Bold-Web';
    font-size: 30px;
    width: 100%;
}

.landing-ls4 .top-right p{
	font-size: 13px;
    font-family: 'CircularTT-Medium-Web';
	color: #63666A;
}
.landing-ls4 .contactus_info{
	position: relative;
    display: flex;
    align-items: center;
}
.landing-ls4 .contactus_info a{
	color: #008383;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    font-family: 'CircularTT-Medium-Web';
}
.landing-ls4 .contactus_info img{
	width:30px;
	height:30px;
	top: -3px;
    position: relative;
}
.landing-ls4 .info-contactus{
	padding-left:5px;
}
.horizontal-line-bottom{
	border-bottom: 1px solid #d2d2d2;
}
.landing-disclaimer{
	justify-content: center;
    text-align: center;
    font-size: 11px;
    font-family: 'CircularTT-Medium-Web';
    color: #63666A;
	margin: 0px auto;
    padding: 16px 0px;
}
/*Landing page New Design -END*/
.block1 .table-row{
	padding-left: 70px;
}
.sub-title.table-row{
	padding-left: 0px;
}
/*Promotion style -Start*/
.promo-container{
	display:block;
	text-align:right;
	direction: rtl;

}
.promo-container .promo-box{
	direction: ltr;
	border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: 8px;
    display:inline-block;
    align-items:center;
    min-height:36px;
    margin-bottom:5px;
}
.promo-container .promo-box .box-content{
	padding: 8px 5px;
    display: flex;
    align-items: center;
    float:right;
}
.promo-container .promo-box.promo-box-strike .box-content{
	padding: 2px 5px;
}
.promo-label-style{
	color:#009999;
	font-weight:bold;
	text-transform: none;
	font-size:11px;
	line-height: 15px;
	margin: 0px 10px;
	text-align:center;
	word-break:break-all;
}
.promo-box .promo-delete{
	position: relative;
	width: 18px;
	height: 18px;
	left: -5px;
	min-width:18px;
}
.promo-box .promo-delete::before, .promo-box .promo-delete::after{
	position: absolute;
	top: 8px;
	left: 2.8px;
	width: 12px;
	height: 2px;
	content: "";
	background-color:#8f8f8f;
}
.promo-box .promo-delete::before {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.promo-box .promo-delete::after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.promo-box .promo-delete:hover { cursor: pointer; }
.promo-box-strike .promo-label-container{
	margin: 0px 15px;
}
.promo-box-strike .promo-label-style{
	display: block;
	color:#8f8f8f;
	text-decoration: line-through;
	text-align:center;

}
.promo-box-strike .promo-info-small{
	display: block;
    font-size: 10px;
    color:#8f8f8f;
    line-height: 15px;
    text-transform: none;
    white-space: nowrap;
    text-align:center;
}
.promo-error{
	color: #FF0000;
	text-align: right;
	margin-bottom:5px;
}

.same-promo-error{
	color: #009999;
	text-align: right;
	margin-bottom:5px;
}

#prescription .sub-content{
	width:100%;
	display: inline-block;
}
#prescription .eye1{
	width:60%;
	float:left;
}
#prescription .eye{
	width:40%;
	float:left;
}
.promo-box-strike .promo-label-style{
	margin:0px;
}

/*Promotion style -END*/
/* Online report style changes- Start*/
#online-report-container .select-align label{
	font-size:13px;
	max-width:100px;
}
#online-report-container #report-mo-sel-drpdwn, .report_date_picker, #report-select-drpdwn, #report-select-drpdwn-status{
	max-width: 180px;
	min-width: 180px;
}
#online-report-container .table{
	overflow-x: scroll;
}
#online-report-container .table .table-item{
	min-width: 100px;
	text-align:center;
}
#online-report-container .table .class-whitespace{
	white-space:nowrap;
}
#online-report-container .table .title-row.table-row{
	display: inline-flex;
}
/* Online report style changes- End*/
.sub-footer-container{
	text-align:center;
	margin-top:-40px;
	color:#797979;
}
.pack-price-box{
	float: right;
    font-size: 15px;
    position: relative;
    background: #289A9D;
    text-align: right;
    color: #fff;
    padding: 10px;
	margin: 5px 0;
}
#program_features {
    margin-bottom: 20px;
}
/*Repurchase optn style -start */
.programe-title{
	border-bottom: 1px solid #999999;
}
.programe-title h3{
	color: var(--Color-Primary-Basic);
	margin-bottom: 0px;
    font-weight: 700;
}
.repurchase-toggle-container{
	padding-top:13px;
	font-size: 15px;
    
}
.repurchase-toggle-container > :first-child {
    margin-left: 0;
  }
.product-pricing .table{
    margin: 0 auto;
}
#repurchase_switch,#subscription_display_switch, #subscription_display_switch_ecp, #checkout_fast_switch{
	top: -10px;
    margin-left: 50px;
}
.feature-selection{
	font-size:17px;
}
/*Repurchase optn style -end */
/*preference option style start*/
#contact-patient .radio-remainder{
	width: auto;
}
.repurchase-field{
display:flex;
}
.option-container,.label-remainder{
	width:100%;
}
.label-remainder{
	max-width:190px;
}

.option-container input:focus{
	outline: auto !important;
    color: #4D90FE;
}
/*preference option style end*/
/*AFHP-3514 bugfix*/
a.no-print {
	float: right;
}
/*End of AFHP-3514
/*AFHP-1931 print button style- Start*/
.print_icon_style{
	float: right;
    position: relative;
    display: flex;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    justify-content: center;
    align-self: center;
    background: url('../images/print_icon.png');
    background-repeat: no-repeat;
    background-position: center;
}
#wizard{
	width:100%;
}
/*AFHP-1931 print button style- End*/
/*AFHP-1932 print button style- start*/
.walking-script-content .order-link-messsage{
	background-color:#289A9D !important;
	color:#FFFFFF !important;
}
@media only screen and (max-width:1024px) {
	.walking-script-content .review-layout .column1{
    	width:100% !important;
    }
}
/*AFHP-1932 print button style- End*/
/*AFHP-2370 -start*/
.dropdown-header.dropdown-report:after{
	right: 7px;
}
.dropdown-header.dropdown-report:before{
	right: 5px;
}
#menu-drop-down-report{
	margin-right:10px;
	min-width: 100px;
}
#menu-drop-down-report #dropdown-menu-report{
	min-width: 100px;
}
.datepicker-container input{
	display:block;
}
.datepicker-disclaimer-text{
    line-height: 1.3em;
    padding-top: 1em;
    text-align: left !important;
    display: block;
    color: #212121;
    font-size:12px;
}
.datepicker-container label.error{
	border: none !important;
	background:none;
	text-transform:none;
	color:#F00
}
.select-align.custom-date-content{
    align-items: baseline;

}
.select-align.custom-date-content label:not(.error){
   padding-top:10px;
}
.shop-expand-table{
    display:block;
    overflow-x: scroll;
    border-spacing: 0px;
}
.select-report-container{
	position: relative;
}
.shop-expand-table .table-header th{
    background-color: #D8D8D8;
    line-height:2.1rem;
    min-width:100px;
    text-align:right;
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding: 0px 5px;
    font-family: 'CircularTT-Bold-Web';
}
.shop-expand-table td, .shop-expand-table th{
	    white-space: nowrap;

}
.shop-expand-table .table-sub-header td{
    line-height:1.8rem;
    background-color: #F4F4F4;
    text-align: right;
    padding: 0px 5px;
    font-weight: bold;
    font-family: 'CircularTT-Bold-Web';
}
.shop-expand-table .item-list td{
	text-align: right;
    line-height: 1.5rem;
     padding: 0px 5px;
}
.shop-expand-table .total-row td{
	font-weight: bold;
	text-align:right;
	line-height:1.8rem;
	border-top: 2px solid #000;
	background-color: #D8D8D8;
	padding: 0px 5px;
	font-family: 'CircularTT-Bold-Web';
}
.shop-expand-table  .table-sub-header {
	cursor:pointer;
}
.expand-table-control{
	position: absolute;
    right: 0px;
    top: 0px;
}
.button-area-center.custom-date-content{
	padding: 0px;
}
.expand-table-control .btn{
	margin-left: 10px;
}
/*AFHP-2370 -end*/
/*AFHP-2516 style- start*/
.product-pricing.pricing-display-opt .column-one{
	min-width:60%;
}
.product-pricing.pricing-display-opt .column-two{
	min-width:40%;
}
.product-pricing.pricing-display-opt .border-right{
	border-right:none;
}
.product-pricing.pricing-display-opt .column-three{
	display:none;
}

/*AFHP-2516 style- end*/
/*AFHP-2518 style- start*/
.one-time-box-icon-container{
	display: flex;
    justify-content: center;
    padding-top: 15px;
    width:100%;
}
.compare-container .box.box-one-time{
	min-height: inherit;
}
.box.box-one-time .block1 .table-row{
	display: block;
    padding-left: 0px;
    width: 100%;
    text-align: center;
}
.box.box-one-time .block1 .table-row .icon{
	width: 100%;
    padding-right: 0px;
}
.box.box-one-time .block1 .table-row .icon img{
	width:32px;
}
.box.box-one-time .block1 .table-row .message{
	padding-left: 0px;
}
/*AFHP-2518 style- end*/
/*AFHP-2876 style start*/
.programFeaturesWrapper::after, .program-features-url-extension::after {
    content: "";
    clear: both;
    display: table;
}
.programFeaturesWrapper .repurchase-toggle-container {
    float: left;
    width: 62%;
}
.program-features-url-extension {
    width: 57%;
    padding-top: 13px;
    font-size: 15px;
    min-height: 58px;
}
.program-feature-url-ext-input {
    width: 100%;
}
.programFeaturesWrapper #repurchase_switch, .programFeaturesWrapper #subscription_display_switch, .programFeaturesWrapper #subscription_display_switch_ecp, #checkout_fast_switch {
    margin-left: auto;
}
.program-features-url-extension-label {
	float: left;
    width: 244px;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}
.formatErrorProgramFeatureUrl {
	font-size: 12px;
    color: red;
    font-weight: bold;
    margin: 8px 0;
}
.suggestUrlColumn {
    font-size: 13px;
    color: #009999;
    font-weight: bold;
    margin: 8px 0 0 5px;
    font-family: sans-serif;
}
.accountSpecificUrlSuggestedExt {
    cursor: pointer;
}
.accountSpecificUrlSuggestedExt:hover {
    text-decoration: underline;
}
.suggestUrlLink {
    font-size: 16px;
    color: #555555;
    margin: 8px 0 0 5px;
    display: block;
    line-height: 18px;
	word-break: break-all;
}
.modalContentPrevECPUrl {
    text-align: center;
    font-weight: bold;
}
.modalContentPrevECPUrlBtnsWrapper {
    margin: 50px auto 0 auto;
    width: 170px;
}
.modalContentPrevECPUrlBtnsWrapper a {
    cursor: pointer;
    padding: 10px;
    margin: 0 10px;
}
.modalCancelPrevECPUrl  {
    color: #54b4c9;
    background: #fff;
    border-color: #54b4c9;
    border-radius: 0;
}
.modalConfirmPrevECPUrl, .modalCancelPrevECPUrl:hover, .modalConfirmSCPrevECPUrl {
    color: #fff;
    background: #54b4c9;
    border-color: #54b4c9;
    border-radius: 0;
}
.modalConfirmPrevECPUrl:hover, .modalConfirmSCPrevECPUrl:hover {
	background: #0392b2;
	border-color: #0392b2;
	color: #fff;
}
.modalContentPrevECPUrl span, .modalContentPrevECPUrl a {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
	word-break: break-all;
}
.urlSpecificActiveClass {
	display: block!important;
}
#programFeatureUrlExtId {
    width: 105%;
}
#rxDxControl {
    max-width: none;
    width: 102%
}
#programFeatureUrlExtId-error {
    font-size: 11px;
    border: 0!important;
    background: transparent;
    color: rgb(255, 0, 0);
    text-transform: none;
    line-height: 18px;
    display: block;
    margin: 8px 0 0 5px;
}
.suggestedUrlLinkActive {
	display: block!important;
}
.suggestedUrlLinkButtonActive {
	display: inline-block!important;
}
/*AFHP-2876 style end*/
.label-mix-case{
	text-transform: none;
	padding-left: 5px;
}
.tc-box-container{
	display: flex;
    align-items: baseline;
}
.accept-terms-chk-left{
	margin: 25px auto 10px;
	text-align:left;
}

/*AFHP-3257 & AFHP-3594 style start*/
#id_first_name-error, #id_last_name-error, #addpt-email-txt-error, #addpt-phone-text-error, #addpt-cnf-email-txt-error, #addpt-cnf-contactFirstName-txt-error, #addpt-cnf-contactlastName-txt-error, #field-annual-price-error, #field-subscription-error,  #id_address_1-error, #add-addr-city-txt-error, #add-addr-st-pick-error, #add-addr-zip-txt-error, #patientFirstName-error, #patientLastName-error, #patientPhone-error, #patientEmail-error, #patientShipCity-error, #patientShipState-error, #patientShipZipCode-error, #field-insurance-error, #id_datepicker-error, form[name="patientTermsAndConditionsForm"] label.error {
    font-size: 11px;
    border: 0!important;
    background: transparent;
    color: rgb(255, 0, 0);
    text-transform: none;
    line-height: 18px;
    display: block;
    margin: 8px 0 0 5px;
}
.pack-price label.error {
	font-size: 11px;
    border: 0!important;
    background: transparent;
    color: rgb(255, 0, 0);
    text-transform: none;
    line-height: 18px;
    display: block;
    margin: 8px 0 0 10px;
    word-break: break-word;
}
#patientShipAddress_1-error {
	font-size: 11px;
    border: 0!important;
    background: transparent;
    color: rgb(255, 0, 0);
    text-transform: none;
    line-height: 18px;
    display: block;
    margin: -2px 0 8px 5px;
}
.base-curve-flex {
	flex: 20%;
}
.label-display-block, #field-insurance, #field-annual-price, #field-subscription  {
	display: block;
}
/*AFHP-3257 & AFHP-3594 style end*/
/*AFHP-3184 start*/
.field.under-18-field-wrapper {
    padding: 20px 20px 10px 0;
}
#under-18-title {
    display: inline-block;
}
#under-18-label-switch {
    top: -10px;
    left: 30px;
}
/*AFHP-3184 end*/
/*AFHP-3966 start*/
.addressFieldWrapper {
	position: relative;
}
.address-button-ship {
    position: absolute;
    left: 100%;
    width: 170px;
    top: 16px;
}
select#add-addr-st-pick:disabled {
    color: #3d3d47;
    opacity: 1;
}
/*AFHP-3966 end*/
.disabled {
   pointer-events: none;
   cursor: default;
}
/* AFHP-4262 UI start*/
#review-page .review-table .column1 .review-row {
    word-break: break-all;
	align-items: flex-start;
}
/* AFHP-4262 UI end*/
/* AFHP-4506 UI start*/
@media only screen and (max-width: 1024px) {
    .main-logo img {
	    width:auto;
	}
	.menu-dropdown-container{
		min-width:98px;
	}
}
/* AFHP-4506 UI end*/
/* AFHP-4543 UI start*/
/* @media only screen and (max-width: 1024px) {
    label#subscription_display_switch {
		margin-top: 20px;
		margin-right: 40px !important;
		float: right;
	}
	form.ship_form_section {
		width: 60%;
	}
} */
/* AFHP-4543 UI end*/

/******** AFHP-4504 UI Start***************/
.smalldesc{font-size:11px}
.search-shop .table-item.email{
	flex: 1 1 50px;
	min-width: 50px;
}
.search-shop .table-item.button-group{
	flex-direction:column;
}
.search-shop .table-item .btn{
	padding:7px 14px;
}
.search-shop .search-fields.by-date{
	width:45%;
}
.search-shop .select-align label{
	max-width:120px;
}
.search-shop .select-align{
	margin-left:8px;
}
.search-shop .button-area-center.custom-date-content{
	justify-content: center;
}
.search-shop .ui-icon-info-dark{
	top: -16px;
	left: -4px;
	position:absolute;
}
.search-shop .tooltip .tooltiptext{
	width:13vw;
	text-transform: none;
	font-family: CircularTT-Book-Web, Arial, san-serif !important;
    left: 21px;
    bottom: 11px;
}
/******** AFHP-4504 UI End***************/
/******** AFHP-4505 UI Start***************/
.subscription-detail-page .prescription .block_container {
    text-align: left;
    display: flex;
    width: 100%;
    justify-content: space-around;
}
.subscription-detail-page .prescription .edit-sku-form {
	display: flex;
    flex: 1;
    clear: both;
    margin-bottom: 40px;
    padding-top: 30px;
}
.eyedetail-screen span.item.top-label {
text-transform: uppercase;
}
.subscription-detail-page .content {
padding: 25px 55px;
}
.subscription-detail-page .prescription .eyedetail-screen span.table-data {
    margin-top: 6px;
    display: block;
}
.subscription-detail-page .prescription .eyedetail-screen {
    flex: 1;
    word-break: break-all;
}
.subscription-detail-page .prescription .eyedetail-screen.brand {
   flex: 1 1 60px;
   min-width: 60px;
   margin-right:10px;
}
.subscription-detail-page .prescription .eyedetail-screen.axis {
   max-width: 50px;
}
.subscription-detail-page .prescription .eyedetail-screen.eye {
   max-width: 70px;
}
.subscription-detail-page .prescription .eyedetail-screen.quantity {
  max-width: 100px;
}
.subscription-detail-page .ui-icon-info-dark{
	margin-left:0;
	background-position: -18px -143px;
}
.subscription-detail-page .container{
	margin-top:30px;
}
.subscription-detail-page .prescription strong {
    color: #009999;
    margin-right: 3px;
}
.subscription-detail-page .prescription h3 {
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
    margin-bottom: 15px;
	color: #009999;
}
.subscription-detail-page .prescription .head-detail {
    width: 100%;
}
.search-shop  .search-fields{display:none}
/******** AFHP-4505 UI End***************/
/* AFHP- 4876 UI Start*/
#prescription-edit1{
	background:#ccc;
	cursor:default;
	border: 1px solid #ccc;
	text-align: center;
}
/* AFHP- 4876 UI End*/
/******** AFHP-4158 UI Start ************/
.checkout_type_addon {
    display: flex;
	margin-bottom:20px;
}
span.checkout_type_label {
    margin-right: 30px;
	color: #435384;
    font-size: 12px;
    text-transform: uppercase;
	padding:4px 0;
}
.checkout_type_addon a {
    align-items: center;
    flex: 1;
    min-width: 100px;
    margin-right: 20px;
	cursor:pointer;
}
a#s_id_revenue_trial_button {
    min-width: 205px;
}
a#s_id_trial_button {
    margin-right: 0;
}
.checkout_type_addon .btn{
	background: #fff;
    border-color: #009999;
    color: #009999;
	padding:7px 25px 6px;
}
.checkout_type_addon .ui-selected, .checkout_type_addon .btn:hover, .checkout_type_addon .btn:focus{
	background: #009999;
    border-color: #009999;
    color: #FFF;
}
/******** AFHP-4158 UI End ************/
/* AFHP-4655 UI start*/
#duplicate-patient .item {
	min-width: 114px;
    word-break: break-all;
    margin-left: 5px;
}

#duplicate-patient .item.name {
	min-width: 190px;
}
#duplicate-patient .items.patient-box {
	padding: 14px 0;
}
#duplicate-patient{width:95% !important}
/* AFHP-4655 UI End*/
/***************** AFHP-4855 UI Start ********************/
.margin-top-20{
	margin-top:20px;
}
/***************** AFHP-4855 UI End ********************/
/***************** AFHP-4160 UI Start ********************/
.refill-content-dx{
	width: 33%;
    float: left;
    margin: 20px 0px 0px 10px;
}
#subscription-review-page .columnmax-width .title{
	min-width:38%;
}
.columnmax-width{
	max-width:35%;
}
@media only screen and (max-width: 1030px) {
	.refill-content-dx{
		width: 30%;
	}
	#duplicate-patient .item.patientId {
		min-width: 80px;
	}
	#duplicate-patient .item.name {
		min-width: 170px;
	}
}
@media only screen and (max-width: 960px) {
	#review-page .review-layout .column1{
		width:100%;
	}
}
/***************** AFHP-4160 UI End ********************/
/***************** AFHP-4650 UI start ********************/
.office-use {
    padding: 11px 0 0 0;
    text-align: center;
    border-top: 3px solid #d2d2d2;
    margin-top: 20px;
    font-size: 13px;
}
.checkouttype-rxdx .column.column1 {
	margin-right: 0;
}
/***************** AFHP-4650 UI End ********************/
/***************** AFHP-4651 UI start ********************/
.trial-review{
	width: 100%;
}
/***************** AFHP-4651 UI End ********************/
/***************** AFHP-4654 UI start ********************/
.trial-lense-print {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.blank_div {
    min-width: 90px;
}
.print_option_lense {
    width: 15%;
    display: flex;
    flex-direction: initial;
    margin-left: 22px;
}
.office-use.trial-lense {
    border-top: 3px solid #d2d2d2;
}
label.small-print {
    font-size: 11px;
    color: #212121;
	text-transform: initial;
}
.print_options {
    display: flex;
    flex-direction: column;
    width: 120px;
    margin-top: 8px;
}
.small-print input[type="radio"] {
    width: 12%;
}
.trial-lense-strip {
    width: 98%;
    margin-left: 0 !important;
}
/***************** AFHP-4654 UI End ********************/

/* AFHP-4655 UI start*/
#duplicate-patient .item {
	min-width: 114px;
    word-break: break-all;
    margin-left: 5px;
}
#duplicate-patient .item.name {
	min-width: 190px;
}
#duplicate-patient .items.patient-box {
	padding: 14px 0;
}
/* AFHP-4655 UI End*/
/***************** AFHP-4878 UI Start ************************/
.teal-btn{
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
}
.button-area-center.patientCheckout {
	padding: 0 0 10px;
	margin: 10px;
}
.name_upper {
	text-transform: uppercase;
	font-weight: bold;
    font-size: 12px;
}
.email_lower {
	text-transform: lowercase;
}
.patient-checkout .title{
	color: #009999;
	text-transform:uppercase;
}
.patient-checkout .items .item {
	margin-bottom:10px;
}
.patient-checkout .items .item:last-child {
	text-align: right;
}
.patient-checkout .items {
	border-bottom: none;
	border-top: 1px solid #d2d2d2;
	padding-top: 16px;
}
.patient-checkout p {
	padding-bottom: 10px;
}
.patient-checkout .search-results {
	width:90%;
	margin:0 auto;
}
/***************** AFHP-4878 UI End ************************/
/***************** AFHP-5129 UI Start ********************/
.tooltip .tooltiptextshop {
  visibility: hidden;
  width: 25vw;
  background-color: #EEE;
  color: #212121 ;
  border-radius: 6px;
  padding: 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 100%;
}
/***************** AFHP-5129 UI End ********************/
/***************** AFHP-5180 UI Start ********************/
@media only screen and (min-width: 1024px) {
	.walking-alignment .review-details{margin-left:0px;}
	.walking-alignment .title{
		min-width:27.5%;
	}
	.column2.walking-alignment .title{
		min-width:42%;
	}
	.walking-confirm-page .print_option_lense {
		width: 14%;
		margin-left: 14px;
	}
	.walking-script-content .trial-lense-strip {
		width: 93%;
	}
}
.columnmax-width .review-row.summary {
	padding-left: 38%;
}
/***************** AFHP-5180 UI End ********************/
/***************** AFHP-5233 UI Start ********************/
.align-center{
	text-align:center !important;
}
.align-right{
	text-align:right !important;
}
#id_lens_per_eye {
	width: 80%;
    border-radius: var(--Border-Radius-M, 12px);
    font-size: 18px;
}
.table-row.programe-title.trial {
    border-bottom: 1px solid #999999;
}
/***************** AFHP-5233 UI End ********************/
/***************** AFHP-5233 UI End ********************/
/***************** AFHP-5411 UI Start ********************/
.patient-checkout .item.phone, .patient-checkout .item.status1 {
    max-width: 120px;
}

.patient-checkout .items .item.address1 {
    font-size: 11px;
}
/***************** AFHP-5411 UI End ********************/
/***************** AFHP-3818 UI Start ********************/
.shopcount {
    background: #cc0033;
    border-radius: 10px;
    color: #fff;
    width: auto;
    display: inline-block;
    min-width: 20px;
	position: initial;
	letter-spacing: 0.2px;
    padding: 2px;
	margin-right:12px;
}
.shop_count_bottom.shopcount {
    margin-right: 0;
    margin-left: 3px;
}
.shopcountmenu{
	position:relative;
}
/***************** AFHP-3818 UI End ********************/
/***************** AFHP-3822 UI Start ********************/
.search_select{
	width: 90%;
    padding: 5px !important;
}
#id_rx_search_date{
	min-width:120px;
	width:120px;
}
#shoporder-detail-page .sub-details{
	border-bottom:none;
	padding-bottom:0
}
label#id_rx_search_date-error {
    color: #f00;
    border: 0 !important;
    margin-top: 10px;
    width: 100%;
    float: left;
    background: none;
    margin-left: 177px;
	text-transform: none;
}
/***************** AFHP-3822 UI End ********************/
/***************** AFHP-3823 UI Start ********************/
.editshoporder .eyedetail-screen.brand{
	max-width:200px;
	min-width: 200px !important;
	margin-right: 20px !important;
}
.editshoporder .eyedetail-screen.max-width-set {
    max-width: 110px !important;
}
.editshoporder .eyedetail-screen {
    float: left;
    width: 10%;
}
.block_container.editshoporder {
    display: block !important;
}
/***************** AFHP-3823 UI End ********************/
/***************** AFHP-5172 UI Start ********************/
.notice_out_of_stock{
	background: #cc0033;
    padding: 5px;
    color: #fff;
    font-style: italic;
}
#openOutOfStockModal .review-layout {
    display: block;
}
.out-of-stock-error{
	float: left;
    width: 100%;
    color: #cc0033;
    padding-left: 10px;
}
.yellow-bg {
    background: #ff9;
}
#openOutOfStockModal .parameters {
    width: 100%;
}
/***************** AFHP-5172 UI End ********************/
/***************** AFHP-6033 UI Start ********************/
.review-message.unique_promo_error {
    background: #cc0033;
    color: #fff;
    display: block;
    text-align: center;
	font-style: italic;
}
.review-message.unique_promo_error a {
    color: #fff;
}
/***************** AFHP-6033 UI End ********************/
/***************** AFHP-6170 UI Start ********************/
.compare-container #tabs {
    border: 0;
	width:60%;
}
.compare-container .top-tabs .ui-tabs-tab {
    flex: 1;
    border-radius: 0;
    margin: 0;
	background:#c2c2c2;
	white-space: pre-wrap;
	display: flex;
    align-items: center;
	margin-top: 5px;
}
.compare-container .active_me {
	background:#289A9D !important;
}
.compare-container .top-tabs {
    background: #fff;
    padding: 0;
    display: flex;
    margin-top: 0;
    border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-color:#c2c2c2;
}
.compare-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width: 100%;
    text-align: center;
    color: #797979;
    font-size: 25px;
    font-family: CircularTT-Book-Web, Arial, san-serif !important;
}
.compare-container .top-tabs .ui-tabs-tab:first-child {
    border-left: 0;
}
.compare-container .top-tabs .ui-tabs-tab.last {
    margin-left: 15px;
}
.compare-container .ui-tabs-panel {
    border: 1px solid #c2c2c2;
    border-top: none;
	padding: 1em 0 0 0;
}
#tabs .block1 .table-row {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding-left: 0;
}
#tabs .panel-footer{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#tabs .block1.icon-block {
    display: flex;
    justify-content: space-evenly;
}
#tabs .block1.icon-block .table-row {
    max-width:110px;
    padding-left: 0;
}
#tabs .pay-in-office .total-price-label {
    font-weight:normal;
}
#tabs .table-row.margin-bottom {
    margin-bottom: 15px;
} 
#tabs .table-row .message {
    text-transform: capitalize;
} 
#tabs .table-row .icon img {
    width: 32px;
} 
#tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
   color: #fff;
}  
#tabs .panel-footer {
   text-align: center;
   background-color: #fff;
   margin-bottom: 15px;
} 
#tabs .footer-btn {
	position:relative;
	float:none;
	right:0;
} 
#tabs .footer-btn .btn{
	border-radius: 50px;
    padding: 13px 30px 11px;
} 
.compare-container .ui-state-active, .compare-container .ui-widget-content .ui-state-active, .compare-container .ui-widget-header .ui-state-active, .compare-container a.ui-button:active, .compare-container ui-button:active, .ui-button.ui-state-active:hover {
    border-color: #c2c2c2;
    background: #289A9D;
}
#tabs .ui-tabs-tab.ui-state-focus:focus-visible{
	outline:none;
	background:#dcdcdc;
}
.promo-input .continue.disabled:focus {
    background: #dcdcdc;
}
#tabs .ui-tabs-tab.ui-state-active.ui-state-focus:focus-visible{
	outline:none;
	background:#2db7ba !important;
}
#tabs .table-row .message.officeinventoryOT-field-true{
	max-width:90px;
}
.compare-container .ui-state-active, .compare-container .ui-widget-content .ui-state-active, .compare-container .ui-widget-header .ui-state-active{
	margin-top:0px;
}
.promo-input .continue.disabled {
    background: #c2c2c2;
    border: #c2c2c2;
}
/***************** AFHP-6170 UI End ********************/
/***************** AFHP-6219 UI Start ********************/
#dropdown-menu-onetime {
    left: 99%;
    top: -1px;
}
#dropdown-menu-onetime .menu-link-item:first-child {
    padding: 7px 0;
}
#menu-drop-down-btn-onetime {
    border-bottom: 1px solid #d2d2d2;
	border-top: none;
    border-left: none;
    border-right: none;
}
#menu-drop-down-btn-onetime .dropdown-header:before{
	transform: rotate(-90deg);
}
#menu-drop-down-btn-onetime .dropdown-header:after{
	transform: rotate(-90deg);
	right:11px;
	top:9px;
	width:1px;
}
/***************** AFHP-6219 UI End ********************/

/***************** AFHP-6245 UI Start ********************/
.inventoryOrder .sub-details{
	justify-content: flex-start;
}
.inventoryOrder .sub-details section{
	max-width:30%;
}
/***************** AFHP-6245 UI End ********************/
/***************** AFHP-6413 UI Start ********************/
.atpSubstitute_toggle label {
    color: #cc0033;
    text-transform: none;
}
.atpSubstitute_toggle {
    text-align: center;
}
.atpSubstitute_toggle #label_switch{
    left: 20px;
}
/***************** AFHP-6413 UI End ********************/
/***************** AFHP-6414 UI Start ********************/
.notice_out_of_stock.teal_box {
    background: #289A9D;
}
/***************** AFHP-6414 UI End ********************/
/***************** AFHP-6422 UI Start ********************/
@media print
{
	.notice_out_of_stock{
		background:none;
		color:#333;
	}
	.notice_out_of_stock.teal_box {
		background:none;
	}
}

/***************** AFHP-6422 UI End ********************/

/***************** AFHP-7184 UI Start ********************/
.highPrice, .lowPrice {
    border: 2px solid #ffdd77 !important;
}
.price_warning {
    color: #212121;
    text-align: center;
    width: 48% !important;
    font-size: 15px;
	top:80% !important;
}
.price_warning .price_heading {
    font-weight: bold;
}
.price_warning .price_text {
    margin-top: 20px;
}
.price_warning .modal_button {
    margin-top: 30px;
}
.price_warning .btn.secondary {
     margin-right: 20px;
}
.ui-icon-info-warning.error-icon {
    width: 15px;
    background-image: url(../images/erroricon.png);
    position: absolute;
    height: 15px;
    background-repeat: no-repeat;
    top: -8px;
    left: 2px;
}
.ui-icon-info-warning {
    width: 15px;
    background-image: url(../images/warning.png);
    position: absolute;
    height: 15px;
    background-repeat: no-repeat;
    top: -8px;
    left: 2px;
}
.tooltip .warningtooltiptext {
    visibility: hidden;
    width: 19vw;
    background-color: #EEE;
    color: #212121;
    border-radius: 6px;
    padding: 7px;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: -138px;
    text-align: left;
}
/***************** AFHP-7184 UI End ********************/

/***************** AFHP-7026 UI Start ********************/
.padding-right-0 {
    padding-right: 0;
}
.productSelectionTitle{
	color: #009999;
    font-size: 17px;
    font-weight: 500;
	border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.field.padding-right-0.last {
    margin-bottom: 20px;
}
/***************** AFHP-7026 UI End ********************/
/* AFHP-7120 UI Start*/
.refill_select{
	max-width: 250px;
    padding-left: 20px;
    border-radius: var(--Border-Radius-M, 12px);
    background: var(--Color-Gray-Shades-White, #FFF);
    border: 1px solid var(--Color-Gray-Shades-Medium-Gray, #999);
}
.feature-selection-dropdown {
    display: flex; /* Align items in a row */
    align-items: center; /* Center-align items vertically */
    justify-content: space-between; /* Adjust this as needed */
}
#feature-selection-dropdown {
    display: flex;
    flex-direction: column;
}

.feature-selection {
    display: flex;
    font-family: "Nunito Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    flex: 1; /* Allows label to grow and take necessary space */
    margin-right: 10px; /* Add some space between label and dropdown */
}

.refill_select {
    flex: 2; /* Allows dropdown to grow and take necessary space */
    /* Other styles remain the same */
}

.table-row.repurchase-toggle-container.new-backorder-toggle:last-child {
    padding-top: 0;
    padding-bottom: 10px;
}
#subscription_display_switch_new{
	top: -10px;
    /* margin-left: 20px; */
}
/* AFHP-7120 UI END*/
/***************** AFHP-6868 UI Start ********************/

/***************** ECP Discount UI Start ********************/
.review-table.practice .title {
    min-width: 42%;
}
.practice .review-row.summary {
    padding-left: 42%;
}
/***************** ECP Discount UI End ********************/
/***************** AFHP-7087 UI Start ********************/
label#id_datepicker-error {
    float: left;
    width: 100%;
}
.datepicker_length {
    max-width: 250px;
    float: left;
    margin-top: 10px;
}
label.datepicker_lable {
    width: 100%;
    float: left;
}
.datepicker_lable_anchor, .rx_anchor, .rx_date_container {
    display: flex;
}
.rx_date_container {
    min-height: 90px;
}
.label_input {
    max-width: 270px;
}
/***************** AFHP-7087 UI End ********************/
/***************** AFHP-8311 UI Start ********************/
section#patient_details {
    margin-bottom: 20px;
}
section#l_and_r_brand_select {
    margin-bottom: 40px;
}
/***************** AFHP-8311 UI End ********************/
/***************** AFHP-6016 UI Start ********************/
.trial_order_heading{
    width: 70%;
    display: inline-block;
    text-align: center;
    min-width: 100px;
    white-space: nowrap;
    color: gray;
    text-wrap: auto;
}
#review-page .refill-content-dx{
	width:45%;
	margin:0;
}
.order_text {
    padding: 18px 0 10px 0;
}
.switch_text .switch{
	float:left;
	min-width: 80px;
    font-size: 10px;
    font-family: 'Nunito Sans'
}
span.switch_text_section {
    align-self: center;
    margin-left: 10px;
    color: #cc0033;
    word-break: break-word;
}
#dxCommentPatientNameInputFieldId, #dxCommentPatientNameInputFieldIdReplinished {
    width: 100%;
    display: flex;
    align-items: center;
	padding-top: 10px;
}
#dxCommentPatientNameInputFieldId, #dxCommentPatientNameInputFieldIdReplinished {
    border-radius:20px;
}
#dxCommentPatientNameInputFieldId > label, #dxCommentPatientNameInputFieldIdReplinished > label {
	width:260px;
}
#dxCommentPatientNameInputFieldId > input, #dxCommentPatientNameInputFieldId > input {
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    border-radius: 50px !important;
    padding: 10px;
    outline: none !important;
}
.switch_text {
    display: flex;
}
span.parameter.last {
    width: 100%;
    float: left;
}
@media only screen and (max-width: 1500px) {
	#review-page .refill-content-dx{
		width:33%;
	}
}
@media only screen and (max-width: 1900px) {
	.refill-content-dx.dx-section-only{
		width:33% !important;
	} 
}
/***************** AFHP-6016 UI End ********************/
/***************** AFHP-9609 UI Start ********************/
.take-survey {
    display: flex;
}
.take-survey button {
    margin: 0 auto;
}
/***************** AFHP-9609 UI End ********************/
/***************** AFHP-9602 UI Start ********************/
.legal_number {
    position: absolute;
    right: 20px;
    bottom: 2px;
}
/***************** AFHP-9602 UI End ********************/
/***************** AFHP-9625 UI Start *******************/
.account_close {
    text-align: center;
    width: 52%;
    margin: 0 auto;
    border: 1px solid #cc0033;
    color: #cc0033;
}
/***************** AFHP-9625 UI End ********************/