/* GENERIC */

body, html {
	color:#9A989A;
	margin:0;
	padding:0;
	min-width:320px;
}

body, html, input, a, div, span, button {
	-webkit-font-smoothing:antialiased !important;
	-moz-osx-font-smoothing:grayscale!important;
}

@font-face {
	font-family: GraublauWeb !important;
	src: url("path/GraublauWeb.otf") format("opentype");
}

input[type="submit"],
input[type="button"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.clear-right {
	clear:right;
}

.color-text {
	color: #02AFAB;
}

.red,
a.link.red,
a.red{
	color:#FF4B4B;
}

.floatless {
	float:none!important;
}

#UserSelectStoreForm select {
	margin-top: 20px;
	margin-bottom: 20px;
}

.page {
	margin-left:auto;
	margin-right:auto;
	max-width:1224px;
	padding-right:0;
	overflow:hidden;
	padding-left: 20px !important;
}

a.link {
	color: #02AFAB;
}
a.link:hover {
	text-decoration: underline;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #AAAA;
	font-size: 14px;
	font-weight: normal;
}

.question-container {
	display: inline-block;
}

.vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

a {
	color:#99999A;
}

a:hover {
	opacity:0.7;
}

a, input, button {
	text-decoration:none;
	outline:none;
}

.section {
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

.section.close {
	margin-top:0px!important;
}

.title {
	color:#00AFAA;
	font-weight:300;
	font-size:35px;
	text-align:center;
	text-transform:uppercase;
}

.title.smaller {
	font-size:20px;
}

.title-divider {
	background-color:#EEECED;
	height:2px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	width:250px;
}

.section.cover {
	background-color:#F1F1F2;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	margin-top:0px;
	width:100%;
}

.dialog {
	border: 1px solid #EEE;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

a.button,
input.button {
	background-color:#BBBDC0;
	border: 0;
	display:inline-block;
	padding:0;
	color:white;
	cursor:pointer;
	font-size:19px;
	font-weight:600;
	text-transform:uppercase;
}

a.button.red,
input.button.red,
button.red {
	background-color:#F05D5D!important;
}

.red-bg{
	background-color:#F05D5D!important;
}
.white{
	color:#fff;
}
.white-bg{
	color:#fff;
}

a.button:hover,
input.button:hover {
	opacity:0.7;
}

.static, .static p, .static ol, .static p {
	text-align:left;
}

.static p {
	margin-top:0px;
}

.mobile-friendly-only {
	display:none;
}

/* GENERIC: SANDWICH */

.sandwich {
	cursor:move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}

.sandwich:active {
	cursor:-webkit-grabbing;
	cursor:-moz-grabbing;
}

.sandwich ul {
	padding-left:25%;
	padding-right:25%;
}

.sandwich li {
	background-color:gray;
	list-style:none;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}

.play {
	position: absolute;
	width: 100px;
	height: 100px;
	background: url(../img/play.svg) no-repeat;
}

/* GENERIC: MESSAGE */

.message_container {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999999 !important;
}

.message_container #flashMessage {
	background-color: #F3F3F3;
	color: #A5B4C0;
	font-size: 34px;
	font-weight:300;
	padding: 27px;
	top: 0px;
	text-align:center;
}

.message_container #flashMessage.error {
	background-color:#F05D5D!important;
	color:white;
}

.message_container #flashMessage.success {
	background-color:#02AFAB;
	color:white;
}

.nav-bar {
	text-align: left;
	max-width: 1024px;
	margin: 0 auto;
}

.nav-bar .service-menu-item {
	background-color: #3fb9b5;
}


/* GENERIC: LIST */

.list-items {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

.list-items .list-item {
	border-bottom:1px solid #d8dde1;
	height:80px;
	margin:10px;
	text-align:left;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	overflow:hidden;
}

.list-items .list-data {
	display:block;
	float:left;
	overflow:hidden;
}

.list-items .disabled .list-data {
	opacity:0.7;
}

.list-items .text-right {
	float:right;
	height:100%;
}

.list-items .text-right .info {
	font-weight:600;
	font-size: 16px;
	margin-right: 20px;
	text-align: right;
}

.list-items .actions {
	float:right;
	height:100%;
	border-left:1px solid #d8dde1;
}

.list-items .action {
	display:block;
	height:100%;
	float:left;
	min-width:98px;
	text-transform:uppercase;
	font-size:14px;
}

.list-items .action:hover {
	background-color:#f1f1f4;
	opacity:1;
}

.list-items .action.delete {
	color:#FF4B4B;
}

.list-items .action.delete:hover {
	background-color:#FF4B4B;
	color:white;
}

.list-items .action.empty:hover {
	background-color:transparent;
}

.list-items .disabled .action {
	opacity:0.7;
}

.list-items .action-text {
	text-align:center;
	padding:10px;
}

/* POPOVER */

.popover {
	background-color:rgba(255, 255, 255, 0.92);
	padding:15px;
}

/* DROPDOWN LIST */

.dropdown {
	height:78px;
	width:302px;
	overflow:hidden;
	cursor:pointer;
}

.dropdown .button:hover {
	opacity:0.7;
}

.dropdown .button {
	background-color:#F2F2F2;
	height:77px;
	width:100%;
}

.dropdown.open .button {
	opacity:0.5;
}

.dropdown .button .item {
	border-bottom:none;
}

.dropdown .item {
	border-bottom:1px solid #F2F2F2;
	height:61px;
	padding:8px;
}

.dropdown a.item {
	display:block;
}

.dropdown .list .item:last-of-type {
	border-bottom:0!important;
}

.dropdown div {
	display:inline-block;
	vertical-align:middle;
}

.dropdown .image {
	height:100%;
	width:57px;
}

.dropdown .image img {
	height:100%;
}

.dropdown .name {
	color:#999899;
	width:186px;
	font-weight:600;
	text-transform:uppercase;
	margin-left:8px;
	margin-right:10px;
}

.textdown .arrows,
.dropdown .arrows,
.dropdown .fill {
	height:18px;
	width:14px;
}

.textdown .arrows,
.dropdown .arrows {
	background-image:URL(../img/dropdown-arrows.png);
}

.textdown .small.arrows,
.dropdown .small.arrows,
.dropdown .small.fill {
	height:11px;
	width:8px;
}

.textdown .small.arrows,
.dropdown .small.arrows {
	background-image:URL(../img/dropdown-arrows_small.png);
}

.dropdown .list {
	background-color:white;
	border:1px solid #F2F2F2;
	box-shadow:#EEE 1px 2px 10px;
	display:none;
	max-height:250px;
	position:absolute;
	width:300px;
	z-index:1000;
	overflow:auto;
}

/* WAIT */

.wait {
	background-color:rgba(255,255,255,0.7);
	background-image: URL(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display:none;
	position:absolute;
	z-index:100;
}

/* PAGINATION */

.paginations {
	text-align:center;
}

.paginations .counter {
	margin-top:10px;
	margin-bottom:10px;
	text-transform:lowercase;
	font-size:13px;
}

.paginations .navigation {
	font-size:16px;
}

.paginations .current {
	color:#02AFAB;
	text-align:center;
}

.paginations span.prev,
.paginations span.next {
	color:#DDD;
}

/* GENERIC: MESSAGE */

div.message_container {
	opacity:0.98;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index:999;
}

div.message_data {
	background-color: #FAFAFA;
	color: #8B939B;
	font-weight:normal;
	font-size:24px;
	text-align:center;
	top: 0px;
	z-index: 0;
	min-height:34px;
}

/* DEFAULT LAYOUT */

#header #announcements {
	background-color:#94D500;
	color:white;
	font-size:14px;
	height:32px;
	text-align:center;
	display: none;
}

#header .notice {
	color:#00AFA9;
	font-size:14px;
	text-align:right;
	padding-bottom:0px;
	margin-top:25px;
	margin-bottom:-45px;
	position:relative;
}

#header .notice .short {
	display:none;
}

#header #header-corporate {
	background-color:#6F7173;
	color:white;
	height:35px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:600;
}

#header #header-corporate .left {
	position: relative;
	top: 2px
}

#header #header-corporate  .shipping-label{
	text-transform: none;
	position: relative;
	left: 14%;
}

.shipping-label-short {
	display: none;
	text-transform: initial;
	margin-left: 20px;
}

#header #header-corporate .reorder-icon {
	width: 19.5px;
	height: 16.25px;
}

#header #header-corporate .shop-icon {
	width: 13.68px;
	height: 16.25px;
}

#header #header-corporate .right-link {
	position: relative;
	bottom: 3px;
}

#header #header-corporate  .right-link{
	text-transform: none;
}

#header #header-corporate a {
	color:white;

}
#header #header-corporate a:first-child {
	margin-right: 33px;

}

#header #header-corporate a:nth-child(2) {
	margin-right: 26px;

}


#header #header-corporate .highlight {
	color:#02AFAB;
}


#header #header-browse a.selected {
	color:#D7DF22;
}

#header #header-dreamclean {
	border-collapse:collapse;
	margin-top:25px;
	margin-bottom:25px;
	width:100%;
	position:relative;
	right: 45px;
	overflow:visible;
}

#header #header-dreamclean td {
	vertical-align:bottom;
}

#header #header-dreamclean td.logo_column,
#header #header-dreamclean td.links_column {
	padding:0px;
	width:280px;
}

#header #header-dreamclean td.search_column,
#header #header-dreamclean td.links_column {
	padding-bottom:17px;
}

#header #header-dreamclean .logo {
	display:block;
	font-size:0px;
	height:138px;
	width:142px;
}

#header #main-header-dreamclean-container .links a {
	display:inline-block;
	font-size:10px;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	margin-left:30px;
	width:60px;
}

#header #header-dreamclean .links a div {
	display:inline-block;
}

#header #main-header-dreamclean-container .links a .image {
	height:36px;
	margin-bottom:2px;
	width:44px;
}

#header #header-dreamclean .links a:hover .image {
	background-position:50% 0px;
}

#header #header-dreamclean .links a.selected:hover .image,
#header #header-dreamclean .links a.selected .image {
	background-position:100% 0px;
}

#header #main-header-dreamclean-container .links a.selected {
	color:#D7DF22;
}



#header #header-dreamclean .links a.stores .image {
	background-image:URL('../img/links-stores.png');
}


#header #header-dreamclean .links a.search_toggle {
	display:none;
}

#header #header-dreamclean .links a.search_toggle .image {
	background-image:URL(../img/links-search.png);
}

#header #header-dreamclean .links a.stores {
	margin-left:0px;
}

#header .cart .badge {
	position: absolute;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: #02AFAB;
	border-radius: 16px;
	margin-top: -42px;
	margin-left: 38px;
	opacity: 0.9;
	font-size:12px;
	color: white;
	text-align:center;
	font-weight:600;
}

#header .cart .badge.hide {
	display:none!important;
}

#header .cart:hover .badge {
	background-color: #02AFAB;
	color:white;
}

#header #MobileSearchForm {
	display:none;
	opacity:0;
	height:0px;
	overflow:hidden;
}


#header #header-dreamclean input[type="submit"],
#header #MobileSearchForm input[type="submit"] {
	display:block;
	background-color:white;
	background-image:URL(../img/button-search.png);
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #F1F1F2;
	cursor:pointer;
	height:52px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:600;
	width:74px;
	padding:0px;
	text-align:center;
}

#header #header-dreamclean input[type="submit"]:hover {
	background-color:#F1F1F2;
	background-image:URL(../img/button-search_selected.png);
}

#header #header-browse {
	background-color:#02AFAB;
	height:46px;
}

#header #header-browse a {
	display:inline-block;
	text-align:center;
	color:white;
	font-size:12px;
	text-transform:uppercase;
	vertical-align:top;
	/* height:20px; */
	font-weight: 600;
	padding: 13px 14px;
}


#header #header-browses a:last-child {
	/*margin-right: 0;
	margin-left: 6px;*/
	margin: -7px auto;
	padding-top: 20px;
}

#header #header-browse .separator {
	background-image:URL(../img/browse-separator.png);
	display:inline-block;
	width:1px;
	height:20px;
}

#header {
	background-color: white;
	z-index: 10;
}


#social a {
	display:inline-block;
	margin-left:22px;
	margin-right:22px;
}

#terms {
	text-align:center;
	padding-bottom:30px;
}

#terms .title-divider {
	margin-top:0px;
	width:100%;
}

#terms .link {
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	font-size:12px;
	margin-left:30px;
	margin-right:30px;
}

#terms .link:first-of-type {
	margin-left:0px;
}

#terms .link:last-of-type {
	margin-right:0px;
}

#footer {
	background-color:#545559;
	z-index:999;
	height: 260px;
	padding: 50px 400px;
	font-family: 'Lato', sans-serif !important;
}

#footer .padded-col {
	margin-left: 8px;
}

#footer .footer-content {
	width: 910px;
	top: 4%;
	position: relative;
	margin: 0 auto;

}

#footer .links-container {
	width: 65%;
	margin-bottom: 35px;
	display: inline-flex;
}


.links-container table, .links-container .regular a {
	width: 100%;
	color: #EAEAEA;
}

.regular a {
	font-size: 14px;
}

.important-link a {
	color: #EAEAEA;
	margin-right: 20px;
	font-size: 16px !important;
	text-transform: uppercase;
}

#footer .table-bottom {
	top: 10px;
	color: #EAEAEA;
	position: relative;
}

#footer .socials-container {
	float: right;
	display: inline-block;
	vertical-align: top;
}

.footer-icon {
	height: 30px;
	width: 30px;
	padding: 5px;
}

.footer-logo {
	height: 17px;
	padding-top: 2px;

}

#footer span {
	color: #EAEAEA;
	font-size: 12px;
	padding: 5px;
	white-space: nowrap;
}

#footer .bottom-links {
	display: inline;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
}


.footer-bottom-links-container {
	display: inline-flex;
	margin-top: 40px;
}

#footer td {
	padding-right: 10px;
}


/* POPOVER-CART */

#popover-cart {
	margin-top:5px;
	width:330px;
	position: fixed;
}

#popover-cart.no-items {
	width:auto;
}

#popover-cart .items {
	max-height:300px;
	overflow:auto;
}

#popover-cart .items .item {
	display:block;
	margin-bottom:10px;
}

#popover-cart .image,
#popover-cart .name,
#popover-cart .quantity {
	display:inline-block;
	vertical-align: middle;
}

#popover-cart .name {
	font-weight:600;
	font-size:13px;
	width:160px;
	margin-right:20px;
	text-transform: uppercase;
}

.size {
	color:#BBBDC0;
}

.service-info {
	font-size: 15px;
}

#popover-cart .image {
	height:75px;
	width:55px;
}

#popover-cart .image img {
	max-height:100%;
	max-width:100%;
}

#popover-cart .quantity {
	font-size:25px;
}

#popover-cart .title-divider {
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
}

#popover-cart .subtotal {
	text-align:right;
	font-weight:600;
}

#popover-cart .checkout {
	text-align:right;
	padding-top:12px;
}

#popover-cart a.button {
	margin-left:8px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	font-weight:bold;
	border-radius:3px;
	margin-bottom:0px;
}

/* PRODUCT ITEM */

.product-item .strike {
	text-decoration:line-through;
	opacity:0.4;
}

.product-item .price {
	color: #99999A;
    font-weight: 600;
}

.product-item .variations {
	text-transform:none;
    color:#AFAFAF;
    font-size:10px;
    font-weight:600;
}

.list-product-name{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 20px;
	max-height: 40px;
	-webkit-line-clamp: 2; /* Write the number of
                              lines you want to be
                              displayed */
	-webkit-box-orient: vertical;
}

/* HOME */

.dreamclean-carousel img{
	width: 100%;
	height: auto;
}

.dreamclean-carousel {
	position: relative;
}

.adjusted {
	bottom: 48px;
}

.pages-home .newsletter.banner {
	padding-top:24px;
	height:60px;
/*	height:84px;*/
	text-align:center;
	font-size:18px;
	margin-top: -84px;
	opacity: 0.9;
}

.pages-home .newsletter.banner.fixed {
	color:white;
	padding-top:24px;
	height:60px;
	text-align:center;
	font-size:18px;
	position: relative;
	opacity: 0.9;
	background-color: transparent;
}

@media screen and (max-width: 660px){
	.pages-home .newsletter.banner{
		height:60px !important;
	}
}
@media screen and (max-width: 485px){
	.pages-home .newsletter.banner {
/*		margin-top: -60px !important;*/
		top:-46px;
	}
}

.pages-home .newsletter.banner a {
	font-size: 14px;
    background-color: #00AFAA;
    padding: 10px;
    border-radius: 4px;
    margin-left: 10px;
}

.pages-home .newsletter.banner .short {
	display:none;
}

.pages-home .newsletter.banner .highlight {
	font-weight:600;
}

.pages-home .section.featured .page {
	margin-top:40px;
}

.pages-home .section.featured .left-arrow {
	display:inline-block;
	background-image:URL(../img/left_arrow.png);
	width:32px;
	height:82px;
	vertical-align:middle;
	cursor: pointer;
}

.pages-home .section.featured .arrow.disabled {
	opacity:0.5;
}

.pages-home .section.featured .right-arrow {
	display:inline-block;
	background-image:URL(../img/right_arrow.png);
	width:32px;
	height:82px;
	vertical-align:middle;
}

.pages-home .section .products_container {
	display:inline-block;
	overflow:hidden;
	width:884px;
	vertical-align:middle;
}

.pages-home .section .products {
	text-align:left;
	width:20000px;
}

.pages-home .section .products .product {
	display:inline-block;
	overflow:hidden;
	text-align:center;
    vertical-align:top;
}

.pages-home .section .products .product img {
	height:200px;
	display: unset !important;
}

.pages-home .section .products .product:nth-of-type(0) {
	margin-left:0px;
}

.pages-home .section .products .product .name {
	color:#00AFAA;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:20px;
}

.pages-home .section .products .product .price {
	color:#99999A;
	font-weight:600;
	font-size:21px;
	margin-top:-2px;
}

.pages-home .section .brands .brand {
	display:block;
}

.pages-home .section .brands .brand,
.pages-home .section .products .product,
.pages-home .section #posts .post {
	margin-left:20px;
	margin-right:20px;
	width:266px;
}

.pages-home .section .brands .brand:first-child,
.pages-home .section .products .product:first-child,
.pages-home .section #posts .post:first-child {
	margin-left:0px;
}

.pages-home .section .brands .brand:last-child,
.pages-home .section .products .product:last-child,
.pages-home .section #posts .post:last-child {
	margin-right:0px;
}

.pages-home .section .brands {
	margin-top:40px;
}

.pages-home .section .brands .brand {
	color:#99999A;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
}

.pages-home .section .brands .brand .category {
	border-radius:4px;
	color:white;
	height:54px;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
}

.pages-home .section .brands .brand.GREEN .category {
	background-color:#80BD04;
}

.pages-home .section .brands .brand.BLUE .category {
	background-color:#02AFAB;
}

.pages-home .section .brands .brand.RED .category {
	background-color:#F05D5D;
}

.pages-home .section .brands .brand .logo {
	height:128px;
	margin-top:20px;
	margin-bottom:20px;
}

.pages-home .section .brands .brand .description {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:40px;
}

/* ABOUT */

.pages-about {
	font-size:16px;
}

.pages-about .section.cover {
	background-image:URL(../img/dream_clean_store-photo.jpg);
}

/* CONTACT */

.pages-stores .section {
	margin-bottom:0px;
	height:678px!important;
}

.pages-stores #terms {
	display:none;
}

#map {
	height:100%;
	width:100%;
	z-index:0;
}

.pages-stores #locations {
	color:#6F7073;
	background-color:white;
	border-radius:10px;
	margin-left:-130px;
	left:50%;
	opacity:0.9;
	margin-top:30px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:30px;
	padding-right:30px;
	position:absolute;
	overflow:hidden;
	text-align:left;
	width:260px;
	z-index:100;
}

.pages-stores .title-divider {
	margin-top:12px;
	margin-bottom:12px;
}

.pages-stores #locations .city {
	color:#F05C5C;
	font-size:24px;
	letter-spacing:3px;
	margin-bottom:6px;
	font-weight:300;
}

.pages-stores #locations .info,
.pages-stores #locations .address {
	color:#505153;
	font-size:14px;
	margin-bottom:5px;
}

.pages-stores #locations a {
	color:#6F7073;
	text-decoration:none;
}

.pages-stores #locations .info .highlight {
	color:#02AFAB;
	font-weight:bold;
}

.pages-stores #locations .location {
	margin-bottom:18px;
}

/* PRODUCTS */

.products-index .filters-column .filters {
	background-color:#F7F6F7;
	border-radius:5px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width:130px;
}

.products-index .filters-column .filters .filter {
	margin-top:10px;
	margin-left: 8px;
	font-weight: 500;
}

.products-index .filters-column .filters .title {
	font-size:14px;
	text-align:left;
	margin-left: 8px;
}

.products-index .filters-column .filters .subtitle {
	font-weight:normal;
	font-size:14px;
	text-align:left;
}

.products-index .filters-column .filters .options {
	font-size:14px;
	font-weight:300;
	text-align:left;
}

.products-index .filters-column .filters .option {
	margin-top:2px;
}

.products-index .filters-column .filters a {
	display:block;
}

.products-index .filters-column .filters a .checkbox {
	background-color:#CCCCCC;
	border-radius:1px;
	display:inline-block;
	margin-right:2px;
	height:10px;
	width:10px;
	overflow:hidden;
	vertical-align:middle;
}

.products-index .filters-column .filters a.selected {}

.products-index .filters-column .filters a.selected .checkbox {
	background-color:#D7DF22;
	color:#D7DF22;
}

.products-index .filters-column .filters a.selected:hover .checkbox {
	color:#99999A!important;
}

.products-index .products-column {
	text-align:left;
	width:824px;
/*	width:900px;*/
	padding-left:30px;
}

.products-index .products-column .products-items {}

.products-index .products-column .products-items .products-item {
	display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	margin-right:30px;
	margin-bottom:40px;
	text-align:center;
	vertical-align:top;
	width:180px;
	position: relative;
}

.products-index .products-column .products-items .products-item:nth-child(4n) {
	margin-right:0;
}

.products-index .products-column .products-items .products-item a {
	color:#00AFA9;
}


.products-index .products-column .products-items .products-item a.action-link {
	background-color: #00AFA9;
}


.products-index .products-column .products-items .products-item a .brand {}

.products-index products-column .products-items .products-item a:hover {
	opacity:0.7;
}

.products-index .products-column .products-items .products-item img,
.products-index .products-column .products-items .products-item .no-image {
	height:135px;
	margin-bottom:4px;
}

.products-index .products-column .products-items .products-item .no-image {
	display:block;
	background-color:#EEE;
	border-radius:4px;
}

.products-index .products-index .paginations {
	margin-top:25px;
}

.products-index .no-products-found .products-column {
	text-align:center;
}

.products-index .dropdown {
	height:auto;
	margin-top:8px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

.products-index .dropdown .button,
.products-index .dropdown .list {
	width:148px;
}

.products-index .dropdown .button {
	border:1px solid #F2F2F2;
	border-radius:2px;
	background-color:white;
	height:auto;
}

.products-index .dropdown .item {
	display:block;
	height:auto;
	padding:6px;
}

.products-index .dropdown .item .name {
	text-align:left;
	text-transform:none;
	margin-left:0px;
	margin-right:0px;
	font-weight:400;
	width:auto;
}

.products-index .dropdown .item .price {
	font-weight:600;
	margin-right:6px;
}

.products-index .dropdown.open .button .item {
	background-color:#F2F2F2;
}

.products-index .dropdown .arrows {
	margin-top:4px;
}

.products-index .dropdown .list {
	box-shadow:rgba(0, 0, 0, 0.05) 1px 2px 10px;
}

.products-index .dropdown .list .item {
	border-bottom:1px solid #FAFAFA;
}

.products-index .dropdown .list .item.selected {
	display:none;
}

.products-index .quick-add a.button {
	color: white!important;
	font-weight: 400;
	font-size: 12px;
	margin-top: 10px;
	padding: 6px 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
	max-width: none;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.products-index .quick-add a.multiple {
	max-width: 80px;
}

.products-index .quick-add a.button.locked {
	background-image: URL(../img/loading-red_button.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: rgba(240, 93, 93, 0)!important;
    cursor: default;
    opacity: 0.7;
}

.products-index .quick-add a.button.disabled {
	background-color:#DDD!important;
}

/* PRODUCT VIEW */

.products-view #product.section {
	text-align:left;
	padding-left: 0;
	margin-top: 40px;
}

.products-view #product .title-divider {
	width:100%;
}

.products-view #product .column.image {
	padding-top:6px;
	text-align:center;
	width:320px;
}

.product-image {
	height:354px;
	width:288px;
	position: relative;
}

.products-view #product .column.image .no-image {
	display:block;
}

.products-view #product .column.name,
.products-view #product .column.purchase {
	width:638px;
	margin-right: 38px;
}

#product .title-divider {
	margin-top: 20px;
	margin-bottom: 20px;
}

.products-view #product .column.name .title {
	text-align:left;
}


.products-view #product .column.purchase .variations .hide {
	display:none;
}

.products-view #product .column.purchase .variations .price div {
	display:inline-block;
}

.products-view #product .column.purchase .variations .price .strike {
	text-decoration:line-through;
	opacity:0.4;
}

.products-view #product .column.purchase .variation, .products-view .add.row .column {
	display:inline-block;
	text-align:center;
	margin-right:10px;
}

.products-view #product .column.purchase .variation .image_size, .products-view .add.row .column .image_size {
	height:171px;
	width:142px;
    overflow: hidden;
}

.products-view #product .column.purchase .variation.variation_3 {
	margin-right:0px;
}

.products-view #product .subtitle {
	color:#00AFA9;
	font-size:18px;
	margin-right:42px;
	margin-bottom:10px;
	text-transform:uppercase;
}

.products-view .price .subtitle {
	margin-right: 5px !important;
}

.products-view #product .value {
	font-size:14px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.products-view .disabled .identifier_section .left.column img,
.products-view .disabled .identifier_section .right.column .title,
.products-view .disabled .identifier_section .right.column .title-divider,
.products-view .disabled .identifier_section .right.column .price.row,
.products-view .disabled .identifier_section .right.column .add.row,
.products-view #product .column.purchase .variations .disabled {
	opacity:0.5;
}

.products-view #product .column.purchase .variations .disabled,
.products-view .disabled .identifier_section .right.column .add.row {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);

}

.products-view #product .column.purchase .variations .price .value {
	color:#6F7073;
	font-weight:300;
	font-size:32px;
}

.asterisk {
	color: #00ADBB;
	font-weight: 400;
}

.disclaimer {
	font-weight: 600;
}

.products-view #product .column.purchase .variation .image_size {
	border:1px solid #F2F2F2;
	background-color:white;
}

.products-view #product .column.purchase .variation .unit {
	background-color:#F2F2F2;
	color:#999899;
	font-size:14px;
	font-weight:600;
	margin-top:12px;
	height:25px;
	padding-top:5px;
}

.products-view #product .column.purchase .variation.selected .image_size {
	border:1px solid #00AFA9;
}

.products-view #product .column.purchase .variation.selected .unit {
	background-color:#00AFA9;
	color:white;
}

.products-view #product .variations .row {
	margin-bottom:10px;
}

.

.products-view #product .row {
	margin-bottom:30px;
}

.products-view #product .benefit.row img {
	margin-right:60px;
}

.products-view .no_product_found {
	text-align:center!important;
}

.products-view .add.row {
/*	height:50px;*/
	margin-top:35px;
}

.products-view .add.row .column {
	height:100%;
	overflow:hidden;
}

.products-view .add.row label,
.products-view .add.row input[type='number'],
.products-view .add.row button {
	font-size:19px;
	font-weight:600;
}

.products-view .add.row label {
	background-color:#BBBDC0;
	color:white;
	text-transform:uppercase;
	padding-top:6px;
	height:34px;
	text-align:center;
	width:50%;
	display:inline-block;
}

.products-view .add.row input[type='number'] {
	border:0;
	border:1px solid #EAEAEA;
	color:#BBBDC0;
	text-align:right;
	height:35px;
	padding-bottom:2px;
	width:47%;
}

.products-view .add.row form {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
	flex: auto;
	flex-wrap: wrap;
}

.products-view .add.row form > * {
	margin-top: 7px;
	margin-left: 7px;
}

.products-view .add.row a.button.red {
	width: auto;
	height:100%;
	min-width: 130px;
}

.products-view .add.row a.button.red.service-add {
	width: 260px;
}

.products-view .add.row .add-button {
	margin-bottom: 0px;
}


.products-view .add.row a.button.action-link {
	width: auto;
	height: 100%;
	min-width: 130px;
	padding: 0px 10px;
	background-color: #32BAC5;
}

.products-view .add-to-favorites-container {
	display: flex;
	align-items: center;
	margin-left: 15px;
}

.products-view .add.row .add-to-favorites-container .favorite-submit {
	bottom: auto;
	left: auto;
	position: static;
}

.products-view .add.row .add-to-favorites-container .favorite-label {
	position: static;
	left: 0px;
	bottom: 0px;
	font-size: 14px;
	margin-left: 10px;
}

.products-view #social {
	margin-top:20px;
}

.products-view #social a {
	margin-left:8px;
	margin-right:8px;
}

.products-view #social img {
	height:30px;
	width:30px;
}

.products-view .column.image .like_our_products {
	margin-top:20px;
}

.products-view .suggestions .value {
	margin-top:50px;
}

.products-view .suggestions {
	padding-top: 10px;
}

.products-view .suggestions .product {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	max-width:170px;
	margin-left:80px;
	position: relative;
}

.products-view .suggestions .product:nth-of-type(1) {
	margin-left:0px;
}

.products-view .suggestions .product .name {
	margin-top:15px;
	text-transform:uppercase;
}

.products-view .suggestions .product .image img {
	height:125px;
}

.products-view .related_products .column {
	display:inline-block;
	margin-top:10px;
	margin-right:10px;
}

.products-view .related_products .column:nth-of-type(even) {
	margin-right:0px;
}

.products-view .product-item a {
	display:block;
}

/* SHOPPING CART */

.sale-items{
	width: 650px;
	margin-right: 18px;
	display: inline-block;
}

.sale-items-wait {
	display: none;
	width: 650px;
/*	height: 100%;*/
}


.cart-summary {
	display: inline-block;
	width: 260px;
	padding: 40px;
	background-color: #F9F9F9;
	border-radius: 3px;
	vertical-align: top;
}

.cart-summary .delete-discount {
	height: 14px;
	cursor: pointer;
	float: right;
	position: relative;
	bottom: 30px;
	left: 25px;
}

.applied-voucher {
	width: 250px;
	height: 22px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 10px;
	background-color: white;
	text-align: left;
	margin-top: 22px;
}

.applied-voucher .discount-name {
	width: 140px;
	font-size: 13px;
	color: #788995;
	display: inline-block;
}

.checkmark-coupon {
	transform: scaleX(-1);
}

.applied {
	font-size: 13px;
	color: #33BBC6;
}

.cart-summary .title {
	font-size: 18px;
	color: #00AFAA;
	font-weight: 400;
	margin-bottom: 20px;
}

.cart-summary .divider {
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #E4EAEE;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 260px;

}

.cart-summary .or-container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.cart-summary .small-divider {
    margin-bottom: 6px;
    margin-top: 6px;
    background-color: #EFF2F4;
    height: 2px;
    width: 100px;
    display: inline-block;
}

.cart-summary .divider-or {
	margin-left: 19px;
	margin-right: 19px;
}

.cart-summary .sub-divider {
	background-color: #EFF2F4;
	height: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cart-summary .description {
	display: inline-block;
	margin-bottom: 15px;
	font-family: "Avenir Next" !important;
	font-size: 14px;
	width: 170px;
	text-align: left;
	color: #84939E;
}

.cart-summary .value {
	display: inline-block;
	float: right;
	text-align: right;
	width: 85px;
	font-family: "Avenir Next" !important;
	font-size: 14px;
	color: #84939E;
	font-weight: 600;

}

.cart-summary .total {
	color: #1B2125;
	font-size: 16px;
}

.cart-summary .total-amount {
	font-weight: 500
}

.cart-summary .estimate {
	font-size: 12px;
}

.cart-summary .proceed-button {
	background-color: #F05D5D;
	color: white;
	border: none;
	height: 50px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
}

.cart-summary .paypal-checkout img {
	width: 94px;
	height: 31px;
	display: inline-block;
	vertical-align: middle;
}

.cart-summary .paypal-checkout span {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.paypal-checkout,.payment_option-paypal{
	display: none !important;
} 

.cart-summary .paypal-checkout {
	background-color: #E0E2E4;
	text-transform: uppercase;
	font-family: "Avenir Next" !important;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	height: 50px;
	width: 100%;
	border: none;
	color: #788995
}
.sale-overview .sale-item {
	/*height:132px;*/
	margin-bottom:15px;
	border: 1px solid #EEECED;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 44px;
	padding-bottom: 44px;
}

.block {
    display: block;
}

.sale-info {
	margin-top: 12px;
}

.sale-overview .personalized {
	height:200px;
}
.sale-overview .sale-item.disabled {
	opacity:0.5;
}

.sale-overview .sale-item.disabled div {
	text-decoration:line-through;
}

.sale-header {
	display: none;
}

.unitary_price {
	display: none !important;
}

.sale-overview .sale-header div.column {
	background-color:#F1F2F2;
	text-align:center;
	border-bottom:2px solid #EEECED;
	border-right:2px solid #EEECED;
	margin-right:4px;
	padding-bottom:15px;
	padding-top:15px;
	font-weight:600;
}

.sale-overview .sale-item div.column {
	border-right:2px solid white;
}

.sale-overview .sale-item div.column,
.sale-overview .sale-header div.column {
	padding-right:15px;
	padding-left:15px;
	margin-right:4px;
	float:left;
}

.sale-overview .sale-item .image {
	margin-right:10px;
	padding-left:0px!important;
	padding-right:0px!important;
	width:90px;
}

.sale-overview .sale-item .image img {
	width:100%;
}

.sale-overview .sale-item div.name.column {
	height:100%;
	padding-left:0px;
}

.sale-overview .sale-item div.name div {
	float:left;
}

.sale-overview .sale-item div.name.column:hover {
	cursor:pointer;
	opacity:0.7;
}

.sale-overview .sale-item div.product_name {
	color:#999899;
	font-size:16px;
	font-weight:normal;
	margin-top: -22px;
	text-align:left;
	width: 260px;
}

.sale-overview .sale-item div.name .size {
	color:#BBBDC0;
	display: block;
	padding-left:5px;
}

.sale-overview input[type="number"] {
	color:#BBBDC0;
	border:1px solid #F2F2F2;
	height:40px;
	font-size:18px;
	text-align:center;
	width:70px;
	padding:0;
	font-weight:300;
}

.sale-overview .sale-header div.column.name,
.sale-overview .sale-item div.column.name {
	text-align:left;
	padding-left:10px!important;
	width:62%;
}

.sale-overview .sale-header div.column.quantity,
.sale-overview .sale-item div.column.quantity {
	padding-left:4px;
	padding-right:4px;
	text-align:center;
}

.quantity_abbreviation {
	display:none;
}


.sale-overview .sale-header div.column.unitary_price,
.sale-overview .sale-item div.column.unitary_price {
	width:118px;
}

.sale-overview .sale-item div.unitary_price {
	text-align:right;
}


.sale-overview .sale-item div.price,
.sale-overview .sale-header div.column.price {
	margin-right:0px;
	width:104px;
}


.delete_link{
	cursor: pointer;
	width: 21px;
	height: 24px;
	margin-top: 6px;
}


.sale-overview .title-divider {
	margin-bottom:15px;
	margin-left:0px!important;
	width:100%!important;
}

.sale-overview .discount_bar {
	font-size:16px;
	font-weight:600;
	text-align:right;
}

.sale-overview .discount_bar div {
	display:inline-block;
	vertical-align:middle;
}

.sale-overview .discount_bar input[type=text] {
	border:0;
	height:48px;
	padding: 0;
	color:#99999A;
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
 	width: 140px; 
	padding-left: 12px;
	padding-right: 8px;
}

.sale-overview .discount_bar input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
	color:    #84949E;
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
	text-align: left;

}

.sale-overview .discount_bar button {
	cursor:pointer;
	width: 100px;
	float: right;
	border:1px solid #E6E7E8;
	background-color:#32BAC5;
	color:white;
	text-transform:uppercase;
	font-size:14px;
	font-weight: 600;
	height:48px;
	outline:none;
	padding-left:15px;
	padding-right:15px;

}

.sale-overview .discount_bar button:hover {
	opacity:0.7;
}

.sale-overview .totals div.row {
	color:#999899;
	font-size:18px;
	text-align:right;
	margin-bottom:25px;
}

.sale-overview .totals .description {
	margin-right:24px;
}

.sale-overview .totals .description,
.sale-overview .totals .value {
	display:inline-block;
	text-align:right;
}

.sale-overview .totals .tax.row {
	text-transform:uppercase;
}

.sale-overview .totals .discounts .description,
.sale-overview .totals .discounts .value {
	color:#F05D5D;
	vertical-align: top;
}

.sale-overview .totals .discounts .remove.button {
    font-size: 10px;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 6px;
    font-weight: 600;
	vertical-align:top;
}

.sale-overview .totals .discounts .error {
	font-size:10px;
	margin-top:10px;
	font-weight:600;
	color:#999899;
}

.sale-overview .totals .total.row {
	font-weight:600;
}

.sale-overview .totals .total.row .description {
	color:#00AFA9;
}

.sale-overview .totals {
	margin-bottom:80px;
}

.sale-overview .totals .value {
	width:130px;
}

.shoppingCartItems-view form .navigation .button,
.generic_form .button,
.shoppingCartItems-view form .navigation input[type='submit'],
.generic_form input[type='submit'] {
	border-radius:2px;
	cursor:pointer;
	color:white;
	border:0;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.shoppingCartItems-view form .navigation .button {
	background-color:#BBBDC0;
}

.shoppingCartItems-view form .navigation div.submit,
.shoppingCartItems-view form .navigation .button {
	float:right;
	margin-left:20px;
}

.shoppingCartItems-view form input[type="submit"]:hover,
.generic_form input[type='submit']:hover {
	opacity:0.7;
}

.generic_form .navigation .submit {
	text-align:center;
}

.generic_form .header_sublinks {
	margin-bottom:40px;
}

.progressBar {
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
	width: 100%;
	float: none;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	padding-left: 26px;
}

.progressBarLabel {
	display: inline !important;
}

/* USERS */

.register-or-login {
	text-align:left;
}

.register-or-login .subtitle {
	color:#00AFA9;
	font-size:16px;
	margin-bottom:30px;
	text-transform:uppercase;
}

.register-or-login label {
	color:#999899;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	width:168px;
}

.register-or-login .submit {
	padding-left:168px;
	text-align:left;
}

.register-or-login .input {
	margin-bottom:20px;
}

.register-or-login .login.column {
	border-right:2px solid #EEECED;
	min-height:290px;
	width:475px;
}

.register-or-login input[type='text'],
.register-or-login select,
.register-or-login input[type='password'],
.register-or-login input[type='email'] {
	border:1px solid #F2F2F2;
	padding:4px;
/*	width:250px;*/
}

.register-or-login .button {
	border-radius:1px;
	font-size:16px;
	font-weight:normal;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
}

.register-or-login .column .error {
	color:#F05D5D;
	font-size:12px;
}

.register-or-login .column.login .input.password {
	margin-bottom:10px;
}

.register-or-login .column.login .error,
.register-or-login .column.register .error-message {
	padding-left:168px;
	margin-bottom:5px;
}

.register-or-login .column.register .error-message {
	margin-top:5px;
}

.register-or-login .column.login .forgot_password {
	padding-left:168px;
	margin-bottom:20px;
	font-size:12px;
}

/* ============================ */
/* 2FA */

.register-or-login .tf-container {

}

.register-or-login .tf-container input[type="number"] {
	width: 170px;
	font-size: 20px;
	color: #7c7c7c;
	text-align: left;
	padding: 10px;
	-moz-appearance: textfield;
	display: block;
	letter-spacing: 0.7em;
	text-align: center;
	border: 1px solid #e1e1e1;
	border-width: 0px 0px 1px 0px;
	margin-bottom: 40px;
}

.register-or-login .tf-container .button {
	height: 100%;
}

.register-or-login .tf-additional-text {
	font-size: 14px;
	margin-top: 30px;
	animation: tf-show-additional-text 80s ease forwards;
}
@keyframes tf-show-additional-text {
	0%   { opacity: 0; }
	95%   { opacity: 0; }
	100% { opacity: 1; }
}


/*Hide input type number arrows*/
.register-or-login .tf-container input::-webkit-outer-spin-button,
.register-or-login .tf-container input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ============================ */


.register-or-login .column.register .input.checkbox label {
	font-size:13px;
	width:auto;
}

.register-or-login .column.register .input.checkbox {
	margin-left: 165px;
}

/* GENERIC_FORM */

.generic_form .button-link {
	margin-top:2px;
	font-size:14px;
	text-transform:uppercase;
}

.generic_form .subtitle {
	color:#00AFA9;
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
}

.generic_form .prefered-date-note{
	font-style: italic;
	width: 500px;
}

.generic_form .subtitle.red {
	color: #F05C5C;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 300;
	text-align: left;
	text-transform:none;
}

.generic_form .information {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:left;
	width:500px;
}

.generic_form .information label {
	font-size:14px;
}

.generic_form input[type='text'],
.generic_form input[type='password'],
.generic_form input[type='email'] {
	border:1px solid #F2F2F2;
	padding:4px;
	width:250px;
}

.generic_form select {
	width:260px;
}

.generic_form .information div.input {
	margin-bottom:10px;
	margin-top:10px;
}

.generic_form .information label {
	display:inline-block;
	width:100%;
}

.generic_form .information .title-divider {
	text-align:left;
	margin-left:250px;
	width:250px;
}

.generic_form .shipping.information .shipping_select select {
	margin-right:8px;
	margin-bottom:20px;
	width:350px;
}

.generic_form .section .button {
	border:none;
	border-radius: 1px;
	font-size: 16px;
	font-weight: normal;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.generic_form .steps {
	margin-top:25px;
	margin-bottom:25px;
}

.generic_form .step {
	color:white;
	font-size:13px;
	background-color:#CCC;
	border-radius:25px;
	width:50px;
	height:50px;
	margin-left:5px;
	margin-right:5px;
	display:inline-block;
	font-size:22px;
}

.generic_form .step.passed,
.generic_form .step.selected {
	background-color:#02AFAB;
}

.generic_form .step.passed {
	opacity:0.5;
}

.generic_form .error-message {
	color:#F05D5D;
	font-size:12px;
	margin-left:220px;
	margin-top:5px;
}

.generic_form .navigation {
	margin-bottom:0px!important;
	margin-top:40px;
}

.generic_form .navigation a.button {
	float:left;
	text-align:center;
}

.generic_form .navigation input[type="submit"] {
	float:right;
}


.generic_form .information.shopping_cart {
	width:960px!important;
}

.generic_form .information.shopping_cart .title-divider {
	margin-left:0px;
	width:100%;
}

.generic_form .button,
.generic_form input[type='submit'] {
	font-size:15px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
	padding-right:15px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;

}

/* HOME */

.users-home .subtitle {
	color:#00AFA9;
	font-size:18px;
	text-transform:uppercase;
	text-align:left;
}

.users-home .subtitle.red {
	color: #F05C5C;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 300;
	text-align: left;
	text-transform:none;
}

.users-home .section {
	text-align:left;
}

.users-home .section .not_found {
	text-align:center;
}

.users-home .sublinks {
	font-weight:normal;
	text-align:center;
}

.generic_form .header_sublinks a,
.sublinks a {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	text-transform:uppercase;
	font-weight:600!important;
	font-size:14px;
}

/* SHIPPING ADDRESSES */


.shippingAddresses-choose .shipping_address.pickup {
	height:100px;
}

.shippingAddresses-choose .shipping_address.add {
	height:50px;
}

.shippingAddresses-choose .shipping_address.pickup input[type="text"] {
	margin-left:30px;
}

.shippingAddresses-choose .navigation .submit input[type="submit"] {
	float:none;
}

/* PAYMENT METHODS */

.payment_methods-choose .payment_option,
.shippingAddresses-choose .shipping_address {
	overflow:hidden;
	margin-bottom:15px;
}

.checkout-credit-cards {
	width: 550px;
}

.shippingAddresses-choose .shipping_address {
	height:130px;
}

.shippingAddresses-choose .shipping_address .highlight {
	font-weight:600;
}

.payment_methods-choose .payment_options {
	margin-top:15px;
}

.payment_methods-choose .payment_option input,
.shippingAddresses-choose .shipping_address input {
	float:left;
	margin-right:15px;
	cursor:pointer;
}

.payment_methods-choose .payment_option label,
.shippingAddresses-choose .shipping_address label {
	float:left;
	width:auto;
	cursor:pointer;
}

.payment_methods-credit_card_fields .date select {
	width:100px;
}
.payment_methods-credit_card_fields .date #CreditCardExpirationDay {
	width:50px;
}

.payment_methods-credit_card_fields .description {
	font-size:13px;
	margin-left: 220px;
	margin-top: 5px;
}

.payment_methods-choose .payment_option .name {
	font-weight:600;
}

.payment_methods-choose .payment_option .disabled {
	color: #D9DAD9
}

.payment_methods-choose .payment_option-credit-card label {
	margin-right:0px;
    width:92%;
}

.payment_methods-choose .generic_form .navigation .continue {
	float:right;
}

.payment_methods-choose .generic_form .navigation .choose {
	float:none;
}

/* CREDIT CARDS */

.accepted_credit_cards_icons {
	margin-top:6px;
}

.credit_card {
	border:1px solid #CCC;
	border-radius:8px;
}

.credit_card_fields_hidden {
	display: none !important;
}

/* CHECKOUT CREDIT CARDS SELECTOR */
.credit-cards-container {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.credit-cards-container > div {
	padding: 15px 40px;
	border: 1px solid #EEECED;
	margin-bottom: -1px;
	font-size: 11pt;
}

.credit-cards-container > div:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.credit-cards-container > div:hover {
	background-color: #F9F9F9;
}

.credit-cards-container > a {
	width: 387px;
	margin: 0px !important;
	margin-top: 10px !important;
	text-align: center;
}


.credit-cards-container .credit-card-item{
	opacity: 1;
}

.credit-cards-container .credit-card-item[data-expired="1"] {
	opacity: 0.5;
	cursor: default !important;
	background-color: transparent !important;
}

.credit-cards-container .credit-card-item[data-show] {
	display: none;
}
.credit-cards-container .credit-card-item[data-show="1"] {
	display: block;
	cursor: pointer;
}
.credit-cards-container .credit-card-item[data-selected="1"] {
	box-shadow: 10px 0px 0px #00AFA9 inset;
	cursor: pointer;
}

.credit-cards-container .credit-card-fields {
	display: block;
	text-align: center;
	background-color: transparent !important;
	cursor: default;
}

.credit-cards-container .credit-cards-more {
	display: block;
	background-color: #F9F9F9;
	text-align: center;
	cursor: pointer;
}
.credit-cards-container .credit-cards-more:hover {
	background-color: #f1f1f1;
}
.credit-cards-container .credit-cards-add-new {
	background-color: #F9F9F9;
	text-align: center;
	cursor: pointer;
}

/* CHECKOUT */

.checkout .information {
	width:100%;
	margin-top: 45px;
	margin-right: 20px;
}

.checkout .information .subtitle .button.red {
	font-size: 12px;
	font-weight: 600;
}

.checkout .information .sale .subtitle {
	margin-bottom:10px;
}

.checkout .information .highlight {
	font-weight:600;
}

.checkout .credit_card_fields {
	margin-left:0px;
	margin-top:12px;
	width:98%;
}

.checkout .credit_card_fields .number {
	margin-bottom:12px;
}

.checkout .credit_card_fields .input {
	margin-top: 20px;
}

.checkout .credit_card_fields input {
	border-radius:2px;
	display:block;
	height:24px;
	font-size:14px;
	padding-left:6px;
	width:100%;
	border: 1px solid #e5e5e5;
}

.checkout .credit_card_fields input.error {
	animation-name: error;
	animation-duration: 2s;
}

@keyframes error {
	0%   { border-color: auto; }
	25%  { border-color: red; }
    100%  { border-color: auto; }
}

.checkout .credit_card_fields label {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight:600;
	width:auto;
}

.checkout .credit_card_fields label .syntax {
	font-size: 10px;
	text-transform: uppercase;
}

.checkout .expiration {
	float:left;
	width:48%;
}

.checkout .security {
	float:right;
	width:48%;
}

#edit_client_information_dialog {
	display: flex;
	width: 30vw;
	top: 15% !important;
	left: 30%;
	display: none
}

#edit_client_information_dialog .input.text {
	padding: 10px;
}

#edit_client_information_dialog input {
	width: 100%;
	color: #3e3e3e;
}

#edit_client_information_dialog .button {
	padding: 5px 15px 5px 15px;
	font-size: 12px;
}

#edit_client_information_dialog input[type="radio"] {
	width: auto;
}

.edit-client-input + label {
	cursor: pointer;
	padding: 8px;
	border: #3e3e3e 1px solid;
}

#edit-client-shop_pickup:checked + label,
#edit-client-quote:checked + label,
#edit-client-is_employee:checked + label,
#edit-client-paid:checked + label {
	background-color: #00A6A0;
	color: white;
}

#edit-client-shop_pickup,
#edit-client-is_employee,
#edit-client-quote,
#edit-client-paid {
	display: none;
}

.edit-client-payment-section .input.radio {
	display: flex;
	flex-direction: column;
}


.quote-question-container {
	display: none;
	padding: 10px;
}

.quote-question-container input {
	width: auto !important;
}

.send-quote-label {
	display: inline-block;
}

.shop-pickup-button {
	text-align: center;
}

.alert_message {
	color: red;
	display: none;
}

.address_alert_message{
	display: block;
}

.alert_message_name {
	text-transform: capitalize;
}

.edit_client_modal_close_icon {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	bottom: 15px;
	height: 24px;
	width: 24px;
	cursor: pointer;
	background-image:URL(../img/personalization_close.png);
}

.payment_method_alert_message {
	color: red;
	display: none;
}

.payment_alert_message {
	color: red;
	display: block;
}

.product-name-container {
	width: 236px;
	text-align: left;
}

.cart-favorite {
	height: 24px !important;
	width: 30px;
	margin-top: 6px;
}

.payment-method-container label {
	border: none;
}

/* ORDERS */

/*.orders.table {
	margin-top:10px;
	display:inline-block;
}*/

/*.orders.table*/
.order {
	display:block;
}

/*.orders.table */
.header,
#report thead th
/*,.table thead th */
{
	font-weight:600;
	margin-bottom:5px;
}

/*.orders.table */
.header .column,
#report thead th
/*,.table thead th*/
 {
	background-color:#F1F2F2;
	border-bottom:2px solid #EEECED;
	border-right:2px solid #EEECED;
	padding:10px;
}

/*.orders.table */
.body .column
/*,.table td */
{
	border-bottom:2px solid white;
	border-right:2px solid white;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.table.bordered td {
	border-bottom: 1px solid #ebebeb;
	padding: 15px;
}

.orders.table .column {
	display:inline-block;
}

.orders.table .column.order_date {
	padding-left:20px;
	text-align:left;
	width:500px;
}

.orders.table .column.order_number {
	text-align:center;
	width:200px;
}

.orders.table .column.order_status {
	text-align:center;
	width:164px;
}

.orders.not_found {
	margin-top:40px;
}

.invoice-type-container {
	display: flex;
}

/* ORDER */

.orders-view .information {
	width:100%;
}

.orders-view .information .highlight {
	font-weight:600;
}

.orders-view .information .subtitle {
	margin-bottom:5px;
}

.orders-view .information .sale .subtitle {
	margin-bottom:10px;
}

/* PASSWORD RESET */

.reset_password .register-or-login {
	text-align:center;
}

.reset_password .submit {
    text-align: center;
    padding-left: 0px;
}

.reset_password .instructions {
	font-size:14px;
}

.reset_password form {
	margin-top:25px;
}

/* TERMS */

.pages-terms ul li {
	text-align:left;
}

/* NEWSLETTER */

.section #newsletter {
	background-color:#f6f5f4;
	padding:45px;
}

.section #newsletter div {
	margin:8px;
}

.section #newsletter .highlight {
	font-size:20px;
	font-weight:600;
}

.section #newsletter #mc_embed_signup form {
	margin-bottom:10px;
	padding:0px;
}

.section #newsletter #mc_embed_signup .mc-field-group {
	width:auto!important;
	text-align:center;
	padding-bottom: 0px;
	margin: 0px;
	min-height:auto;
	margin-top:15px;
}

.section #newsletter .discount-policy {
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

#newsletter_dialog .newsletter-content {
	width: 600px;

}

#discount_dialog .subtitle {
	color: #00AFA9;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

#discount_dialog .discount-content {
/*	width: 600px;*/
}

div#discount_dialog.dialog.admin_form{
	width: 700px;
	text-align: justify;
	text-justify: inter-word;
}
@media screen and (max-width: 840px){
	.discount-content{
		width: 100% !important;
	}	
}
@media screen and (max-width: 715px){
	div#discount_dialog.dialog.admin_form{
		left:4% !important;
	}
}
@media screen and (max-width: 590px){
	div#discount_dialog.dialog.admin_form{
		width: 544px !important;
	}
}
@media screen and (max-width: 470px){
	div#discount_dialog.dialog.admin_form{
		width: 420px !important;
		left:3% !important;
	}
}

#newsletter_dialog .newsletter-title, #newsletter_dialog .highlight {
	color: #00AFAA;
	text-align: center;
	font-weight: 600
}



.section #newsletter #mc_embed_signup .mc-field-group input[type="submit"] {
	vertical-align:top;
    color: white!important;
    font-weight: 400;
    font-size: 12px;
	height:34px;
    padding: 0px 0px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
	width:auto;
	display:inline-block;
	margin-bottom:0px;
}

.section #newsletter #mc_embed_signup .mc-field-group input[type="text"],
.section #newsletter #mc_embed_signup .mc-field-group input[type="email"] {
	vertical-align:top;
    height: 16px;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
	width:30%!important;
	display:inline-block;
	margin-bottom:0px;

	font-family: "OpenSans"!important !important;
	font-weight: normal;
	background-color: white;
	color: #99999A;
	text-transform: none;
}

.section #newsletter #mc_embed_signup .mc-field-group .mce_inline_error {
	display:block;
    background-color: transparent;
    font-weight:600;
	text-transform:uppercase;
	margin-bottom:0px;
	font-size:12px;
}

.section #newsletter #mc_embed_signup div.response {
	text-align:center;
	width:100%;
	margin-bottom:0px;
}

.section #newsletter #mc_embed_signup #mce-success-response {
	color:#00AFAA;
	text-align: center;
	width: 100%;
	font-weight:600;
}

/* PAY */

.pay .wait {
	position:static;
	display:block;
	width:80px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

.pay .note {
	font-size:12px;
	margin-top:20px;
}

.pay .note .button {
	font-weight:400;
	font-size:14px;
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:6px;
	border-radius:2px;
}

/* BLOG */

#blog_posts h1 a {
	color:#00AFAA;
}

#posts {
	margin-bottom:40px;
	margin-top:40px;
}

#posts .wait {
	display:block;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	position:static;
	width:80px;
}

#posts .post {
	display:inline-block;
	vertical-align:top;
}

#posts h2 {
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}

#posts .post p {
    font-size: 14px;
    min-height: 60px;
}

#posts .post a {

	margin-bottom: 20px;
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

#posts .post .separator {
    background-color: #02AFAB;
    border-radius: 20px;
    height: 2px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 25px;
    margin-top: 25px;
    width: 35px;
}

#posts .post .image-container {
    display: block;
    height: 180px;
    overflow: hidden;
    width: 100%;
}

#posts .post a.video-link {
	display:block;
	margin-bottom:0px;
	margin-top:0px;
}

#posts .post .play {
	margin-left:80px;
	margin-top:38px;
}

/* VIDEO */

#video-dialog, #video-dialog video {
	width:700px;
}

#video-dialog video {
	opacity:0;
}

#video-dialog .dialog-content {
	background-color: rgba(255,255,255,0.7);
	background-image: URL(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	min-height:100px;
}

/* REDEEM */

.discounts-redeem .highlight {
	font-weight:bold;
}

/* SURVEY */

#purchase-survey {
	display:none;
    border-radius: 10px;
    bottom: 0px;
    position: fixed;
    max-width: 600px;
	width:80%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    background-color: white;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    left: 0px;
    right: 0px;
    margin-right: auto;
    margin-left: auto;
    z-index: 9999;
}

#purchase-survey h3 {
	color:#00AFA9;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:normal;
	text-transform:uppercase;
	font-size:18px;
}

#purchase-survey .text {
	margin-top:20px;
	margin-bottom:20px;
}

#purchase-survey .highlight {
	color:#00AFA9;
	font-weight:bold;
}

#purchase-survey a.button {
	background-color:white;
	border:2px solid #00AFA9;
	border-radius:6px;
	color:#00AFA9;
	font-weight:600;
	font-size:14px;
}

#purchase-survey a.close {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	font-size:30px;
	font-weight:300;
	margin-right:20px;
	margin-top:10px;
}

/* CAKE */

.cake-sql-log {
	color:#6F7173;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:20px;
	max-width:965px;
	font-size:95%;
}

.cake-sql-log td, .cake-sql-log th {
	padding:10px;
}

/* ORDER HISTORY */
.reorder-list-container {
	display: flex;
}

.order-history-reorder-list {
	padding-bottom: 20px;
	width: 70%;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 30px 40px;
	border-bottom: #EEECED 1px solid;
}

.reorder-cart-button-container {
	width: 30%;
	margin: 0 40px 30px 0;
	border-bottom: #EEECED 1px solid;
	text-align: center;
}

div.input.datetime{
	font-weight:normal;
	display: inline-block;
}


div.input select {
	font-size: 20px;
}

div.input.datetime select:nth-of-type(3) {
	margin-right:10px;
}

.reorder-product-image-container {
	margin: 10px;
}
@media screen and (min-width:899px) {
	.order-history-products-column {
		width: 900px !important;
		margin: 0 auto;
	}
}


.order-history-items {
	width: 900px;
}

.reorder-product-image {
	width: 58px;
	height: 70px;
}

.reorder-button {
	width: -moz-available !important;
	width: -webkit-fill-available !important;
	width: fill-available !important;
	margin-top: 20px !important;
}

.reorder-subtotal {
	display: inline-flex;
	margin-top: 8px;
}

.reorder-product-image-container {
	position: relative;
	text-align: center;
	color: black;
}

.reorder-not-available-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: small;
	text-shadow: 0 0 1px #ffffff;
}

.dynamic-badge {
	position: relative;
}

.dynamic-badge[data-badge]:after {
	content: attr(data-badge);
	position: absolute;
	top: 4px;
	right: 50px;
	font-size: 11px;
	font-family: "Roboto","Helvetica","Arial",sans-serif !important;
	font-weight: 600;
	text-align: center;
	line-height: 23px;
	background: #00a6a1;
	color: white;
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.empty-last-order {
	text-align: center;
	margin-bottom: 20px;
}

.generic_form textarea {
	background-color:transparent;
	border:0;
	color:#99999A;
	font-family:'OpenSans' !important;
	font-size:18px;
	font-weight:normal;
	margin-top:4px;
	height:80px;
	outline:none;
	resize:none;
	padding-left:0px;
	border-bottom: solid 1px #d8dde1;
}

#desired_delivery_date, #OrderDocument {
	border: none;
	border-bottom: solid 1px #d8dde1;
	font-size: 18px;
	color: #9A989A;
	font-weight: 600;
}

.invoice_fields {
	display: none;
}

.text-input {
	border: none !important;
	border-bottom: solid 1px #d8dde1 !important;
	font-size: 18px;
	color: #9A989A;
	font-weight: 600;
}
/* DATEPICKER */

#ui-datepicker-div {
	display:none;
}

.ui-datepicker {
	background-color: white;
	border: 1px solid #EEE;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

	padding: 10px;
	text-align: center !important;
	width: 260px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.ui-datepicker a {
	border-radius: 11px;
	color:#00ADBB;
	cursor:pointer;
	display:block;
	text-align: center;
	font-family: 'Avenir Next' !important;
	text-decoration:none;
}

.ui-datepicker .ui-state-disabled {
	text-align: center;
}

.ui-datepicker a:hover {
	opacity:0.7;
}

.ui-datepicker .ui-datepicker-header{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ui-datepicker .ui-state-active {
	background-color:#00ADBB;
	color:white!important;
}

.ui-datepicker .ui-datepicker-prev {
	color:#EC9090;
	top: 10px !important;
	float:left;
	font-size:18px;
	font-family: 'Avenir Next' !important;
}

.ui-widget-content {

	overflow-y: unset !important;

}

.ui-datepicker .ui-datepicker-next {
	color:#EC9090;
	top: 10px !important;
	float:right;
	font-size:18px;
	font-family: 'Avenir Next' !important;
}

.ui-datepicker .ui-datepicker-calendar {
	margin-top:10px;
	width:100%;
}

.ui-datepicker .ui-datepicker-calendar th {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Avenir Next' !important;
	font-weight: 600;
}

.ui-datepicker .ui-datepicker-title {
	font-family: 'Avenir Next' !important;
	font-size:18px;
}

.ui-datepicker .ui-state-disabled {
	color:#AAA;
}

.ui-datepicker .ui-datepicker-today a {
	border:1px solid #00ADBB;
}

.hasDatepicker {
	cursor:pointer;
}


/* PERSONALIZATION BUTTON */

.personalization-button {
	height: 60px;
	width: 410px;
	border: solid 2px #F0F0F0;
	cursor: pointer;

}

video.personalization-product-active {
	display: none;
	width:600px;
	height: 150px;
	max-width:100%;
}

.personalization-label {
	display: inline-block;
	padding-left: 10px;
	margin-top: 18px             ;
}

.new-badge {
	background-color: #00AFA9;
	display: inline-block;
	color: white;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	position: absolute;
	margin-top: -30px;
	text-transform: uppercase;
	font-size: 14px;
}

.personalization-subtitle {
	color: #00AFA9;
	font-size: 15px;
	text-transform: uppercase;
}

.personalization-title {
	color: #00AFA9;
	font-size: 26px;
	text-transform: uppercase;
	border-bottom: solid 2px #D3D2D3 ;
}

.personalization-checkbox {
	display: inline-block;
	margin-left: 20px;
	margin-top: -4px;
}

.personalization-close {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	bottom: 15px;
	left: 50px;
	height: 24px;
	width: 24px;
	cursor: pointer;
	background-image:URL(../img/personalization_close.png);
}

.personalization-product-preview {
	height: 60px !important;
	width: 50px !important;
	border: solid 2px  !important;
	margin-bottom: 20px ;
	cursor: pointer;
}

.product-preview {
	margin-right: 9px;
	margin-left: 9px;
}

.product-arrow-container {
	display: inline-block;
	width: 10px;
	vertical-align: top;
}

.personalization-container {
    padding-left: 30px;
    padding-right: 30px;
}

.personalization-content {
	margin-top: 30px;
}

.personalization-preview-column {
    margin-top: 20px;
}

.personalization-colors-row {
	margin-left: 0px !important;
	height: 60px;
}

.personalization-product-active {
	height: 260px;
	width: 217px;
}

.thumbnail-container {
	margin-top: 30px;
	width: 220px;
	display: inline-block !important;
}
.thumbnail-container .product-dot {
	display: none !important;
}

.personalization-style {
	border: solid 1px !important;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 13px;
	margin-left: 12px;
	cursor: pointer;
}

.style-carousel {
	padding: 0 !important;
	height: 140px;

}

#personalization-arrow-right {
	height: 24px;
	width: 15px;
	cursor: pointer;
	background-image:URL(../img/personalization_arrow_right.png);
	margin-top: 60px;
}

.product-arrow {
	height: 17px;
	width: 10px;
	cursor: pointer;

	margin-top: 55px;
	vertical-align: top;

}

#product-arrow-right {
	background-image:URL(../img/product_arrow_right.svg);
}

#product-arrow-left {
	background-image:URL(../img/product_arrow_left.svg);
}

.carousel-border {
	position: absolute;
	z-index: 1;
	height: 140px;
	pointer-events: none;
	width: 50px;
	right: 40px;
	background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 96%);
}

#personalization-arrow-left {
	height: 24px;
	width: 15px;
	cursor: pointer;
	background-image:URL(../img/personalization_arrow_left.png);
	margin-top: 60px;
}

#service-arrow-down {
	height: 24px;
	width: 15px;
	cursor: pointer;
	z-index: 1000;
	position: relative;
	top: 40px;
	background-image:URL(../img/personalization_arrow_left.png);
	transform: rotate(270deg);
}

#service-arrow-up {
	height: 24px;
	width: 15px;
	position: absolute;
	top: -15px;
	cursor: pointer;
	background-image:URL(../img/personalization_arrow_left.png);
	transform: rotate(90deg);
}

.slick-disabled {
	display: none !important;
}

.personalization-arrow-col {
	margin-left: -20px;
}

.personalization-color {
	height: 60px;
	width: 60px;
	display: inline-block;
	border: solid 1px !important;
	margin: 10px;
	cursor: pointer;
}

.personalization-color-content {
	height: 35px;
	width: 35px;
	border-radius: 35px;
	margin: 12px;
}

.personalization-text {
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 0px !important;
	margin-top: 2px; !important;
}

.personalization-waiting-styles {
	height: 140px;
	width: 450px;
	margin-left: 20px;
}

.personalization-waiting-colors {
	height: 100px;
	width: 360px;
	margin-left: 10px;
	margin-top: 10px;
}

.separator	{
	border-top: solid 2px #D3D2D3 !important;
    width: 302px;
    margin-left: 0;
}

.personalization-limit {
	font-size: 14px;
	text-transform: uppercase;
}

#personalization-min {
	font-size: 12px;
	text-transform: uppercase;
	margin-left: -6px;
}

.personalization-note {
    font-size: 14px;
    color: #bababa;
    width: 302px;
	position: relative;
	top: 20px;
}

.personalization-email {
    color: #00ADBB;
}

.personalization-selected {
	border-color: #00ADBB !important;
}

.personalization-unselected {
	border-color: #D6D5D5 !important; ;
}

.personalization-input {
	border: solid 1px #F0F0F0;
	margin-top: -6px !important;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #C3C2C3;
	font-weight: bold;

}

.personalization-summary {
	height: 50px;
	width: max-content;
	border: solid  2px #E3E4E6;
	border-radius: 10px;
	margin-left: 10px;
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 6px;
	display: inline-block;
	margin-bottom: 30px;
	float: left;
}

.personalization-summary img {
	height: 46px;
	float: left;

}

.personalization-summary .summary-labels {
	float: left;
	margin-left: 16px;
	margin-top: 4px;
	color: #CECECE;
	text-decoration: none !important;
}

.personalization-summary label {
	display: block !important;
	text-align: left;
	font-size: 13px;
	width: auto !important;

}

#handleCounterDialog{
	margin-top: 5px;
	margin-left: 14px;
}

.bootstrap-related-product {
	margin-top: 20px;
}

.bootstrap-related-product .item {
	height: 77px !important;
}

.personalization-summary label span {
	font-weight: bold;
	color: #BAB9BA;
}

.personalization-summary label span.edit-personalization {
	color: #00A6A0;
	cursor: pointer;
}

.personalization-summary-extended{
	height: fit-content;
	padding-bottom: 6px;
}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	height:15px;
	width: 15px;
	display:inline-block;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:30px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:URL(../img/checkmark.png);
	background-size: 15px 15px;
}
label.css-label {
	border: solid 2px #DDDBDC;
	border-radius: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.blur-all {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(5px);
}

.product-amount-change {
	font-size: 26px;
	position: relative;
	color: #DCDADA;
}

.product-amount-plus {
	right: 4px;
}

.product-amount-minus {
	left: 5px;
}

.add-button {
	height: 41px !important;
	margin-right: 0px !important;
	margin-bottom: 4px;
}

.add-slider {
	margin-left: -12px;
}

.spin span {
	display: inline-block;
	width: 35px;
	text-align: center;
	padding-top: 2px;
	border: 2px solid #DCDADA;
	cursor: pointer;
	position: relative;
	top:5px;
}
.spin span:first-child {

}
.spin input {
	width: 60px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-left: 0px;
	border-right: 0px;
	border-color: #DCDADA;
	font-size: 14px;
	color: #C3C2C3;
}


.spin {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
}
.spin::-moz-selection{
	background-color:Transparent;

}

.spin::selection {
	background-color:Transparent;
}

.left-align-slick > .slick-list > .slick-track {
	margin-left:0 !important;
}

/* Circle badge start*/

.circle-badge {
	background-color: rgba(76, 199, 195, 0.7);
	display: inline-block;
	color: white;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: -10px;
	text-transform: uppercase;
	word-wrap: break-word
}

.personalize-product-badge {
	left: 0px;
	height: 72px;
	width: 72px;
}

.personalize-product-badge-text1 {
	position: absolute;
	top: 15px;
	right: 9px;
	font-size: 14px;
	font-weight: bold;
}

.personalize-product-badge-text2 {
	position: absolute;
	top: 33px;
	right: 1px;
	font-size: 10px;
	line-height: 11px;
}

.discounted-product-badge {
	right: 0px;
	height: 55px;
	width: 55px;
}

.product-image .discounted-product-badge {
	top: 0px;
}

.discounted-product-badge-text1 {
	position: absolute;
	top: 13px;
	left: 13px;
	font-size: 15px;
	font-weight: bold;

}

.discounted-product-badge-text2 {
	position: absolute;
	top: 32px;
	right: 18px;
	font-size: 11px;
	line-height: 11px;
}

/* Circle badge end*/

.personalize-product-flag {
	height: 120px;
	width: 250px;
	color: white;
	background-color: #00a6a1;
	position:relative;
	padding: 3px 15px 3px 7px;
	bottom: 3px
}
.personalize-product-flag:after{
	content: '';
	width: 0;
	height: 0;
	background: #fff;
	position: absolute;
	top: 0;
	left: 109px;
	border-right: transparent solid 12px;
	border-left: #00a6a1 solid 1px;
	border-top: #00a6a1 solid 12px;
	border-bottom: #00a6a1 solid 12px;
}


#personalization_dialog .add-slider {
	width: 160px;
}



.out-of-stock {
	color: red;
	font-size: 14px;

}

.order-limit {
	color: red;
	font-size: 13px;
	padding-bottom: 10px;

}

.handle-counter {
    display: inline;
}

.handle-counter .counter-minus,  .handle-counter .counter-plus,  .handle-counter input {
	float: left;
	text-align: center;
}

.handle-counter .counter-minus,  .handle-counter .counter-plus { text-align: center; }

.handle-counter input {
	width: 50px;
	height: 37px;
	border-width: 2px;
	border-right: 0;
	border-left: 0;
	border-color: #D7D5D5;
	border-style: solid;
	font-size: 14px;
	color: #C3C2C3;
}

.botn {
	padding-right: 12px !important;
	padding-left: 12px !important;
	padding-top: 6px;
	padding-bottom: 7px;
	border: 2px solid !important;
	color: #D7D5D5 !important;
	background-color: white !important;
}

.botn:disabled, .botn:disabled:hover {
	background-color: darkgrey !important;
	cursor: not-allowed !important;
}

.counter-minus,.counter-plus {
	cursor: pointer;
}

#paypal-button-container {
	width: 200px;
	margin: 0 auto;
}

.paypal-label {
	color: #00AFAA;
	font-size: 18px;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

.sticky + #content {
	padding-top: 190px;
}

.warning-msg {
	color:#F05D5D;
	font-style: italic;
}

.collapsed-filters {
	display: none;

}

.action-collapse-filters {
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	color: #00AFAA;;
	display: inline;
}

.collapse-filter-container {
	text-align: left;
}

.filter-arrow {
	display: inline;
	height: 5px;
	margin-bottom: 2px;
	margin-right: 2px;
}





/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .handle-counter input {

	margin-top: 2px;
	padding: 1px 6px;
	margin-left: -2px;
	margin-right: -2px;
	border-right: 1px;
	border-left: 1px;

}

.checkout .section.page {
	max-width:1100px;
}


.orders-checkout .section.page {
	max-width:1100px;
}

.orders-view .section.page {
	max-width:1100px;
}

.orders-admin_edit .section.page {
	max-width:1100px;
}

.section.page {
	max-width:1024px;
}

.order-item-price-container {
	float: left;
	width: 90px;
	text-align: left;
	margin-left: 30px;

}

.order-item-price-container > div {
	padding: 0 !important;
	border: 0 !important;
}

.product_discount_amount {
	display: block;
	margin: 0 !important;
}

.discounted-price {
	text-decoration: line-through;
	font-size: 13px;
	display: block;
	padding-top: 10px;
}


.not-discounted-price {
	display: block;
	float: right;
}

.bold-text {
	font-weight: bold;
}

.address-link {
	color: #43BEC7;
}
#popover-my_account {
	width: 140px;
	padding-left: 20px;
	padding-right: 20px;
}

#popover-my_account .items {
	display: flex;
	flex-flow: column;
}

#popover-my_account .name {
  text-transform: capitalize;
}

#popover-my_account .item {
	display: flex;
    width: 100%;
    justify-content: space-around;
	padding-bottom: 5px;
	padding-top: 5px;
}
#popover-my_account .item.top {
	padding-top: 0 !important;
}

#popover-my_account .item.bottom {
	padding-bottom: 0 !important;
}

#popover-my_account .image {
	width: 17px;
	height: 17px;
	padding-right: 10px;
}

#popover-my_account .name {
	width: 80%;
}

#popover-my_account a {
	font-size: 14px;
	text-transform: capitalize;
}

.line-separator
{
/*	padding-right: 40px;*/
	position: relative;
	bottom: 5px;
	right: 20px;
	width: 120%;
	background-color: #EAEBEC; /* Line color */
	height: 1px;
	float: left; /* Causes the line to float to left of content. You can instead use position:absolute or display:inline-block if this fits better with your design */

}

.profile {
	cursor: pointer;
}

.invoice-type-container label {
	width: 500px !important;
	color: #9A989A;
	text-transform: none !important;
}

.document-input {
	width: 130px !important;
}

.inline {
	display: inline-block;
}

.sort-by-filter-container {
	padding-bottom: 30px;
}

#order_by {
	margin-top: 10px;
}

video.personalization-product-active {
	height: 100%;
	width: 288px;
	background-color: black;
}

.products-title {
	line-height: 35px;
}

.hidden {
	display: none !important;
}

.drop-down {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 30px;
	color: #788995;
	outline: none;
	border: solid #DDE3E8 !important;
	border-radius: 4px !important;
	border-width: 1px !important;
	background-color: white;
	background-image: url(../img/dropdown_triangle.png);
	background-size: 10px 5px;
	-webkit-appearance: none;
	background-repeat: no-repeat;
	background-position: 95%;
}

#popover-filters {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 80px;
}

#popover-filters a {
	font-size: 14px;
	text-transform: none;
	cursor: pointer;
}
.sort-by-filter-container .drop-down {
	width: 130px;
	margin-left: -5px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}

.input-error {
	background-color:#F48D8D;
}

.unpadded-page {
	padding-left: 0 !important;
}

.favorite-product {
	width: 87px;
	height: 105px;
	vertical-align: middle;
}

.product-name {
	color: #434F67;
}

.favorite-info {
	display: inline-block;
}

.favorites .button {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	margin-left: 10px;
}

.favorite-button {
	height: 30px;
	cursor: pointer;

}

.loading-action {
	height: 45px;
	width: 45px;
	display: none;
}

.add .loading-action {
	margin-left: 20px;
}
.favorite-submit {
	height: 34px;
}

.product-item #favorite-submit {
	vertical-align: top;
	margin-top: 7px;
	margin-left: 8px;
}

.add.row .favorite-submit {
	position: relative;
	bottom: 8px;
	left: 10px;
}

td .favorite-button {
	margin-top: 5px;
}

.favorites table{
	width: 100%;
}

.favorites table td{
	padding-top: 10px;
	padding-bottom: 10px;
}

.product-col {
	width: 12%;
}

.name-col {
	width: 37%;
}

.price-col {
	width: 14%;
}

.button-col {
	width: 30%
}

.heart-col {
	width: 7%
}

.favorite-label {
	position: relative;
	left: 20px;
	bottom: 20px;
	font-size: 14px;
	color: #707073;
}

#client_search_dialog {
	display: none;
	position: fixed;
	background-color: rgba(255, 255, 255, 0.89);
	height: 400px;
	z-index: 800;
	top: 35px;
	left: 0;
	right: 0;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	-webkit-animation: expand 400ms;
}



.inp {
	display: flex;
	position: relative;
	margin: auto;
	width: 100%;
}
.inp .label {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 16px;
	color: #9098a9;
	font-weight: 500;
	transform-origin: 0 0;
	transition: all 0.2s ease;
	width: 100%;
	text-align: center;
}
.inp .border {
	position: absolute;
	bottom: -47px;
	left: 0;
	height: 3px;
	width: 100%;
	background: #00AFAA;
	transform: scaleX(0);
	transform-origin: 0 0;
	transition: all 0.15s ease;
}
.inp #search_input {
	-webkit-appearance: none;
	width: 100%;
	border: 0;
	font-family: inherit !important;
	height: 36px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 3px solid #00AFAA;
	border-radius: 0;
	color: #223254;
	transition: all 0.15s ease;
	padding-bottom: 3px;
	margin-bottom: 30px;
	background: transparent;
}
.inp #search_input:hover {
	cursor: text;
}
.inp #search_input:not(:placeholder-shown) + span {
	transform: translateY(-35px) scale(1);
}
.inp #search_input:focus {
	outline: none;
}
.inp #search_input:focus + span {
	color:#00AFAA;
	transform: translateY(-35px) scale(1);
}

.inp #search_input::placeholder {
	color: #99999A;
}

#trending_keywords_list {
	list-style: none;
	text-align: center;
	padding: 0;
	text-transform: capitalize;
	margin: 0;
	cursor: pointer;
	grid-column-start: 2;
}

.trending_keyword_list_element {
	padding-top: 8px;
	font-size: 15px;
}

#trending_keywords_list_title {
	font-weight: bold;
	color: #00AFAA;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
}

@-webkit-keyframes expand{
	0%{opacity:0}
	100%{opacity:1}
}

.client_search_dialog_content {
	display: grid;
	height: 400px;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: auto 30%;
	grid-template-rows: 48% auto;
}

::-webkit-input-placeholder {
	text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
	text-align: center;
}

::-moz-placeholder {  /* Firefox 19+ */
	text-align: center;
}

:-ms-input-placeholder {
	text-align: center;
}

.close_search {
	display: none;
}

.search_icon  {
	cursor: pointer;
}

.close-icon-container {
	width: 100%;
	height: 35px;
	justify-self: center;
	align-self: center;
	display: grid;
	margin-top: 35px;
	margin-right: 30px;
}

.close-icon {
	background: url(../img/close-icon.svg) no-repeat scroll 100%;
	background-size: unset;
	cursor: pointer;
}

.search_logo_section {
    align-self: center;
	z-index: 800;
}

.search_input_section {
	justify-self: right;
	align-self: end;
	width: 55%;

}

.notify-button {
	background-color: #66CFCC;
	color: white;
	text-transform: uppercase;
	font-size: 14px !important;
	border: none;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	bottom: 8px;
	padding: 8px;
}


.notify-button-notify-me {
	font-weight: bold;
}

#FavoriteForm {
	margin-top: 10px;
}

#product_dialog {
	width: 450px;
	font-family: 'Lato', sans-serif !important;
}

#product_dialog .header {
	text-align: center;
	color: #00AAB8;
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 20px;

}

#product_dialog .title-separator {
	height: 1px;
	width: 502px;
	border-bottom: 1px solid #EAEBEC;
	margin-left: -26px;
}

#product_dialog .notification-image {
	height: 125px;
	padding-right: 10px;
	float: left;
}

#product_dialog .product-name {
	margin-bottom: 0px;
}

#product_dialog .notification-instructions {
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#product_dialog .product-info {
	height: 125px;
	margin-top: 20px;
}

#product_dialog .info {
	height: 125px;
}

#product_dialog .email-input {
	width: 70%;
	padding-right: 2%;
	padding-left: 2%;
	border: 1px solid #A9BBC9;
	background-color: #F5F5F6;
	height: 40px;
}

#product_dialog .email-input::placeholder {
	text-align: left !important;

}

#product_dialog .email-send{
	width: 29%;
	margin-left: -3px;

	border: none;
	color: white;
	background-color: #33BBC6;
	height: 40px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}
.view-all-products-button {
	font-size: 13px;
	cursor: pointer;
}

#submit-input {
	position: absolute;
	left: 90%;
	bottom: 35px;
	background: url(../img/search-input.svg) no-repeat scroll 0 0;
	background-size: 80%;
	border: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#SearchForm {
	margin-top: 5px;
}

.announcement {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px !important;
	font-size: 12px;
}

.view-all-products-button {
	font-size: 13px;
	cursor: pointer;
}

#main-header-dreamclean-container {
	display: grid;
	height: 190px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: 34% auto;
}

.POS-header-dreamclean-container {
	display: flex;
	justify-content: center;
}

.POS-search-input {
	grid-column-start: 2;
}
.POS-header-dreamclean-container #submit-input {
	position: static;
}

.header-link {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	width: 60px;
}

.links_column {
	align-self: center;
	margin-right: 25px;
}

.search_dialog_offset_top {
	top: 66px !important;
}

.trending_keywords_container {
	grid-row-start: 2;
	display: grid;
	width: 100%;
	grid-template-columns: auto 55%;
}

#manual-index {
	border: 1px solid;
	width: 480px;
	padding-right: 20px;
	float: left;
	text-align: left;
	background-color: white;
	left: 20px;
	top: 120px;
}

#manual-index ul li {
	padding-bottom: 8px;
	cursor: pointer;
}

#manual-index ul li:hover {
	color: #02AFAB;
}

#manual-container {
	display: flex;
	flex-direction: column;
	width: 95%;
	max-width: 800px;
	margin-right: 20px;
	margin-left: auto;
}

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

.manual-title {
	color: #00AFAA;
	text-transform: uppercase;
	text-align: left;
}

.section.page.wide {
	max-width: 1350px !important;
}

.section.page.wide p {
	margin-top: 1em !important;
}

.collapsible {
	background-color: #02AFAB;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
}
.collapsible:after {
	content: '\002B';
	color: white;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}
.collapsible.active:after {
	content: "\2212";
}
.active, .collapsible:hover {
	background-color: #02928e;
}

.question-content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

.section.page.checkout.generic_form {
	padding-left: 20px;
}

/* SITEMAP */
#sitemap-container {
	max-width: 800px;
	margin: auto;
	padding: 0 30px 0 30px;
}

.sitemap-product-container {
	display: block;
}

.sitemap-product {
	padding: 5px;
	list-style: none;
}

.sitemap-category-title {
	padding: 10px;
	color: #00AFAA;
	border-bottom: 1px solid #00AFAA;
	cursor: pointer;
}

.sitemap-category-title:after {
	content: "\2212";
	float: right;
}

.sitemap-category-title.closed:after {
	content: '\002B';
	float: right;
}

#sitemap-page-title {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#client_search_dialog.search-dialog-with-announcements {
	top: 66px;
}

.notify-section-container {
	display: flex;
}

.mobile-carousel img {
	height: auto;
}

.footer-phone-link {
	color: white;
}

.featured .list-product-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#footer-information-container {
	display: flex;
	width: 90%;
	justify-content: space-between;
}

.footer-information-link-list {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

.mobile-hide-links {
	display: inline;
	padding: 0;
}

.logo.header-link {
	width: 145px;
}

.sitemap-footer-text {
	display: inline-block;
}


.disabled-input {
	cursor: not-allowed;
}

.ui-widget-content {
	z-index: 1000000 !important;
	overflow-y: scroll;
	max-height: 840px;
}

#employee-name-field, #employee-code-field, #employee-internal-company-field {
	display: none;
}

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

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

.text-left {
	text-align: left !important;
}

/* SURVEY */
.survey-container {
	margin: 50px auto 50px auto;
	display: flex;
	justify-content: center;
	padding: 30px;
 }

.survey-header {
	color:#00AFAA;
}

.survey-questions-container {
	margin-top: 30px;
}

.survey-question {
	margin-bottom: 15px;
	font-size: 14px;
}

.question-title {
	color:#00AFAA;
	margin-bottom: 8px;
}

.question-options {
	display: flex;
	flex-direction: column;
}

.question-option-container {
	margin-bottom: 2px;
}

.question-option {
	flex: 1;
}

.question-option:hover,
.question-option label:hover,
.question-option-container .input.select input:hover,
.question-option-container .input.select label:hover{
	cursor: pointer;
	background-color: #f1f1f1;
}

.question-option-container .input {
	display: flex;
	flex-direction: column;
}

.question-option-container .input input {
	border: 1px solid rgba(216, 223, 219, 1);
	padding: 10px;

}

.question-option-container .input textarea {
	max-height: 50vw;
	height: 60px;
}

.question-option-container .input.select input {
	width: auto;
}

.submit-survey-newsletter {
	margin: auto;
	text-align: left;
	padding: 0px 30px 30px 30px;
}

/*.submit-survey-recaptcha {
	margin: auto;
	margin-bottom: 25px;
	width: 300px;
}*/
.submit-survey-button {
	text-align: center;
}

.submit-survey-button input,
.submit-survey-button button{
	padding: 10px 20px 10px 20px;
	color: white;
	background-color: #02afab;
	border: none;
	cursor: pointer;
}

.submit-survey-button input:hover,
.submit-survey-button button:hover {
	background-color: #019c98;
}

/*For the orders survey, specific styles so that it does not apply to the other surveys (orders/survey/345)*/
.after-order-survey {
	max-width: 700px;
	margin: auto;
}
.after-order-survey .title-divider {
	width: 80%;
}

.after-order-survey .question-title {
	margin-bottom: 20px;
}

.after-order-survey .question-option-container {
	margin-bottom: 20px;
}

.after-order-survey .circular-radio {
	width: auto;
	min-width: 30px;
	min-height: 30px;
	padding: 11px 8px 5px 8px;
}

.after-order-survey .square-radio {
	width: auto;
	padding: 10px 10px 4px 10px;
}

/*END OF SURVEY*/

/* INVOICE */
#receipt-html {
	display: none;
}

#print-invoice-container {
	display: none;
}

#credit-payment-table {
	width: 100%;
	border-collapse: collapse;
}

#credit-payment-table thead, #credit-payment-table tbody, #credit-payment-table tfoot {
	text-align: left;
}
#credit-payment-table td {
	border-top: 1px solid black;
}
#dialog-invoice {
	min-width: 400px;
}

#print-invoice-button-container {
	text-align: center;
	margin-top: 15px;
}

#print-invoice-button {
	color: #00AFAA;
	font-weight: 600;
	font-size: 18px;
}
/* END OF INVOICE */

.sale-overview-container {
	display: flex;
	justify-content: center;
}

.choose-order-type-link-container {
	margin: 80px 0 80px 0;
}

.choose-order-type-link-container a {
	padding: 8px;
}

.deliver-to-button {
	color: white;
	position: absolute;
	height: inherit;
	padding: 0 8px;
	display: flex;
	align-items: center;
}

.deliver-to-link {
	font-size: xx-small !important;
	text-align: left !important;
	display: flex !important;
}

.deliver-to-button .shop-icon {
	width: 15px;
}

.deliver-to-text {
	display: flex;
	flex-flow: column;
}



#feedback-button {
	background-color: white;
	position: fixed;
	top: 50%;
	transform: rotate(90deg);
	padding: 10px 30px 10px 30px;
	right: -45px;
	z-index: 10;
	text-align: center;
	cursor:pointer;
}

#feedback-button:hover {
	cursor: pointer;
	background-color: #eeeeee;
}

#header-corporate-store-branch {
	margin-right: 26px;
}

/* FEEDBACK DIALOG */

#dialog-map-response,#feedback-dialog {
	display: none;
	padding-bottom: 20px;
	overflow: hidden;
}

.modal {
	background-color: white;
	z-index: 99999;
	border: 1px solid;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 350px;
}

#dialog-map-response .dialog-header,#feedback-dialog .dialog-header {
	background-color: #54c9cf;
	color: white;
	font-size: 28px;
	text-align: left;
	padding: 15px 20px 15px 20px;
	text-transform: uppercase;
}

#dialog-map-response{
	width: 470px;
}
.response-container{
	padding: 30px !important;
}

#feedback-dialog .submit-survey-button {
	/*position: relative;*/
	/*float: right;*/
	/*right: 6%;*/
}

#dialog-map-response .submit-survey-button input,#feedback-dialog .submit-survey-button input,
#dialog-map-response .submit-survey-button button,#feedback-dialog .submit-survey-button button{
	width: 168px;
}
.feedback-questions-container {
	text-align: left;
	display: flex;
	flex-flow: column;
	padding: 30px;
	padding-bottom: 0px;
}
.feedback-questions-additional {
	display: block;
	height: 0px;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#dialog-map-response .question-title,#feedback-dialog .question-title {
	color: #788995;
}

.is-required:after {
	content: '*';
	color: #D4737A;
}

.close-button {
	font-size: 20px;
	float: right;
	cursor: pointer;
	line-height: 2;
	font-weight: bolder;
	color: lightgray;
}

.survey-question input[type="radio"] {
	opacity: 0;
	position: absolute;
}

.emoji {
	font-size: 36px;
	text-align: center;
	opacity: 1;
}

.circular-radio {
	border: 1px solid rgba(216, 223, 219, 1);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	flex: inherit;
	display: inline-table;
	line-height: 1.6;
}

.survey-question input[type="radio"] + label {
	cursor: pointer;
	margin: auto;
}

.survey-question input[type="radio"]:checked + .circular-radio {
	color: white;
	background-color: #54c9cf;
}

.survey-question input[type="radio"]:not(:checked) + .circular-radio {
	color: #9A989A;
	background-color: transparent;
}

.question-option-container textarea {
	width: 100%;
	min-height: 80px;
	border: 1px solid rgba(216, 223, 219, 1);
	border-radius: 5px;
}

.survey-question input[type="email"] {
	width: 100%;
	height: 30px;
	border: 1px solid rgba(216, 223, 219, 1);
	border-radius: 5px;
}

.square-radio {
	border-radius: 0 !important;
	width: 175px;
	padding: 6px 15px 6px 15px;
	margin-bottom: 5px !important;
}

#thank-you-dialog, #service-information-dialog {
	opacity: 1;
	animation: fadeIn 300ms ease-out;
}

#thank-you-dialog .dialog-header, #service-information-dialog .dialog-header {
	height: 30px;
	padding: 10px;
}

.thank-you-text {
	padding: 30px;
}

.thank-you-close {
	width: 160px;
	height: 40px;
	margin-bottom: 30px;
	font-size: 14px;
	float: unset;
	cursor: pointer;
	line-height: 0;
	font-weight: normal;
	color: white;
}

@-webkit-keyframes fadeIn {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

#service_dialog span.select2 {
	width: 100%;
	min-width: 100%;
	max-width: 100%;

}

#service_dialog #service-preview-container {
	z-index: 1000;
}

.select2-container--open {
	z-index: 9999999
}


#service_dialog .slick-list {
	width: 67px !important;
}

#service_dialog input, #service_dialog select {
	height: 40px;
	padding: 0 12px 0 12px;
	color: #788995;
	border: solid 1px #dde3e8;
	border-radius: 4px;
	width: 100%;
	font-size: 16px;
}

#service_dialog .select2-selection__rendered {
	line-height: 36px !important;
	color: #788995;
}

#service_dialog .select2-container .select2-selection--single {
	height: 40px !important;
	border: solid 1px #dde3e8;
}

#service_dialog .select2-selection__arrow {
	height: 34px !important;
}

#service_dialog .input {
	width: 100%;
}

#service_dialog input {
	border: solid 1px #dde3e8;
}

.QuoteServiceDate,
#service_dialog #QuoteServiceDate {
    background-image: url(../img/date-icon.svg);
    background-size: 16px 16px;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: 95%;

}

#service_dialog .red-button {
	width: 300px;
	height: 40px;
	font-size: 16px;
	border-radius: 5px;
}

.service-dialog-footer {
	justify-content: space-between;
	padding-top: 30px;
	margin-top: 15px;
}

.service-dialog-footer .personalization-subtitle, #service-price-container {
	position: relative;
	top: 10px
}

.service-dialog-footer .personalization-subtitle {
	margin: 0;
}

#service_dialog .questions-container > form {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	align-items: flex-end;
}

#service_dialog .questions-container > form > div{
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	margin-bottom: 15px;
	position: relative;
}

#service_dialog .questions-container .personalization-subtitle {
	margin-bottom: 10px;
}

#service_dialog .questions-container .address-container {
	width: 100%;
}

.service-label {
	font-size: 14px;
	margin-bottom: 10px !important;
	font-weight: 400 !important;
	display: block !important;
}

.service-label span {
	color: #00ADBB
}

.employee-hover:hover + #employee_profile {
	display: block;
}

.profile-link {
	z-index: 1000;
	color: #00ADBB
}

#employee_profile{
	padding: 30px;
	width: 360px;
	background-color: whitesmoke;

}

#employee_profile .close {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	bottom: 15px;
	left: 10px;
	height: 24px;
	width: 24px;
	cursor: pointer;
	background-image:URL(../img/employee-close.svg);
}

#employee_profile .close {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	top: 10px;
	left: 3px;
	height: 21px;
	width: 23px;
	cursor: pointer;
	background-image:URL(../img/employee-close.svg);
}

#employee_profile iframe{
	border: none;
}

#employee_profile #employee-image {
	height: 200px;
	width: 360px;
}

#employee_profile .checked {
	color: #00AFAA;
}

#employee_profile .rating-container {
	margin-bottom: 20px;
}

#employee_profile .profile-name {
	font-size: 35px;
	margin-bottom: 20px;
	color: #00AFAA;
	font-weight: 300;
	text-transform: uppercase;
}

#employee_profile .profile-title {
	color: #00AFAA;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

#employee_profile .employee-type {
	border-bottom: solid 2px #dde3e8;
	padding-bottom: 16px;
}

#employee_profile .employee-type-name {
	font-size: 14px;
	color: #C0BFC0;
	font-weight: 400;
	display: inline;
	top: 5px;
	left: 10px;
	position: relative;

}

#employee_profile .certification-container {
	margin-top: 15px;
}

#employee_profile .employee-cert-img {
	width: 103px;
	height: 103px;
	display: inline-block;
	vertical-align: top;
}

#employee_profile .certification-title {
	font-weight: 600;
}

#employee_profile .employee-cert-text {
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
	width: 230px;
	font-size: 14px;
	color: #C0BFC0;
}

.red-button {
	background-color: #F05D5D;
	color: white;
	border: none;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	cursor: pointer;
	padding: 0 20px 0 20px;
}

#service_dialog .submit {
	display: inline-block;
	margin-right: 31px;
}


.service-price-loader {
	position: absolute;
	left: 5em;
	bottom: -13px
}

.quote-link {
	text-transform: lowercase;
	color: #00AFAA;
	text-decoration: underline;
	cursor: pointer;
}

#service-price-container {
	font-weight: bold;
	font-size: 18px;
}

.date-loader {
	position: absolute;
	right: 20%;
	margin-top: 5px;
}

.service-dialog-footer .submit button:disabled {
	cursor: not-allowed;
}

.toggle-check-input {
	display: none;
}

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

.toggle-check-text {
	display: inline-block;
	position: relative;
	background: #CCC;
	padding: 0.25em 0.5em 0.25em 2em;
	border-radius: 1em;
	min-width: 2em;
	color: #FFF;
	cursor: pointer;
	transition: background-color 0.15s;
	font-size: 14px;
	margin-bottom: 10px;
	height: 22px;
	width: 30px;
}

.toggle-check-text:after {
	content: ' ';
	display: block;
	background: #FFF;
	width: 1.3em;
	height: 1.3em;
	border-radius: 1em;
	position: absolute;
	left: 0.3em;
	top: 0.35em;
	transition: left 0.15s, margin-left 0.15s;
}

.toggle-check-text:before {
	content: 'No';
	margin-left: 8px;
	position: relative;
	/*bottom: 6px*/
}

.toggle-check-input:checked ~ .toggle-check-text {
	background: #20B5BD;
	padding-left: 0.5em;
	padding-right: 2em;
}

.toggle-check-input:checked ~ .toggle-check-text:before {
	content: 'Sí';
	position: relative;
	/*bottom: 6px*/
}

.toggle-check-input:checked ~ .toggle-check-text:after {
	left: 100%;
	margin-left: -1.4em;
}

#service-date-container {
	display: none;
}

#credit-pay-button {
	font-weight: 400;
	font-size: 14px;
	padding: 6px 12px;
	margin-top: 6px;
	border-radius: 2px;
}

.section.page.pay.checkout {
	max-width: 600px;
}



.multicheckbox div.input.select {
	border-bottom:1px solid #d8dde1;
}

.multicheckbox .checkbox input[type="checkbox"] {
	display:none;
}

.multicheckbox .checkbox,
.multicheckbox .checkbox label {
	display:inline-block;
}

.multicheckbox .checkbox label {
	color:#00AFAA;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px !important;
	padding-right:10px;
	border:1px solid #00AFAA;
	font-size:12px;
	text-transform:uppercase;
	border-radius:12px;
	font-weight:normal;
	cursor:pointer;
	margin-top:4px;
	margin-bottom:4px;
	text-align:center;
}

.multicheckbox .checkbox label.selected {
	background-color:#00AFAA;
	color:white;
}

.multicheckbox .checkbox label:hover {
	opacity:0.7;
}

.multicheckbox .input {
	width: 100% !important;
	border-bottom: 0 !important;
}

#select2-QuoteHelperId-results {
	background-color: rgba(252, 252, 253);
	font-style: italic;
}

.arrow-helper{
	font-style: normal;
	float: right;
	margin-right: 8px;
	color: #00AFA9;
	font-weight: bold;
	font-style: normal;
}

.select2-results__option--highlighted .arrow-helper {
	color: white !important;
}




#product_profile{
	padding: 30px;
	width: 360px;
	background-color: whitesmoke;

}

#product_profile .close {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	bottom: 15px;
	left: 10px;
	height: 24px;
	width: 24px;
	cursor: pointer;
	background-image:URL(../img/employee-close.svg);
}

#product_profile .close {
	font-size: 34px;
	float: right;
	text-transform: lowercase;
	position: relative;
	top: 10px;
	left: 3px;
	height: 21px;
	width: 23px;
	cursor: pointer;
	background-image:URL(../img/employee-close.svg);
}


#product_profile #product-image {
	height: 354px;
	width: 288px;
}

#product_profile .image-container {
	text-align: center;
}

#product_profile .checked {
	color: #00AFAA;
}

#product_profile .rating-container {
	margin-bottom: 20px;
}

#product_profile .profile-name {
	font-size: 35px;
	margin-bottom: 20px;
	color: #00AFAA;
	font-weight: 300;
	text-transform: uppercase;
}

#product_profile .profile-title {
	color: #00AFAA;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

#product_profile .profile-content {
	border-bottom: solid 2px #dde3e8;
	padding-bottom: 16px;
}

#product_profile .employee-type-name {
	font-size: 14px;
	color: #C0BFC0;
	font-weight: 400;
	display: inline;
	top: 5px;
	left: 10px;
	position: relative;

}

#product_profile .certification-container {
	margin-top: 15px;
}

#product_profile .employee-cert-img {
	width: 103px;
	height: 103px;
	display: inline-block;
	vertical-align: top;
}

#product_profile .certification-title {
	font-weight: 600;
}

#product_profile .employee-cert-text {
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
	width: 230px;
	font-size: 14px;
	color: #C0BFC0;
}

#product_profile .price-line {
	display: inline-block;
	margin-right: 10px;
}

#product_profile .original-value {
	text-decoration: line-through;
}

#QuoteForm {
	display: block;
	margin: 0 -15px;
}

.product-info-icon {
	float: right;
	margin-right: 10px;
	color: #9A989A;
	display: none;
}

.product-info-icon:hover {
	color: #c0bfc0;
}

/*AddCC*/
.add-credit-card-container {
	padding: 20px;
}
.add-credit-card-container input[type="text"] {
	width: 100% !important;
}

.disclaimer {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 20px;
}