::selection {
	color: #ffffff;
	background: #999;
}

::-moz-selection {
	color: #ffffff;
	background: #999;
}

.site-color {
	color: #4ec67f !important;
}

a:hover, a:focus, a.link, .link {
	/*color: #4ec67f; COP-SITE*/
	color: #337ab7;
}

.userMenu>li>a {
	color: #FFF !important;
}

.nav-category li .active {
	background: #337ab7;
}

.search-full, .search-input {
	/*background: #4bb777; COP-SITE*/
	background: #666;
}

.search-close {
	color: #4bb777;
}

.searchInputBox .search-btn {
	color: #ffffff;
}

.navbar-tshop {
	/*COP-SHOP*/
	background: #fff !important;
	background: -moz-linear-gradient(top, rgba(234, 234, 234, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(234, 234, 234, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eaeaea', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
	opacity: 0.9;
}

@media ( max-width : 400px) .navbar-header .navbar-toggle {
	color
	
	
	
	
	
	
	:
	
	
	
	
	
	
	#222
	
	
	
	
	
	
	;
}
/*COP-SHOP*/
.btn-primary, .product:hover .add-fav:hover, .product:hover .add-fav.active {
	/*background-color: #4ec67f; COP-SHOP*/
	color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
	{
	background-color: #7f7f7f;
	border-color: #7f7f7f;
	color: #ffffff;
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #66de97;
	border-color: #66de97;
	color: #ffffff;
	background: #4ec67f;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus,
	.btn-primary.focus:active, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	background-color: #66de97;
	border-color: #66de97;
	color: #ffffff;
	background: #4ec67f;
}

.navbar-top {
	background: #da291b;;
}

.navbar-nav>li>a {
	color: #fff;
}

.navbar-nav>li.active>a {
	color: #fff;
}

.navbar-brand>img {
	height: 40px;
}

#calcForm .nav>li {
	border-bottom: solid 1px #9c9c9c;
	margin-left: 4px;
}

#form-toothbrushlist .nav>li, #form-freegoodlist .nav>li, #addOn-form .nav>li, #form-reviewPlan .nav>li {
	/* 	border: solid 1px #da291b;; */
	margin-left: 4px;
}

.nav>li.active, .nav>li>a:hover, .nav>li>a:focus, .nav>li:hover>a {
	background: none;
	border-bottom: solid 1px #da291b;
	color: #da291b !important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .cartMenu:hover>a.dropdown-toggle {
	background: #af000b;
	color: #fff !important;
}

.dropdown-menu {
	border-top: solid #af000b;
}

.search-box:hover .form-control {
	background: #4ec67f;
}

.search-box:hover .btn-nobg {
	color: #4ec67f;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #4ec67f !important;
	background-color: rgba(78, 198, 127, 0.5) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#804ec67f, endColorstr=#804ec67f) !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#804ec67f, endColorstr=#804ec67f) !important;
}

.action-control a:hover, .action-control a.active {
	color: #ffffff;
	background: #545454;
}

.product.active, .featuredImgLook2 .inner:hover {
	border: 2px solid #da291b;; /*#00b0f0;*/
	/* 	margin: 0px; */
}

.product:hover, .featuredImgLook2 .inner:hover {
	/* 	border: 5px solid #da291b;; #00b0f0; */
	/* 	margin: 0px; */
	
}

.product .productdata-img:hover .prdgrid_hoverdetails {
	display: block;
	background-color: #da291b;
	color: white;
	line-heght: 16px;
	font-size: 14px;
	padding: 10px 10px 0px 10px;
	position: relative;
	height: 80px;
}

.product .productdata-img:hover .prdgrid_hoverpercase {
	display: block;
	color: white;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid white;
	/* 	margin: 5px; */
	position: relative;
}

.product .productdata-img:hover img {
	/* 	height:50%; */
	max-width: 230px;
}

.product .productdata-img:hover {
	/* 	background-color: #da291b; */
	
}

.product .productdata-img:hover .image {
	/* 	display:none; */
	
}

.product .productdata-img:hover .hoverZoom {
	display: block;
	position: relative;
	margin-top: -110px;
	background-color: #da291b;
}

.product .productdata-img:hover .image {
	display: none;
	/* 	position: absolute; */
	/* 	left: 0px; */
	border: none;
	outline: 5px solid #db2c2c;
}

.product .productdata-img .zoomimage {
	display: none;
}

.product .productdata-img:hover .zoomimage {
	display: block;
	/* 	position: absolute; */
	/* 	left: 0px; */
	border: none;
	outline: 5px solid #db2c2c;
}

.hoverZoom {
	display: none;
}

.prdgrid_hoverdetails table td {
	padding: 1px;
}

.subCategoryList .thumbnail:hover {
	border: 1px solid #4ec67f;
}

#pager a.cycle-pager-active {
	background-color: #4bb777 !important;
	background-color: rgba(75, 183, 119, 0.7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b34bb777, endColorstr=#b34bb777) !important;
}

.pager2 a {
	border: 1px solid #4ec67f;
}

.pager2 a.selected {
	background: #65A0D3;
}

.btn-site, .newsLatterBox .btn {
	background: #65A0D3;
}

.btn-discover:hover, .btn-site:hover, .newsLatterBox .btn:hover {
	background: #27ae60;
}

.full {
	width: 100%;
}

.footer a:hover {
	color: #4ec67f;
}

.modal-header {
	/*background: #4ec67f COP-SHOP;*/
	background: #da291b;; /*#AF000B;*/
}

.form-control:focus {
	/*border-color: #4ec67f;*/
	
}

.new-product {
	background-color: #4ec67f !important;
	background-color: rgba(78, 198, 127, 0.95) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f) !important;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f) !important;
}

.nav.tree>li.active, .nav.tree>li>a:hover, .nav.tree>li>a:focus, .nav.tree>li:hover>a {
	background: none;
	color: #2a2a2a;
}

.nav.tree .open-tree>a, .nav.tree .open-tree>a:hover, .nav.tree .open-tree>a:focus {
	background: none;
	font-weight: bold;
	color: #303030;
}

.panel-default>.panel-heading {
	border-top: 4px solid #4ec67f;
}

.info-dental-office .nav-tabs {
	border-bottom: 1px solid #d2d2d2;
	/* 	width: 90%; */
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li:hover>a {
	/* 	background: #da291b;; */
	
}

.nav-tabs {
	margin-bottom: 25px;

	/* 	border-bottom: 3px solid #da291b;; */
	/* 	width: 100%; */
}

.socialIcon a:hover {
	background: #4ec67f;
}

.cart-actions button, .cart-actions .wishlist {
	background: none repeat scroll 0 0 #4ec67f;
	border: 2px solid #27ae60;
}

.cart-actions button:hover {
	background: #ffffff;
	color: #303030;
	border: solid 2px #4ec67f;
}

.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current, .sp-current:visited {
	border: 2px solid #4ec67f !important;
}

.promo-1 {
	background: none repeat scroll 0 0 #27ae60;
}

#pager2 span.cycle-pager-active {
	background: #4ec67f !important;
}

#pager2 span {
	border: 2px solid #4ec67f;
}

.orderStep li.active a {
	background: #4ec67f;
}

.orderStep li.active a:after {
	border-top-color: #4ec67f !important;
}

.orderStep li a {
	background: #66de97;
}

.steps-wrapper {
	padding: 20px;
}
/*Vertical Steps*/
.
/*list*/
-group.vertical-steps {
	padding-left: 10px;
}

.list-group.vertical-steps .list-group-item {
	border: none;
	border-left: 3px solid #ece5dd;
	box-sizing: border-box;
	border-radius: 0;
	counter-increment: step-counter;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
}

.list-group.vertical-steps .list-group-item.active {
	background-color: transparent;
	color: inherit;
}

.list-group.vertical-steps .list-group-item:last-child {
	border-left: 3px solid transparent;
	padding-bottom: 0;
}

.list-group.vertical-steps .list-group-item::before {
	border-radius: 50%;
	background-color: #ece5dd;
	color: #555;
	content: counter(step-counter);
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin-left: -35px;
	text-align: center;
	width: 25px;
}

.list-group.vertical-steps .list-group-item span, .list-group.vertical-steps .list-group-item a {
	display: block;
	overflow: hidden;
	padding-top: 2px;
}
/*Active/ Completed States*/
.list-group.vertical-steps .list-group-item.active::before {
	background-color: #0052c2;
	color: #fff;
}

.list-group.vertical-steps .list-group-item.completed {
	border-left: 3px solid #0052c2;
}

.list-group.vertical-steps .list-group-item.completed::before {
	background-color: #0052c2;
	color: #fff;
}

.list-group.vertical-steps .list-group-item.completed:last-child {
	border-left: 3px solid transparent;
}

a.r-btn {
	padding: 7px 15px;
}

a.r-btn:hover {
	color: #fff !important;
}

.r-btn {
	background-color: #da291b;;
	border-color: #da291b;;
	color: #fff;
	border: 1px transparent;
	padding: 3px 15px;
	height: 30px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}

button:disabled {
	background-color: #ebebe4;;
}

.margin-auto {
	margin: auto !important;
	float: none;
}

input[type="text"]::placeholder {
	color: #cdcdcd;
}

.margin-5 {
	margin: 5px;
}

.margin-20 {
	margin: 20px;
}

.text-center {
	text-align: center;
}

.border-1 {
	border: 1px solid #ddd
}

.light-text {
	color: #ddd;
	font-size: 12px;
}

p.side-bar-txt {
	margin-left: 23px;
	margin-bottom: 15px;
}
/*------------ Login page CSS Starts Here -----------------*/
.login-section, .login-windows {
	margin-top: 30px;
}

.login-gen, .login-register {
	border: 1px solid #ddd;
	padding: 10px 20px;
	height: 350px;
	margin: 5px 5px 10px 5px;
}

.login-heading {
	/*           height: 71px; */
	
}

.login-windows .col-md-6 {
	width: 48%;
}

.login-windows input {
	width: 250px;
	height: 30px;
}

.login-btn {
	margin-bottom: 10px;
}

.disclaimer {
	text-align: center;
	font-size: 12px;
	font-family: Arial;
	color: #999;
}
/*------------ Login page CSS Ends Here -----------------*/
/*------- Welcome page CSS Starts here -------*/
.step-inst {
	width: 100%;
	padding: 5px 10px;
	background-color: #ddd;
	text-align: center;
	margin: 10px;
	font-family: Arial;
	font-size: 18px;
}

.steps-section-1 {
	margin: 20px 10px 80px;
}

.steps-section-2 {
	width: 80%;
	margin: auto;
}

.steps-section-1 .pull-right {
	margin: 32px 0px;
	font-family: Arial;
}

.step-num {
	font-family: Arial;
	font-size: 18px;
	text-align: center;
}

.step-img {
	border: 1px solid #ddd;
	margin: 10px 0px 20px 0px;
	width: 100%;
}

.step-img img {
	width: 100%;
	border: none;
}

.step-desc {
	font-family: Arial;
	padding-right: 30px;
}

.step-desc label {
	margin-right: 10px;
}

.free-bullet {
	list-style: circle inside;
}

.step-pro-review {
	margin-top: 40px;
}

.modal-content {
	margin-bottom: 50px;
}

#product-details-modal .modal-dialog {
	background: #fff;
	max-width: 700px !important;
	overflow: auto;
	width: 100%;
}

.modal-dialog .tab-content {
	border: 0px solid #DDDDDD;
}

.modal-pro-img {
	text-align: center;
}
/*------- Welcome page CSS Ends here -------*/
/*------- Step One: About your Dental Office CSS Starts Here ---------*/
.w-10 {
	width: 10%
}

.w-90 {
	width: 90%;
	display: table;
}

#patient-info-form .nav-tabs li a {
	text-transform: capitalize;
	padding: 0px 10px;
	color: #9c9c9c;
}

#patient-info-form .nav-tabs li a h5 {
	padding-bottom: 5px;
}

#patient-info-form .tab-content {
	border: 0;
}

.input-group-addon {
	min-width: 220px;
	text-align: left;
}

#steps-wrapper-mob {
	display: none;
	padding: 5px;
}

.patient-vol-sec {
	/* 	border: 1px solid #ddd; */
	padding: 10px;
	font-family: Arial;
	margin: 2px;
	/* 	margin: 0px 15px; */
}

.patient-vol-sec .vol-inst h4 {
	font-weight: bold;
	font-family: Arial;
}

.patient-vol-sec .col-md-8 {
	margin-top: 10px;
}

.tb-quantity .input-group .form-control {
	width: 80px;
	height: 34px;
}

.tb-quantity .input-group .form-control[readonly] {
	background: none;
}

.plan-disp-sec {
	/*margin-top: 30px;*/
	
}

.plan-disp-sec .col-md-4 {
	margin-top: 40px;
}

.plan-disp-sec .step-img {
	width: 50%;
	height: auto;
	margin: 10px auto;
}

.plan-disp-sec .plan-box {
	border: 0px;
}

/* .plan-box-title>img { */
/* 	width: 274px; */
/* 	height: 42px; */
/* } */
.plan-box-title-adult, .plan-box-title-kids {
	background: url(/copstorefront/_ui/responsive/theme-cop/images/plan/plan-tag-img.png) no-repeat;
	width: 274px;
	height: 42px;
	background-size: 274px 42px;
	padding-top: 12px;
	padding-right: 20px;
	text-transform: uppercase;
}

.plan-box-title-tween {
	background: url(/copstorefront/_ui/responsive/theme-cop/images/plan/plan-tag-img.png) no-repeat;
	width: 450px;
	height: 42px;
	background-size: 450px 42px;
	padding-top: 12px;
	padding-right: 20px;
	text-transform: uppercase;
}

.plan-box-title span, .plan-box-title-adult span, .plan-box-title-tween span, .plan-box-title-kids span {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	float: right;
}

.plan-box-title .adult {
	width: 274px;
	height: 42px;
	background-size: 274px 42px;
}

.plan-box-title .kids {
	width: 274px;
	height: 42px;
	background-size: 274px 42px;
}

.plan-box-title .tween {
	width: 450px;
	height: 42px;
	background-size: 450px 42px;
}

.btn-blue:hover, .btn-blue:active {
	color: #fff;
	background-color: #65a0d3;
}

.btn-blue {
	background-color: #6eaee5;
	border: 2px solid #fff;
	font-weight: 700;
	-webkit-box-shadow: 0 0 2px 1px #d0d0d0;
	box-shadow: 0 0 2px 1px #d0d0d0;
	padding: 5px;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
	height: 2rem !important;
	padding: 5px !important;
	line-height: 1rem !important;
}

.plan-options-section {
	margin: 0px !important;
}

.plan-options-section .plan-box-option.col-md-5 {
	width: 47%;
}

.plan-options-section .option-title.col-md-2 {
	width: 6%;
}

.hor-line {
	width: 45%;
	border-bottom: 5px dotted #999;
	float: left;
	height: 15px;
}

.pl-ico {
	float: left;
	width: 10%
}

.vertical-line {
	height: 580px;
	border-right: 5px dotted #999;
	width: 68%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.s-vertical-line {
	height: 120px;
	border-right: 5px dotted #999;
	width: 60%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.sub-options.col-md-12 {
	margin: 0px;
	padding: 0px;
}

.sub-options img {
	width: 130px;
	margin: auto;
}

.tween-plan {
	margin-top: 40px;
	height: 720px;
}

.kids-plan {
	margin-top: 40px;
	height: 450px;
}

.kids-plan .s-vertical-line {
	height: 120px;
}

.kids-plan .plan-box-option img {
	margin: auto;
	width: 60%;
}

.plan-options {
	/*margin:0 !important;*/
	width: auto;
	padding: 5px;
}

.plan-options .align-middle {
	line-height: 200px;
}

.plan-box {
	padding: 0;
	/*border: 1px #e3e3e3 solid;*/
	/*padding: 10px;*/
}

.plan-options-title {
	color: #1174cf;
	font-size: 1.5rem;
	font-weight: 600;
}

.plan-box-desc {
	color: #666;
	text-transform: uppercase;
	font-size: 1.7rem;
	/* 	margin: 20px; */
	font-weight: 600;
}

.plan-box-option {
	margin-top: 20px;
}

.plan-box-option img {
	padding: 5px;
}

.plan-box-promo {
	color: #ed1d24;
}

.option-title {
	color: #ed1d24;
	font-size: 2rem;
	text-align: center;
	font-weight: 600;
}

h6.option-title {
	padding-bottom: 2px;
}

.option-txt {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-align: center;
	font-family: Arial;
}

.highlight-txt {
	color: #da291b;;
}

.option-quantity {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-family: Arial;
}

.plan-box-option .fa-plus {
	color: #da291b;;
}

.plan-box-option .col-md-5.add-ons {
	padding-top: 40px;;
}

.pull-down {
	padding-top: 80px
}

.plan-box .subCategoryList {
	margin-top: 5px;
}

.plan-box .plan-det-table td {
	padding: 5px 15px;
}

.plan-box .sec-right {
	/*text-align: center;*/
	padding: 10px 5px;
}

.plan-box .sec-right img {
	border: 1px solid #ddd;
	width: 80px;
}

.plan-disp-sec.disabled .plan-show-text {
	color: #ddd;
}

.plan-disp-sec.disabled .plan-box {
	height: 300px;
}

.plan-disp-sec.disabled .plan-box div {
	display: none;
}

.plan-box .tab-section-cnt {
	margin-top: 10px;
}

.plan-box .tab-section-cnt .col-md-4 {
	margin-top: 0px;
}

.plan-box .pro-img {
	width: 100%;
	margin: 0px;
}

.plan-box .tab-section-cnt .plantitle {
	text-decoration: underline;
}

.chooseplan {
	margin-left: 50px;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.choice-q {
	padding-top: 2px;
}

.choice-q .r-container {
	margin: 2px;
}

.choice-q label {
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
}

.choice-q-title {
	color: #9E9E9E;
	font-size: 14px;
	/* 	font-weight: 600; */
}

h4.choice-q-title {
	padding: 0px;
}

.choice-q .plan-options-title {
	padding: none;
}

.border-right-dotted {
	border-right: 5px dotted #999;
}
/*Date Picker*/
/* Removes the clear button from date inputs */
input[type="date"]::-webkit-clear-button {
	display: none;
}
/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}
/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {
	color: #2c3e50;
}
/* A few custom styles for date inputs */
input[type="date"] {
	appearance: none;
	-webkit-appearance: none;
	color: #333;
	font-family: Arial;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 2px 5px;
	display: inline-block !important;
	visibility: visible !important;
}

input[type="date"], focus {
	color: #333;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.office-info {
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	overflow: hidden;
	/*opacity:.5;*/
	/*padding: 10px;*/
	background: url(../../images/site/category.jpg) no-repeat top;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: 100%;
}

.office-info-more {
	/*padding:10px;*/
	/* 	margin-left: 15px; */
	margin-bottom: 20px !important;
	margin: 2px;
}

.office-info-more>form, .office-info-more.plan-options {
	padding: 15px;
}

.grey-back {
	border: 3px solid grey;
}

#disply-plan, #disply-ship-details {
	display: none;
}

.next-step-section {
	right: 0px;
	left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	position: fixed;
	bottom: 0px;
	background: #fff;
	float: right;
	text-align: right !important;
	padding: 5px;
	/* 		display:none; */
	box-shadow: 0 0 2px 1px #d0d0d0;
	z-index: 1;
}

.next-step-section .align-left {
	float: left;
	text-align: left !important;
}

.help-block_1 {
	display: none;
	color: #fe2000;
	font-size: 14px;
	height: 30px;
}

.input-group {
	margin-bottom: 10px;
}

#dental-office-table {
	width: 100%;
	border: 3px solid #da291b;;
}

#dental-office-table th {
	padding: 5px 10px;
	border: 1px solid #da291b;;
	background: #da291b;;
	color: #ffffff;
}

#dental-office-table th:last-child {
	text-align: center;
}

#dental-office-table tr td:first-child {
	padding: 5px 10px;
	border: 1px solid #da291b;;
	font-weight: bold;
}

#dental-office-table tr:last-child {
	font-weight: bold;
}

#dental-office-table tr td {
	padding: 5px 10px;
	border: 1px solid #da291b;;
}

/*background-attachment: fixed;    */
/*------- Step One: About your Dental Office CSS Ends Here ---------*/

/*------- Step Two: Select Toothbrush CSS Starts Here ---------*/
.product {
	padding: 10px 5px;
}

.product .image img {
	margin: 10px auto;
	/*           border: 1px solid #ddd; */
}

.product .description {
	margin: 0 auto;
	min-height: 50px;
	max-width: 235px;
}

.item {
	height: auto !important;
}

.product .btn-primary {
	color: #fff;
	background-color: #4f88c5;
	border-color: #2e6da4;
}

.item.list-view .product {
	height: auto; /* image size*/
	text-align: left;
	padding: 15px;
}

.item .product {
	/* 	min-height: 300px !important; image size */
	/* 	height: 450px; */
	/* 	max-height: 450px; */
	text-align: center;
	padding: 5px;
	width: 100%;
	margin: 4px;
	background: #fff;
}

.item .product:hover, .item .product:active {
	/* 	margin: 0px; */
	
}

.productdata-img {
	height: 245px;
	cursor:pointer;
}

.imprint-info {
	background: #7f7f7f;
	border: 1px solid #7f7f7f;
	margin: 10px auto;
	padding: 5px;
	width: 80%;
	color: #000;
}

.plus-icon {
	padding-top: 13%;
}

.next-step {
	padding-top: 10%;
}

.action-control {
	display: none !important;
}

.grid-view {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	/* -webkit-flex-flow: row wrap; */
	/* 	flex-flow: row wrap; */
	padding-left: 10px;
	padding-right: 20px;
}

.grid-view .item {
	/* 	padding: 0.5%; */
	/* 	flex-grow: 1; */
	/* 	flex-basis: 25%; */
	display: flex;
	padding: 5px;
	/* 	-webkit-flex: 0 1 300px; */
	/* 	flex: 0 1 300px; */
}

.grid-view .item.hide {
	display: none;
}

.categoryProduct .item .image {
	/* 	width: 300px !important; image size */
	height: auto !important;
	/* 	max-width: 350px; */
	width: 100%;
	border: 1px solid #e8e8e8;
}

.categoryProduct .item .image img {
	width: 100% !important;
	height: auto !important;
	margin: 5px auto;
	max-width: 230px;
}

.categoryProduct .item.list-view .image {
	/* 	width: 300px !important; image size */
	height: auto !important;
	max-width: 350px;
}

.categoryProduct .item.list-view .image img {
	width: 100% !important;
	height: auto !important;
	margin: 5px auto;
}

.item.list-view .description p {
	text-align: left !important;
	/* 	margin-left: 300px; */
}

.item.list-view .price {
	text-align: left !important;
	/* 	margin-left: 300px; */
}

.prod-selection {
	color: #da291b;
	font-size: 13PX;
	FONT-WEIGHT: bold;
	position: relative;
	height: auto;
	min-height: 130px;
	/* 	margin-left: 300px; */
}

.prod-selection .prod-name {
	color: #535353;
	font-size: 13px;
	font-weight: bold;
}

.prod-selection .plan {
	/* 	height: 54px; */
	/* 	background-color: #fff; */
	/* 	border: 2px solid #da291b; */
	/* 	font-size: 14px; */
	/* 	color: #da291b; */
	/* 	font-family: "Colgate Ready"; */
	/* 	font-weight: bold; */
	/* 	text-align: center; */
		display: table-cell;
	/* 	width: 300px; */
		padding: 5px 15px;
	/* 	vertical-align: middle; */
	height: 54px;
	background-color: #fff;
	border: 2px solid #da291b;
	font-size: 14px;
	color: #da291b;
	font-family: "Colgate Ready";
	font-weight: bold;
	text-align: center;
/* 	display: inline-block; */
	width: 100%;
/* 	padding: 15px; */
	vertical-align: middle;
	align-items: center;
}

.prod-selection .remove-plan {
	border: none;
	color: #fff;
	background-color: #da291b;
}

.prod-selection .disable-plan {
	border: 1px solid;
	color: #cbcbcb;
	background-color: #f3f3f4;
	cursor: not-allowed;
}

.prod-selection label.l-container, .prod-selection label.r-container {
	padding: 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	display:table;
}

.tab-content.tb-selc {
	border: 0px;
}

.user-sel-sec {
	position: fixed;
	width: 200px;
	right: -196px;
	background: #ddd;
	bottom: 0px;
	top: 0px;
	padding: 10% 6px;
	z-index: 99999;
	box-shadow: 0 0 2px 1px #d0d0d0;
}

.io-slide {
	width: 20px;
	height: 30px;
	background: #999;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999999999;
	background-image: url("../../images/io-slide_icon.jpg");
}

.user-choices {
	padding: 0px 5px;
}

.c-img {
	width: 100%;
	/* margin-left: 20px; */
}

.user-choices img {
	width: 44%;
	float: left;
}

.user-choices h4 {
	padding-bottom: 0px;
}

.user-choices-tp img {
	width: 100%;
	float: left;
}

.user-choices+.plus-icon {
	padding-top: 0px;
}

.plus-icon+.next-step {
	padding-top: 5%;
}
/*------- Step Two: Select Toothbrush CSS Ends Here ---------*/
/*------- Step Two: Select Toothpaste CSS Starts Here ---------*/
.canada-only {
	padding: 5px;
	border: 1px solid #ddd;
	margin: 0px 0px 15px;
}

.toothpaste-choices .plus-icon {
	padding-top: 5%;
}

.toothpaste-choices .next-step {
	padding-top: 2%;
}
/*------- Step Two: Select Toothpaste CSS Ends Here ---------*/
/*------- Step Two: Select Add-ons CSS Starts Here ---------*/
.addon-choices .user-choices img {
	width: 80px;
	height: auto;
}

.addon-choices .plus-icon {
	padding-top: 5%;
	width: 6%;
}

.addon-choices .next-step {
	padding-top: 2%;
	width: 22%;
}

.bonus-link a {
	font-size: 16px;
	font-weight: bold;
	color: #da291b;;
}

.bonus-link a:hover {
	text-decoration: underline;
}

.bonus-pro {
	margin: 10px 0px;
}

.bonus-pro img {
	width: 160px;
	height: auto;
}

.bonus-pro table {
	width: 100%;
	margin: auto;
	text-align: left;
}

/*------- Step Two: Select Add-ons CSS Ends Here ---------*/
/*------- Step Two: Select Toothbrush Multiple Bucket CSS Start Here ---------*/
.productFilter .bucket-title {
	font-weight: bold;
	font-size: 16px;
	width: 7%;
	padding: 0px 5px;
}

.productFilter .bucket-desc {
	padding: 0px 5px;
	width: 72%;
}

.productFilter .bucket-result-list {
	padding: 0px 5px;
	width: 20%;
}

.categoryFooter {
	display: none;
}
/*------- Step Two: Select Toothbrush Multiple Bucket CSS Ends Here ---------*/

/*------ Review Plan CSS Starts Here ------*/
.tab-section {
	background: #fff;
	padding: 10px 20px;
	min-height: 150px;
	margin-bottom: 20px;
	display: table;
	width: 100%;
	font-family: Arial;
}

.tab-section-heading h3 {
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-style: none none double;
	border-bottom-color: #999;
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
}

.pro-img {
	width: 20%;
	margin: 3px;
	border: 1px solid #ddd;
}

.pro-name {
	font-size: 14px;
	font-family: Arial;
}

.o-count {
	height: 26px !important;
	width: 50px;
}

.imprint-section {
	margin-top: 20px;
}

.imprint-heading {
	font-size: 15px;
	font-weight: bold;
}

.imprint-pro {
	margin-top: 20px;
	display: table;
	width: 100%;
}

.dd-table tr {
	border: 1px solid #999;
}

.dd-table th {
	background-color: #dddddd;
	text-align: center;
}

.dd-table td {
	text-align: center;
	padding: 0px 5px;
}

.dd-table .auto-renew {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.ship-address h4 {
	font-weight: bold
}

.ship-address {
	margin-top: 30px;
}

.impr-detail-input input[type="text"], input[type="password"], input[type="email"] {
	width: 100%;
	height: 26px;
}

.dim-text {
	color: #999;
}

.imp-pro-name {
	text-align: center;
}

.cartMenu {
	display: none !important;
}

.clearFloat {
	position: relative;
	clear: both;
}

.ship-address div:nth-child(2) {
	border-left: 3px solid #999;
	padding-left: 80px;
}

.ship-address input {
	width: 300px;
	height: 25px;
	margin-bottom: 3px;
}

.free-pro td:nth-child(2) div {
	color: #1174cf;
	font-weight: bold;
}

#edit-delivery-details button.close {
	font-size: 27px;
	margin: 5px 10px 10px 0px;
}

#edit-delivery-details  .modal-content {
	box-shadow: none;
}

#edit-delivery-details  .modal-dialog {
	Opacity: 1 !important;
}

.edit-details-section {
	width: 80%;
	margin: auto;
	padding-top: 30px;
	text-align: center;
}

.edit-detail-btn {
	margin: 15px 5px;
}

.submit-plan-btn {
	padding-top: 40px;
}

#submit-confirm-box .modal-dialog {
	width: 500px;
}

#submit-confirm-box .modal-content {
	box-shadow: none;
	margin-bottom: 10px;
}

#submit-confirm-box  .modal-title-site {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 20px;
	font-weight: lighter;
	padding: 13px 0;
	text-transform: uppercase;
}

#submit-confirm-box   .desc-text {
	text-align: center;
}

/*------ Review Plan CSS Ends Here ------*/

/*Modify plan*/
.add-ship-add {
	padding-top: 42px;
	font-size: 18px;
}

.add-ship-add a {
	color: #0052c2;
}

.delivery-cnt.sec-2 {
	margin-top: 40px;
}

#form-reviewPlan .tab-content {
	border: none;
}

.dd-edit-table .image {
	width: 90px;
	height: auto;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* .dd-edit-table .image:hover, .dd-edit-table .image:active, .dd-edit-table .image:focus .product-detail-modal { */
/* 	-ms-transform: scale(2.5); */
/* 	-moz-transform: scale(2.5); */
/* 	-webkit-transform: scale(2.5); */
/* 	-o-transform: scale(2.5); */
/* 	transform: scale(2.5); */
/* 	position: absolute; */
/* 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
/* 	z-index: 100; */
/* 	background-color: #fff; */
/* 	border: 1px solid #c0c0c0; */
/* 	border-radius: 7px; */
/* 	margin-top:80px; */
/* 	margin-left:80px; */
/* 	display:block; */

/* } */
.dd-edit-table .row {
	margin-left: 1px;
	margin-right: 1px;
}

.dd-edit-table input[type="text"] {
	width: 90%;
	text-align: right;
	padding: 5px;
}

.dd-edit-table input[type="number"] {
	width: 90%;
	text-align: right;
	padding: 5px;
	pattern: "[0-9^e]+";
	-moz-appearance: textfield;
}

.dd-edit-table input[type=number]::-webkit-inner-spin-button, .dd-edit-table input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dd-edit-table input[readonly="readonly"] {
	background: #ebebe4;
}

/* Highlight Cells */
.dd-edit-table tr:hover {
	background: #fbf8e9;
}

.dd-edit-table .highlight-cell {
	border: 2px solid;
	border-color: #da291b;;
}

.dd-edit-table .highlight-cell-background {
	background: #ccfefe;
}

.dd-edit-table .highlight-row-border {
	border: 3px solid;
	border-color: #030af4;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 3s;
}

}
/* Safari 4.0 - 8.0 */
@
-webkit-keyframes example {
	from {background-color: #feffbb;
}

to {
	background-color: #bbffff;
}

}

/* Standard syntax */
@
keyframes example {
	from {background-color: #feffbb;
}

to {
	background-color: #bbffff;
}

}
.dd-edit-table {
	width: 99.5%;
}

.dd-edit-table .highlight-row {
	background: #feffbb;
	/* 	border: 5px solid; */
	/* 	border-color: #da291b;; */
}

.dd-edit-table  td {
	padding: 5px 0px 5px 0px;
	/* 	border-top: 1px solid #ddd; */
	/* 	border-bottom: 1px solid #ddd; */
}

#edit-delivery-details .modal-dialog {
	width: 600px;
}

#edit-delivery-details .modal-title-site {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 23px;
	font-weight: lighter;
	padding: 7px 0;
	text-transform: uppercase;
}

#edit-delivery-details .modal-header {
	background: #AF000B;
}

.shipping-add {
	border: 1px solid #999;
	background: #ddd;
	padding-top: 5px;
}

.add-row {
	margin: 10px;
}

#edit-delivery-details .desc-text {
	margin-left: 30px !important;
}

#edit-delivery-details .modal-content {
	margin-bottom: 10px;
}

/* Add on Plan */
.shipment-info {
	margin-top: 10px;
	position: relative;
}

.addon-qty {
	width: 50px;
	text-align: right;
	padding: 5px;
	pattern: "[0-9^e]+";
}

.addon-qty-item input[type=number], select {
	height: 25px;
	position: relative;
}

.addon-qty-item .highlight-cell {
	border: 2px solid;
	border-color: #da291b;;
}

.popover {
	z-index: 9999;
}

.addon-qty-item input[type=number]::-webkit-inner-spin-button, .addon-qty-item input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.price-list {
	font-size: 12px;
}

.addon-pricelist {
	color: blue;
}

/* ---------------------------------- Custome Checkboxes Starts-----------------------------*/

/* The container */
.l-container {
	display: block;
	position: relative;
	padding-left: 30px;
	/* 	margin-bottom: 12px; */
	cursor: pointer;
	color: #da291b;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.l-container .facet {
	color: #929292;
}

#facet-filter {
	font-size: 20px;
	color: #da291b;
	display: none;
}

#facet-filter.collapsed {
	color: #9c9c9c
}

/* Hide the browser's default checkbox 
input[type=checkbox] {
	position: absolute;
	opacity: 0;
} */

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #ffffff; /*#eee;*/
	border: 1px solid black;
}

/* On mouse-over, add a grey background color */
.l-container:hover input ~ .checkmark {
	border: 1px solid #999;
}

.l-container input:disabled ~ .checkmark {
	border: 1px solid #cdcdcd;
	background-color: #cdcdcd;
}

/* On mouse-over, add a grey background color */
.l-container:hover input:disabled ~ .checkmark {
	border: 1px solid #cdcdcd;
}

/* When the checkbox is checked, add a blue background */
.l-container input:checked ~ .checkmark {
	background-color: #da291b; /*#999;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.l-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.l-container .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ---------------------------------- Custome Checkboxes Ends-----------------------------*/

/* ---------------------------------- Custome Radio Buttons Starts -----------------------------*/
/* The container */
.r-container {
	display: block;
	position: absolute;
	padding-left: 35px;
	margin-top: 12px;
	cursor: pointer;
	/* font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* width: 80%; */
	/* 	margin-left: 87px; */
}

/* Hide the browser's default radio button */
.r-container input {
	position: absolute;
	opacity: 0;
}

/* Create a custom radio button */
.radio {
	position: absolute;
	top: -9px;
	left: 10px;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #999;
}

/* On mouse-over, add a grey background color */
.r-container:hover input ~ .radio {
	background-color: #da291b;
	border: 1px solid #999;
}

/* When the radio button is checked, add a blue background */
.r-container input:checked ~ .radio {
	background-color: #da291b;
	border: 1px solid #999;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.r-container input:checked ~ .radio:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.r-container .radio:after {
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #da291b;
}

/* ---------------------------------- Custome Radio Buttons Ends -----------------------------*/
.checkbox input[type="checkbox"] {
	opacity: 1 !important;
}

/* Remove Cart Entry Confirmation Dialog*/
#remove-cart-confirmation .modal-dialog {
	width: 300px;
}

/* --- Imprint Button and popup ---*/
.imprint-link {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
}

.imprint-link a {
	color: #fff;
}

.btn-imprint, .btn-imprint:visited, .btn-imprin:focus, .btn-imprin.link, .btn-imprin:active {
	font-family: Arial;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #999;
	background: #999;
	padding: 3px 8px;
	color: #fff !important;
	border-radius: 3px;
}

.btn-imprint:hover {
	border: 1px solid #fe2000;
	background: #fff;
	color: #fe2000 !important;
}

#imprint-section .table-th div, #imprint-section .add-pro-imprint div {
	text-align: center;
	padding: 5px 10px;
}

#imprint-section .table-th span {
	font-size: 15px;
	font-weight: bold;
}

#imprint-section .add-pro-imprint select, #imprint-section .add-pro-imprint input {
	width: 100%;
	height: 25px;
	padding-left: 3px;
	border: 1px solid #999;
	margin-bottom: 10px;
}

#Modal-imprint .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity = 20);
	opacity: .8;
}

#Modal-imprint .modal-dialog {
	Opacity: 1;
	width: 600px;
}

#Modal-imprint .modal-content {
	box-shadow: none !important;
}

.imprint-input {
	display: grid;
}

#btnSaveImprint {
	background-color: #da291b;;
	border-color: #da291b;;
	color: #fff;
	border: 1px transparent;
	padding: 3px 15px;
	height: 30px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}

.note {
	color: #da291b;
	font-size: 16px;
}

.orderno {
	color: #da291b;
	font-weight: bold;
	/* 	font-size: 24px; */
}

.addToCart {
	color: blue;
	font-size: 24px;
}

.emptyCart {
	color: blue;
	font-size: 72px;
}

.removeCartEntry {
	color: #da291b;
	font-size: 24px;
}

/* #signon-bonus-modal .modal-dialog { */
/* 	max-width: 700px; */
/* 	opacity: 1; */
/* } */

/* #signon-bonus-modal .modal-content { */
/* 	background-color: #fff; */
/* 	box-shadow: none; */
/* } */

/* #signon-bonus-modal .modal-title-site { */
/* 	background-color: #da291b;; */
/* 	margin-bottom: 20px; */
/* } */
#signon-bonus-modal .close {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 30px;
	color: #fff;
	opacity: 1;
}

.cop-custom-modal-header {
	background: #da291b;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-size: x-large;
	font-weight: bold;
}

.vertical-center-modal {
	min-height: 100%;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

#bundlereview .cop-custom-modal-header {
	height:100px;
}

#bundlereview .cop-custom-modal-header h3 {
	padding:0;
}

@media only screen and (max-width : 767px) {
	#bundlereview .cop-custom-modal-header h3 {
		font-size: 16px;
		line-height:18px;
	}
}

.cop-custom-modal-content {
	padding: 10px;
	min-height: 100px;
}

.cop-custom-modal-box {
	border: 1px solid #ddd;
	padding: 10px;
}

.cop-modal-footer {
	padding: 7px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

#signon-bonus-modal .r-label {
	display: block;
	position: absolute;
	padding-left: 35px;
	margin-top: 12px;
	cursor: pointer;
	/* font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* width: 80%; */
}

.cop-custom-modal-Overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9;
	display: none;
	left: 0;
	top: 0;
}

.cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	min-width: 200px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#imprintModal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 520px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

.AC {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

.BB {
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
}

.IT {
	font-weight: normal;
	font-style: italic;
	text-transform: capitalize;
}

#imprintModal .input-group-addon {
	min-width: 100px;
}

#signon-bonus-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 600px;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#signon-bonus-modal .cop-custom-modal-header {
	background: #da291b;;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-size: x-large;
	font-weight: bold;
}

#signon-bonus-modal .cop-custom-modal-content {
	padding: 10px;
	max-height: 500px;
	overflow-y: auto;
}

#signon-bonus-modal .cop-custom-modal-box {
	border: 1px solid #ddd;
	padding: 10px;
}

#signon-bonus-modal .cop-modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

#remove-cart-confirmation .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 400px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#ipad-orientation .cop-custom-modal {
	max-width: 400px;
}

#selectFreegood-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 450px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#selectToothbrush-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 450px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#enterPatientInfo-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 500px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#forgotTBSelection-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 500px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

.element-hide {
	display: none;
}

.element-invisible {
	visibility: hidden;
}

#renewPlan-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 600px;
	height: 270px;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#renewPlan-modal .renew-bg {
	background-color: #F3F6FB;
}

/*----- Steps Section for Mobiles ------*/
.periodic_claims_steps_container {
	padding: 16px 0;
	width: 100%;
	height: 130px;
}

.periodic_steps {
	width: 645px;
	margin: 0 auto;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.periodic_steps .step_num {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ece5dd;
	padding: 3px 0;
	position: relative;
}

.periodic_steps .step_seprator {
	width: 124px;
	height: 2px;
	background: #ece5dd;
}

.periodic_steps .step_num.active {
	background-color: #0052c2;
}

.periodic_steps  .step_num p {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-family: Arial;
	color: #454545;
	text-decoration: none;
	position: absolute;
	top: 35px;
	width: 100px;
	text-align: center;
	margin-left: -35px;
}

.step_num span {
	font-size: 14px;
	color: #000;
	/* padding: 2px 10px; */
	position: absolute;
	margin-top: 2px;
	margin-left: 11px;
}

.step_num.active span {
	color: #fff;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

@media screen and (max-width:768px) {
	.steps-wrapper {
		/* 		display: none; */
		
	}
	#facet-filter {
		display: block;
	}
	#steps-wrapper-mob {
		display: block;
		padding: 5px;
	}
	.products-list .cartTable.responsive td {
		padding-left: 8px;
		padding-right: 8px;
	}
	.lg-lt-col {
		display: none;
	}
	.patient-vol-sec {
		background: none;
	}
	.tb-quantity-header .input-group .control-label {
		font-size: 8px;
	}
}

@media screen and (max-width:640px) {
	.navbar-header .navbar-toggle {
		background: #fe2000 !important;
	}
	.hide.glyphicon-log-in {
		display: none !important;
	}
	.dropdown.hasUserMenu {
		margin-top: 6px;
	}
	.navbar-nav>li>a {
		color: #222 !important;
	}
	.navbar-nav>li.active>a {
		color: #fff !important;
	}
	.step_num p {
		display: none !important;
		border: 1px solid #da291b;
	}
	.periodic_steps .step_seprator {
		width: 15%;
		height: 2px;
	}
	.periodic_steps {
		width: 100%;
		padding: 0px 10%;
	}
	.periodic_claims_steps_container {
		padding: 16px 0;
		width: 100%;
		height: 60px;
	}
	.brochure-link {
		float: left !important;
		margin: 10px 0px;
	}
	.office-info {
		background: none;
	}
	.v-divider {
		display: none;
	}
	.plan-options-section .plan-box-option.col-xs-12 {
		width: 100%;
		margin-bottom: 40px;
	}
	.h-divider {
		display: block;
	}
	.h-divider .hor-line {
		border-bottom: 3px solid #999;
	}
	.pl-ico span {
		font-size: 18px;
		font-weight: bold;
		color: #fe2000;
	}
	.tween-plan, .kids-plan {
		margin-top: 40px;
		height: auto;
	}
	.step-desc {
		text-align: center;
		margin-right: 0px !important;
	}
	.step-desc a.r-btn {
		display: block !important;
	}
	.prod-selection label.l-container {
		font-size: 16px;
		/* 		width: 217px; */
	}
	.prod-selection {
		margin-left: 5px !important;
	}
	.sp-thumbs a {
		display: inline-block;
	}
	.ship-address div:nth-child(2) {
		border-left: 0px;
		padding-left: 15px;
		margin-top: 30px;
	}
	.add-ship-add {
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 30px;
	}
	.submit-plan-btn {
		padding-top: 10px;
	}
	.pinned table th, .pinned table td {
		white-space: nowrap;
	}
}

#hsContactCustomerModal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 530px;
	min-height: 325px;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#hsContactCustomerModal .cop-custom-modal-box {
	border: 1px solid #ddd;
	padding: 10px;
}

#hsContactCustomerModal span {
	font-weight: bold;
}

.regstration-error {
	color: #da291b;
	font-weight: bold;
}

.successMess-registration {
	/* 	color: green; */
	/* 	font-weight: bold; */
	padding: 10px;
	/* 	font-size: 20px; */
}

#successMess-registration-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 700px;
	min-height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#billingNo-img-modal {
	display: none;
}

#billingNo-img-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 700px;
	min-height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#billingNo-img-modal .cop-custom-modal-Overlay {
	display: block;
}

.Welcome-txt ul {
	list-style-type: disc;
	list-style-position: inside;
}

#password-constraints ul {
	list-style-type: circle;
	list-style-position: inside;
}

#billingNo-img-modal .billing-no-img {
	width: 540px;
	height: auto;
	display: inline-block;
}

#billingNo-img-modal .cop-custom-modal-content {
	text-align: center;
}

#new-user-registration input[type=checkbox] {
	margin-left: -40px;
	position: relative;
	margin-right: 5px;
}

.cop-loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
	background: rgba(255, 255, 255, .7) url(../img/spin.svg) center no-repeat;
}

.cop-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#contactListModal .cop-custom-modal {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

#contactListModal .cop-modal-footer {
	text-align: left;
}

.scroll-container {
	height: 380px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	zoom: 1;
}

#label-plan-create-confirmation, #label-plan-update-confirmation {
	font-weight: normal;
}

.review img {
	height: 100px;
	padding: 2px;
	text-align: left;
}

.review-qty {
	padding: 2px;
	font-size: 10px;
	line-height: 10px;
}

.review-qty input[type="number"] {
	height: 25px;
	width: 50px;
}

.save-info a {
	font-size: 14px;
	color: #da291b;
	border: 1px solid #da291b;
}

.cart-item {
	border: 1px solid;
	border-color: grey;
}

.cart-item-total {
	font-size: 14px;
}

.cart-item-total input[type="text"] {
	height: 20px;
	width: 50px;
	background-color: none;
	background: none;
	color: black;
	text-align: left;
	border: none;
	padding: 5px;
	line-height: 1;
}

.cart-item-calendar {
	font-size: 12px;
	font-weight: normal;
	color: #808080;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	background-color: #f6f6f6;
	border-color: #a6a6a6;
	border-radius: 7px;
	/* 	width: 50px; */
	margin-right: 4px;
	-webkit-flex: 1 0 8%;
	flex: 1 0 8%;
}

.cart-item-calendar input[type="number"] {
	height: 24px;
	margin-bottom: 1px;
	line-height: 1;
}

.cart-item-schedule {
	display: flex;
	margin-top: 5px;
	padding-left: 0px;
}

/* #table-cart { */
/* 	width: auto; */
/* } */
.cart-action {
	text-align: right;
	margin-right: 10px;
}

.cart-item-desc {
	font-size: 14px;
	color: black;
}

.cart-item-footer {
	margin-top: 5px;
}

.plan-po {
	font-weight: bold;
}

.plan-po input[type="text"] {
	height: 20px;
	font-weight: normal;
	width: 300px;
}

.product-detail-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	max-width: 800px;
	height: auto;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.8);
	background-color: #fff;
}

.product-detail-modal .cop-custom-modal-content {
	height: 500px;
	overflow-y: auto;
}

.plan-header {
	padding-left: 0px;
}

.imprint-text>a {
	color: #fff;
}

.tb-quantity-header .input-group-addon {
	background: none;
	border: none;
}

.tb-quantity-header .input-group .control-label {
	width: 80px;
	text-align: center;
	/*font-size: 8px;*/
	
	font-size:10px;
	padding-left:0;
	padding-right:0;
	padding-top:14px;
}

.imprint-text-info {
	border: 1px solid #ddd;
	visibility: hidden;
}

input[type="text"].highlight-field {
	border: 2px solid;
	border-color: #da291b;;
	background: #ccfefe;
}

#monerisDataLabel {
	position: inherit;
	font-size: 14px;
}

label.monerisInputLabel {
	position: inherit;
}

.wizard {
	min-height: 200px;
	background-color: #f3f3f3;
	margin: -20px -20px 10px -20px;
	z-index: 1;
}

.wizard-header {
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	color: #9c9c9c;
	font-size: 16px;
}

.progressbar {
	margin: 0;
	padding: 0;
	counter-reset: step;
	height: 60px;
	padding-top: 40px;
}

.progressbar li {
	list-style-type: none;
	width: 20%;
	float: left;
	font-size: 14px;
	/* 	font-weight: 600; */
	position: relative;
	text-align: center;
	/*  text-transform: uppercase;
*/
	color: #bcbcbc;
	z-index: 2;
}

.progressbar li:before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 26px;
	border: 2px solid #ddd;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
	color: #c5c5c5;
	position: relative;
	z-index: 50;
}

.progressbar li.completed:before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 26px;
	border: 2px solid #da291b;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
	color: #da291b;
	position: relative;
	z-index: 50;
}

.progressbar li.completed a {
	color: #da291b;
}

.progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #ddd;
	top: 15px;
	left: calc(-50% + 15px);
	  z-index: -10;
}

.progressbar li:first-child:after {
	content: none;
}

.progressbar li.active {
	color: #222;
}

.progressbar li.active:before {
	border-color: #da291b;
	background-color: #da291b;
	color: #fff;
	position: relative;
	z-index: 50;
}

.progressbar li.active:after {
	border-color: #da291b;
	background-color: #da291b;
	color: #fff;
}

.progressbar li.completed:after {
	border-color: #da291b;
	background-color: #da291b;
	color: #fff;
	position: absolute;
	z-index: 5;
}

.progressbar li.active a {
	color: #da291b;
}

.progressbar li.active+li:after {
	/* 	 background-color: #0052c2; */
	
}

.plan-row {
	margin-left: 0px;
	margin-right: 0px;
}

.moneris-cc-panel-title {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	padding: 10px;
	width: 80%;
}

.moneris-cc-panel-disclaimer {
	width: 78%;
	margin: 10px;
	border: 1px dotted lightgray;
	font-style: italic;
}

.moneris-cc-panel-disclaimer .header {
	margin: 3px;
	font-size: 16px;
	font-weight: bold
}

.moneris-cc-panel-disclaimer .content {
	margin: 5px;
}

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

.plan-cart-item-header {
	color: #4a4a4a;
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
}

.plan-cart-item-note {
	color: #4a4a4a;
	text-transform: none;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}

#error-panel {
	margin: -11px -35px 10px -30px;
	background-color: #ffc9c9;
}

.confirmation-box {
	display: block;
	border: 2px solid #db2c2c;
	padding: 10px;
	margin: 5px 12px 5px 12px; 
}

.confirmation-box li {
	color: #4a4a4a;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
}

.plan-label1 {
	color: #4a4a4a;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
}

.plan-label-date1 {
	color: #4a4a4a;
	text-transform: none;
	font-size: 24px;
	font-weight: normal;
}

.plan-label-shipvalue {
	color: #9c9c9c;
	text-transform: none;
	font-size: 14px;
	font-weight: bold;
}

.plan-supporting-text1 {
	color: #9c9c9c;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
}

.plan-supporting-text2 {
	color: #9c9c9c;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
}

.plan-supporting-text-italics {
	color: #9c9c9c;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}

.plan-field {
	padding: 2px;
}

.plan-sub-section {
	margin: 20px;
}

.v-line {
	height: 300px;
	border: 1px solid #d5d5d5;
	margin-right: 5px;
	width: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.v-line-200 {
	height: 200px;
	border: 1px solid #d5d5d5;
	margin-right: 5px;
	width: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.add-more {
	color: #db2c2c;
	font-size: 14px;
	text-transform: uppercase;
}

#login-modal .cop-custom-modal-Overlay {
	display: block;
	width: 375px;
	height: 463px;
	position: absolute;
}

#login-modal .cop-custom-modal {
	position: relative;
	background-color: #fff;
	border: 0px solid #da291b;
	max-width: 375px;
	min-height: 463px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	box-shadow: 0px 2px 1px rgba(214, 214, 214, 0.76);
	background-color: #fff;
}

#login-modal .panel-heading {
	padding: 0px 0px;
}

#login-modal .panel-heading Ul {
	border: 5px solid #da291b;
	background: #da291b;
}

#login-modal .panel-heading li {
	background: #da291b;
	width: 50%;
	text-align: center;
}

#login-modal .panel-heading li:first-child {
	border-right: 1px solid #fff;
}

#login-modal .tab-content {
	border: none;
}

#login-modal .panel-heading li.active:after {
	border-style: solid;
	border-width: 10px 15px 0px 15px;
	border-color: transparent;
	border-top-color: #da291b;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: 43px;
	left: 40%;
	content: '';
	z-index: 0;
}

#login-modal .nav-tabs>li.active>a, #login-modal  .nav-tabs>li.active>a:hover, #login-modal .nav-tabs>li.active>a:focus, #login-modal .nav-tabs>li:hover>a {
	color: #fff !important;
	background: #da291b;
}

#login-modal .nav-tabs>li>a {
	color: #ddd !important;
	border: 0;
	border-radius: 0;
}

#login-modal .nav-tabs>li>a:hover {
	color: #fff !important;
}

.login-section {
	margin-top: 0px;
	position: absolute;
	left: 70%;
	top: 10%;
}

@media screen and (max-width:1024px) {
	.login-section {
		left: 63%;
		top: 5%;
	}
}

@media screen and (max-width:768px) {
	#login-modal .cop-custom-modal {
		left: 0% !important;
		top: 0%!importnant;
	}
	.login-section {
		left: 45%;
		top: 26%
	}
}

@media screen and (max-width:640px) {
	#login-modal .cop-custom-modal {
		left: 0% !important;
		top: 0%!importnant;
	}
	.login-section {
		left: 6%;
		top: 26%
	}
}

/*CSS for Bundel Review*/
#bundlereview .cop-custom-modal {
	max-width: 950px;
	top: 0px;
	bottom: 0px;
	border: none;
	background-color: none;
	height: auto;
}

#bundlereview  .cop-custom-modal .modal-body {
	background-color: #FFF;
	padding-top: 0;
	padding-bottom: 0px;
	max-height: calc(100vh - 250px);
	overflow-x: auto;
}
	
@media only screen and (min-width : 768px) {
	#bundlereview  .cop-custom-modal .modal-body {
		max-height: calc(100vh - 200px);
	}
}

@media only screen and (min-width : 992px) {
	#bundlereview .cop-custom-modal {
		top: 15px;
		bottom: 15px;
	}
	
	#bundlereview  .cop-custom-modal .modal-body {
		max-height: calc(100vh - 200px - 30px);
	}
}

.modal-header-secondary {
	background-color: #FFF;
	/* 	padding-bottom: 0; */
	margin-bottom: 0;
	border-bottom: 0;
	
	max-height:150px;
}

.bundel-plan {
	display: flex;
	flex-direction: column;
}

.plan_headercontainer {
	display: flex;
	flex-direction: column;
}

.plan_details {
	flex: 1;
}

@media screen and (min-width: 768px) {
	.plan_headercontainer {
		
	}
	.bundel-plan {
		flex-direction: row;
	}
	.plan_details:first-child {
		border-right: 1px solid #CCC;
		padding-right: 15px;
		margin-right: 15px;
	}
}

.plan-hearder {
	flex: 1;
	/*
	color: #fe0022;*/
	color: #da291b;
	text-align: left;
	padding: 5px 0;
	font-size: 16px;
}

.plan_product {
	
}

.plan_product ul {
	
}

.plan_product ul>li {
	width: 100%;
	display: inline-block;
	font-size: 12px;
}

.plan_product ul>li:last-child {
	background-color: #FFF;
	padding: 5px;
	margin: 0px -15px;
	width: calc(100% + 30px);
	text-align: center;
	font-weight: bold;
	display: none;
}

.plan_product ul li .product-head {
	text-transform: uppercase;
	font-weight: bold;
	color: #888888;
	margin-bottom: -10px;
	font-size: 12px;
}

@media screen and (min-width: 768px) {
	.plan-hearder {
		text-align: center;
	}
	.plan_product ul>li { /* width:50%; */
		
	}
	.plan_product ul>li:nth-of-type(odd) { /* border-right: 1px solid #ff9800;
    padding-right: 10px;
    margin-right: 10px;
    width: calc(50%- 20px); */
		
	}
}

.product-details .modal-header-secondary {
	padding-bottom: 10px;
}

.product-details h5 {
	padding-bottom: 0;
	font-weight: bold;
	font-size: 12px;
}

.product-details ol {
	display: flex;
	/* 	padding-bottom: 15px; */
}

.product-details  ol>li {
	/* 	display: flex; */
	/* 	flex-direction: column; */
	padding: 2px;
	font-size: 12px;
}

.product-details  ol>li:nth-child(1) {
	width: 18%;
}

.product-details  ol>li:nth-child(2) {
	width: 44%;
}

.product-details  ol>li:nth-child(3) {
	width: 21%;
}

.product-details  ol>li:nth-child(4) {
	width: 17%;
}

.product-details  ol>li:last-child {
	padding-right: 0px;
	text-align: right;
}

.product-details  ol>li  img {
	width: 60px;
	height: 60px;
}

.or-detail {
	color: #da291c;
	padding-right: 10px;
}

.r-btn-secondary {
	background-color: transparent;
	border: 2px solid #da291c;
	color: #da291c;
	padding: 10px 35px !important;
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
}

a.r-btn-secondary :hover {
	background-color: transparent;
	color: #da291c !important;
	border: 2px solid #da291c;
}

#bundlereview  .modal-footer {
	text-align: center;
	/* 	padding: 5px; */
}

.white-bg {
	background: #fff;
}

.total {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.total span:last-child {
	text-align: right;
	flex: 1;
	padding-bottom: 20px;
	font-weight: bold;
}

#bundlereview  .r-btn-primary {
	background-color: #da291c;
	padding: 7px 20px;
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

.r-btn-secondary_n {
	border: 0;
}

.select-product_body {
	min-height: 210px;
	padding-bottom: 45px;
}

.with_or {
	border-right: 1px solid #D2D2D2;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.with_or div {
	position: relative;
}

.selection-made .selected {
	border: 1px solid #da291c;
	padding: 0px 10px;
	padding-bottom: 43px;
}

.with_or-text {
	border-radius: 50%;
	background-color: #FFFFFF;
	position: absolute !important;
	right: -15px;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0px;
	top: 50%;
	color: red;
	align-items: center;
	/* display: flex; */
	/* text-align: center; */
	align-content: center;
	border: 1px solid #dfdfdf;
}

.text-content {
	padding-top: 3px;
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

/* .option-description { */
/* 	font-weight: bold; */
/* 	margin-bottom: 30px; */
/* 	margin-top: 20px; */
/* } */
.pct-discount {
	font-size: 16px;
	color: #da291c;
}

.pr-head {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.selection-detail {
	background-color: #F3F3F3;
	padding: 0px 0 30px;
	display: none;
	margin: 20px;
}

.selection-detail:before {
	width: 0;
	content: '';
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	left: 50%;
}

.selection-det_head {
	font-weight: bold;
	color: #535353;
	padding: 45px 15px;
	text-align: center;
}

.selection-det_pr {
	
}

.selection-det_pr  ul {
	display: flex;
}

.selection-det_pr  ul li {
	padding: 10px;
}

.selection-det_pr  ul li  p {
	padding-top: 10px;
}

.selection-det_pr  ul li  img {
	width: 100px;
	height: 100px
}

.det_pr_img {
	background-color: #FFF;
	border: 2px solid #D2D2D2;
	width: 85%;
	height: 130px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.selection-detail-footer {
	border-top: 1px solid #D2D2D2;
	margin-top: 20px;
	background-color: #f2f2f2
}

.plan-total {
	float: left;
	padding-right: 25px;
}

.plan-total p {
	
}

.plan-total span {
	font-size: 18px;
}

.sel_space_footer {
	padding: 10px 0;
	display: inline-block;
}
/*Selection made */
.selected-product {
	float: left;
	border-right: 1px solid #D2D2D2;
	margin-right: 10px;
	position: relative;
}

.sel-text {
	padding: 21px 46px 21px 0px;
	display: inline-block;
	cursor: pointer;
	border-top: 1px solid #D2D2D2;
	z-index: 11;
	position: relative;
}

@media screen and (min-width: 768px) {
	.sel-text {
		padding: 21px 125px 21px 0px;
		display: inline-block;
		cursor: pointer;
		border-top: none
	}
}

.sel-pr-open {
	background: url(../../images/arrow-top.png) no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	background-size: 30px;
	top: 16px;
	right: 5px;
}

.sel-prd-details {
	position: absolute;
	bottom: 63px;
	background-color: #f2f2f2;
	width: calc(100% + 17px);
	left: -16px;
	border: 1px solid #D2D2D2;
	padding: 10px 10px;
	display: none;
}

.sel-prd-details h5 {
	font-weight: bold;
	font-size: 13px;
}

.prd-detail-bdy-head {
	font-weight: bold;
	font-size: 13px;
}

.sel-prd-details ul li {
	display: flex;
	padding-bottom: 5px;
}

.sel-prd-details-img {
	width: 60px;
	height: 60px;
	padding-right: 10px;
}

.sel-prd-details-img img {
	width: 50px;
	height: 50px;
}

.prd-detail-bdy {
	font-size: 12px;
}

.link_remove {
	font-size: 13px;
	color: #da291c;
	text-transform: uppercase;
}

.pr-body-middle {
	color: #989898;
	display: flex
}

.pr-body-middle span:first-child {
	flex: 1;
}

.selection-made {
	text-align: center
}

.select-product {
	
}

.select-product-comp {
	flex: 1;
	padding-right: 10px;
}

.select-product-comp-border {
	border-right: 1px solid #D2D2D2
}

.pr-holder-in {
	display: flex;
	flex-direction: row;
	height: 100%;
}

.sel-pr-img {
	width: 100%;
	min-height: 100px;
}

.sel-pr-img img.pr-img {
	max-width: 100%;
	max-height: 100%;
}

.product-holder {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/*.product-holder div.col-xs-12 { padding-bottom:45px; margin-bottom:40px; }*/
.pr-compare .select-product_body {
	padding-bottom: 45px;
}

.select-product_footer {
	position: absolute !important;
	bottom: 0;
	width: calc(100% - 30px)
}

.selected .select-product_footer {
	width: calc(100% - 20px)
}

.selection-made  .pr-img {
	
}

.selection-made  p {
	padding: 20px 0;
	margin: 0;
}

.extra-add {
	color: #A2AAC1
}

.extra-offer {
	color: #da291c
}

.Productdetail .modal-title-site {
	color: #da291c;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
}

.product_id {
	color: #979797;
}

.Productdetail .modal-content {
	box-shadow: none;
	padding: 40px;
	margin: 0;
}

.Productdetail .modal-dialog {
	width: 760px;
}

.pr_des_head {
	display: inline-block;
	margin-left: -20px;
}

.pr_des_head ul {
	
}

.pr_des_head li {
	border-right: 1px solid #D2D2D2;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	font-size: 16px;
}

.cl_product_detail {
	display: inline-block;
	width: 100%;
	/* 	border-bottom: 1px solid #dfdfdf; */
	/* 	padding-bottom: 30px; */
	/* 	margin-bottom: 30px; */
	
	max-height:calc(100% - 150px);
	
	overflow:hidden;
	overflow-y:auto;
}

.product-des {
	font-size: 12px;
	padding-bottom: 10px;
	text-align: justify;
}

.product-des  span {
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.sel-pr-img {
		width: 100%;
		min-height: 100px;
	}
	.product-holder {
		flex-direction: row;
	}
	.product-holder div.col-xs-12 {
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 1024px) {
	.sel-pr-img {
		width: 100%;
		min-height: 120px;
	}
}

.product-des ul {
	
}

.product-des ul li {
	position: relative;
	padding-left: 15px;
}

.product-des ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	z-index: 111;
	background-color: #da291c;
	left: 0;
	top: 7px;
	border-radius: 50%;
}

.prd-des {
	border-top: 1px solid #D2D2D2;
	padding: 15px 0 0;
	margin-top: 15px;
}

.w-100 {
	width: 100%
}

.pr_des_head li:first-child {
	font-weight: bold
}

.pr_des_head li:last-child {
	border-right: none;
}

.mySlides {
	display: none
}

.demo {
	cursor: pointer
}

.pr_thumnails {
	display: flex;
}

.pr_thumnails img {
	width: 110px;
}

.Productdetail .cop-custom-modal {
	max-width: 900px;
	max-height: calc(100vh - 60px);
	
	border: none;
	background-color: none;
	height: 100%;
	padding: 10px;
	
	overflow:hidden;
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.Productdetail .cop-custom-modal {
		max-height: 100vh;
		top:0;
		bottom:0;
	}
}

.Productdetail .modal-body {
	background-color: #FFF;
	padding-top: 0;
	padding-bottom: 0px;
	/*max-height: auto;
	overflow-x: auto;*/
	
	position:absolute;
	top:10px;
	bottom:10px;
	
	overflow:hidden;
}

.plan-bar {
	background-color: #f3f3f44f;
	color: #ad9e9e;
	height: 25px;
	margin: -10px -35px -10px -35px;
	font-size: 12px;
	font-style: normal;
}

.preview {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	margin-left: -15px;
}

@media screen and (max-width: 996px) {
	.preview {
		margin-bottom: 20px;
	}
}

.preview-pic {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
	border: none;
	margin-top: 15px;
	/* 	width: 70%; */
}

.preview-thumbnail.nav-tabs li {
	width: 18%;
	margin-right: 2.5%;
}

.preview-thumbnail.nav-tabs li img {
	max-width: 100%;
	display: block;
}

.preview-thumbnail.nav-tabs li a {
	padding: 0;
	margin: 0;
}

.preview-thumbnail.nav-tabs li:last-of-type {
	margin-right: 0;
}

.tab-content {
	overflow: hidden;
}

.tab-content img {
	/* 	width: 100%; */
	-webkit-animation-name: opacity;
	animation-name: opacity;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
}

.review-text {
	font-size: 10px;
	line-height: 1.5em;
	color: #000000;
}

.plan-total-lable {
	font-size: 14px;
	color: #9c9c9c;
}

.plan-total-value {
	font-size: 18px;
	font-weight: bold;
	color: #5bb85b;
}

/* WelcomeContent */
.welcomeContentArea {
	min-height: 260px;
	max-width: 768px;
	background-color: #ffffff;
	padding: 15px;
	/* position: absolute; */
	left: 0;
	right: 0;
	/* top: 490px; */
	top: 517px;
	font-family: "Colgate Ready";
	-webkit-box-shadow: 1px 1px 2px 1px rgba(214, 214, 214, 0.76);
	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 1px 2px 1px rgba(214, 214, 214, 0.76);
	/* Firefox 3.5 - 3.6 */
	box-shadow: 0px 0px 2px 1px rgba(214, 214, 214, 0.76);
	/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	margin: 0 auto;
	z-index: 99;
}

@media ( min-width: 1024px) {
	.welcomeContentArea {
		/* top: 420px; */
		top: 447px;
	}
}

.welcomeContentArea header {
	font-size: 24px;
	color: rgb(228, 64, 36);
	padding: 20px 0;
}

.welcomeContentArea p {
	font-size: 14px;
	color: rgb(83, 83, 83);
	text-align: center;
	padding: 20px 0;
}

.welcomeContentArea button {
	width: 230px;
	height: 54px;
	background-color: #da291b;
	color: #FFF;
	border: none;
	text-transform: uppercase;
}

.welcomeContentArea .border-center {
	border-left: 1px solid #ccc;
	height: 240px;
}

.welcomeContentArea .orIcon {
	width: 39px;
	height: 39px;
	padding: 5px;
	border-radius: 20px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	font-size: 11px;
	color: rgb(218, 41, 28);
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: -5px;
	top: 100px;
}

.welcomeContentArea .orIcon span {
	line-height: 25px;
}
/* WelcomeContent END */
/*logged In User*/
.logedInUser h1 {
	font-size: 33px;
	line-height: 59px;
	color: rgb(218, 41, 28);
	font-family: "Colgate Ready";
}

.logedInUser h3 {
	font-size: 20px;
	color: rgb(74, 74, 74);
	font-family: "Colgate Ready";
}

.logedInUser .delivered {
	border: 1px solid #ccc;
	min-height: 74px;
	font-family: "Colgate Ready";
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}

.logedInUser .delivered .deliveredIconArea {
	min-width: 216px;
	background-color: #e8e8e8;
}

.logedInUser .delivered .detailsTxt {
	float: right;
	padding-top: 23px;
}

.logedInUser .delivered .detailsTxt a {
	font-size: 16px;
	color: rgb(218, 41, 28);
	float: right;
}

.logedInUser .delivered .deliveredTxt {
	font-size: 16px;
	color: rgb(83, 83, 83);
	font-weight: bold;
	margin-top: 25px;
}

.logedInUser .delivered .deliveryDate {
	font-size: 15px;
	color: rgb(151, 151, 151);
	font-weight: normal;
}

.logedInUser .delivered p {
	font-size: 18px;
	font-weight: bold;
	color: rgb(83, 83, 83);
}

.logedInUser .deliveredIconArea p {
	padding: 10px;
}

.logedInUser .deliveredIcon {
	float: left;
}

.logedInUser .deliveredIcon img {
	padding: 10px;
}

.logedInUser .deliveryEstimate {
	border: 1px solid #ccc;
	min-height: 74px;
	font-family: "Colgate Ready";
	margin: 0px 0;
	float: left;
	width: 100%;
}

.logedInUser .deliveryEstimate .deliveryEstimateBox {
	min-height: 350px;
	background-color: #e8e8e8;
	float: left;
	padding-top: 5px;
}

.logedInUser .deliveryEstimate .deliveryEstimateBox p {
	font-size: 18px;
	line-height: 19px;
	color: rgb(83, 83, 83);
	font-weight: bold;
	padding-top: 25px;
}

.logedInUser .deliveryEstimate .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tfoot>tr>td {
	border-top: none;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	background-color: #ffffff;
	color: #454545;
	font-weight: bold;
}

.logedInUser .deliveryEstimate  .table>tbody>tr>td {
	border: none;
}

.logedInUser .deliveryEstimate  .table>tbody>tr>td:last-child {
	text-align: right;
}

.logedInUser .deliveryEstimate h5 {
	width: 267px;
	height: 19px;
	font-size: 13px;
	line-height: 19px;
	color: rgb(151, 151, 151);
	font-family: "Colgate Ready";
	display: inline;
	text-transform: uppercase;
	margin: 20px;
	margin-left: 10px;
}

.logedInUser button {
	font-size: 16px;
	color: rgb(218, 41, 28);
}

.nextShipment th {
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	background-color: #ffffff;
	color: #454545;
}

.planhomeBtn {
	color: rgb(218, 41, 28);
}

.loginBanner {
	margin-left: -25px;
	margin-right: -45px;
}

.date {
	display: block;
	width: 120px;
	height: 115px;
	margin: 30px auto;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	text-align: center;
}

.date .binds {
	position: absolute;
	height: 15px;
	width: 60px;
	background: transparent;
	border: 2px solid rgb(218, 41, 28);
	border-width: 0 5px;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
}

.date .month {
	background: #555;
	display: block;
	padding: 8px 0;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.date .day {
	display: block;
	margin: 0;
	padding: 10px 0;
	font-size: 48px;
	box-shadow: 0 0 3px #000040;
	position: relative;
}

.date .day::after {
	content: '';
	display: block;
	height: 100%;
	width: 96%;
	position: absolute;
	top: 3px;
	left: 2%;
	z-index: -1;
	box-shadow: 0 0 3px #000040;
}

.date .day::before {
	content: '';
	display: block;
	height: 100%;
	width: 90%;
	position: absolute;
	top: 6px;
	left: 5%;
	z-index: -1;
	box-shadow: 0 0 3px #000040;
}

@media ( max-width : 1023px) and (min-width: 768px) {
	.visible-sm{
		display: block !important;
	}
	.cop_mobile-menubtn  {
		background-color: #da291b;
		color: white;
		border: none;
		font-size: 20px;
	}
}

@media screen and (max-width: 769px) {
	.currency-language {
		margin-right: 7px;
	}
	.country:after, .country-name:after {
		display: none;
	}
	.currency-language>a {
		padding-top: 3px;
		line-height: normal;
		{
	}
}