@charset "UTF-8";

.body-container * {
	box-sizing: border-box;
	/* transition: all 0.3s; */
}

html {
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 {
	font-family: 'Prompt', sans-serif !important;
}

.body-container {
	width: 1200px;
	margin: auto !important;
}

.breadcrumb-container {
	z-index: 1;
	width: 100%;
	padding-top: 9px;
	padding-bottom: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #888;
}

.s-header {
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.s-header .btn img {
	vertical-align: middle;
	padding-right: 6px;
}

.s-header .btn svg {
	vertical-align: middle;
}

.btn:hover svg path {
	fill: #0867B2 !important;
}
.btn {
	border: 1px solid #888;
	padding: 16px 20px;
	border-radius: 6px;
}

.smartbath-design h1 {
	text-align: left !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 70px;
}

.breadcrumb-container.menu .section {
	display: inline-block !important;
}

.breadcrumb-container .section.active {
	font-weight: bold;
}

/*HOME*/
.room-list {
	min-height: 500px;
}

.room-list .item {
	width: 195px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 1rem;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}

.room-list .item img {
	width: 100%;
	border-radius: 6px;
}

.room-list .item:hover {
	transform: translate3d(0, -4px, 0);
	border: 1px solid #0867B2 !important;
	transition: all 220ms ease;
	border-radius: 6px;
}

.myroom-list {
	margin-bottom: 40px;
}

.myroom-list .content {
	/* display: grid;
	grid-template-columns: 32% 32% 32%;
	gap: 22px; */
	width: 100%;
}

.myroom-list .item {
	width: 100%;
	border: 1px solid #CCC;
	display: inline-block;
	margin: 5px;
	padding: 10px 10px 4px 10px;
	border-radius: 4px;
}

.myroom-list .item:hover {
	transform: translate3d(0, -4px, 0);
	border: 1px solid #0867B2 !important;
	transition: all 220ms ease;
}

.myroom-list .item .col {
	display: inline-block;
	vertical-align: top;
}

.myroom-list .item .col:first-child {
	width: 25%;
}

.myroom-list .item .col:last-child {
	width: 70%;
}

.myroom-list .item img {
	width: 100%;
}

.myroom-list .item .desc {
	font-size: 12px;
	color: #888;
}

.tile-container * {
	transition: all 0.3s;
}

/* FCTOOL */
.fcmenu-tool {
	margin-top: 0 !important;
}

.fcmenu-tool .header {
	cursor: move;
	padding: 0;
	height: 20px;
	font-size: 12px;
	color: #FFF;
	background-color: #0866af;
}

.fcmenu-tool.ui.labeled.icon.menu {
	box-shadow: none;
	border-radius: 6px;
}
.btn.gallery {
	width: 170px;
	text-align: center;
	margin-top: 12px;
}
.btn.gallery svg {
	width: 28px;
	vertical-align: middle;
}
.btn.gallery label {
	padding-left: 6px;
}
.btn.gallery svg .cls-1 {
	fill: #e6e7e8;
}
.btn.gallery svg .cls-2 {
	fill: #d1d3d4;
}
.btn.gallery svg .cls-3 {
	fill: #939598;
}
.btn.gallery svg .cls-4 {
	fill: #58595b;
}
.btn.gallery:hover svg .cls-1 {
	fill: #b3cbe9;
}
.btn.gallery:hover svg .cls-2 {
	fill: #b2d4e9;
}
.btn.gallery:hover svg .cls-3 {
	fill: #649de1;
}
.btn.gallery:hover svg .cls-4 {
	fill: #0866af;
}
/* Tile List */
.tilemenu {
	background-color: #FFF;
}

.tilemenu .menu-header {
	width: 100%;
	background-color: #0866af;
	display: inline-block;
	color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-weight: 600;
	z-index: 9;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tilemenu .menu-content {
	width: 100%;
	padding: 2px 10px;
}
.tilemenu .menu-content.en .tabular .item {
	font-size: 12px;
}

.tilemenu .menu-content .tile-img, .tilemenu .menu-content .tile-clear {
	width: 94px;
	height: 94px;
	display: inline-block;
	overflow: hidden;
	padding: 0 3px;
}

.tilemenu .menu-content .tile-img.active {
	border: 2px solid #0867B2;
}

.tilemenu .menu-content .tiles-rec .tile-img {
	width: 93px;
	height: 93px;
}

.tilemenu .menu-content .tile-clear {
	width: 93px;
}

.tilemenu .menu-content .tile-img .main, .tilemenu .menu-content .tile-clear .main
	{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: repeat;
}

.tilemenu .loadmore {
	width: 100%;
}

.filter-box .tilefilter-list {
	display: grid;
	grid-template-columns: 33% 33% 33%;
}

.filter.content {
	padding: 0 10px;
}

.filter.content .item {
	display: inline-block;
}

/* Index Tile List */
.tile-container .menu-header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #0866af;
	display: inline-block;
	color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 5px;
	font-weight: 600;
}

.tile-container .content {
	width: 100%;
	min-height: 200px;
	padding: 0;
}

.tile-container .content .tile-img {
	width: 200px;
	height: 190px;
	display: inline-block;
	overflow: hidden;
	padding: 0 3px;
}

.tile-container .content .tile-img:hover {
	border: 1px solid #2180cd;
}

.tile-container .content .tile-clear {
	width: 100px;
}

.tile-container .content .tile-img .main {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: repeat;
}

.tile-container .content .tile-img .main:hover {
	width: 120%;
	height: 120%;
}

html.ios {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

html.ios, html.ios body {
	height: initial !important;
}

.fcmain-img, .canvas_layer {
	/* height:calc(100vh - 30px);*/
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* top: 50%;
				left: 50%;
				transform: translate(-50%, -50%); */
}

.onoffmenu {
	background-color: #dee2e4;
	padding: 6px;
	color: #888;
	border-radius: 8px 0 0 8px;
	cursor: pointer;
	height: 150px;
	line-height: 140px;
	box-shadow: 0px 0px 2px 0px;
}

.onoffmenu:hover {
	background-color: #085192;
	color: #FFF;
}

.fcmenu-right {
	position: fixed;
	right: 0;
	top: 40%;
}

.close-menu {
	position: absolute;
	left: -22px;
	top: 40%;
}

.fcmenu-right:after {
	content: '<';
	font-weight: 600;
}

/* Selected Result */
.tiles-result {
	width: 100%;
	/* height: calc(100vh - 165px); */
	overflow: auto;
	margin-top: 65px;
	text-align: left;
}

.tiles-result .header {
	background-color: #FFF;
	font-size: 18px;
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.checkbox-ui.common:after {
	content: '-';
	margin-left: -18px;
	margin-right: 11px;
	font-weight: 600;
}

.tiles-result .content {
	margin-top: 10px;
	height: 655px;
	overflow-y: auto;
}

.tiles-result input[type="checkbox"], .cart-product-list input[type="checkbox"]
	{
	vertical-align: middle;
	width: 30px;
	height: 18px;
}

.tiles-result .footer {
	padding-top: 10px;
	background-color: #FFF;
}

.tiles-result .footer .add-to-cart {
	background: #0867b2;
	width: 100%;
	border-radius: 4px;
	color: #FFF;
	padding: 10px 20px;
	text-align: center;
	cursor: pointer;
}

.tiles-result .footer .add-to-cart:hover {
	opacity: 0.8;
}

.tiles-result .item, .cart-product-list .item {
	border-bottom: 1px solid #DDD;
	padding: 10px 0;
	vertical-align: top;
	display: flex;
	flex-direction: row;
	gap: 4px;
	justify-content: space-between;
}

.tiles-result .item div:first-child, .cart-product-list .item div:first-child
	{
	padding-left: 0;
}

.tiles-result .item .productcheckbox {
	padding-top: 8%;
}

.cart-product-list .item .productcheckbox {
	padding-top: 4%;
}

.tiles-result .item .productimg, .cart-product-list .item .productimg {
	text-align: center;
	overflow: hidden;
	border: 1px solid #888;
	border-radius: 8px;
	width: 80px;
	height: 80px;
}

.tiles-result .item .productimg img, .cart-product-list .item .productimg img
	{
	width: 100%;
	height: 100%;
}

.tiles-result .item .productdetail {
	padding-left: 10px;
	width: 70%;
}

.cart-product-list .item .productdetail {
	padding-left: 10px;
	width: 80%;
	text-align: left;
}

.tiles-result .item .productdetail .desc {
	font-size: 14px;
	height: 37px;
	text-overflow: ellipsis;
	padding-right: 25px;
	overflow: hidden;
	line-height: 18px;
}

.smartbath-design.en .tiles-result .item .productdetail .desc {
	font-size: 12px;
}

.cart-product-list .item .productdetail .desc {
	font-size: 14px;
	text-overflow: ellipsis;
	padding-right: 25px;
}

.tiles-result .item .productdetail .desc-footer, .cart-product-list .item .productdetail .desc-footer
	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tiles-result .item .small, .cart-product-list .item .small {
	margin-top: 2px;
	font-size: 12px;
	color: #999999;
}

.tiles-result .item .productprice, .cart-product-list .item .productprice
	{
	width: 25%;
}

.tiles-result .item .productprice .price-origin, .cart-product-list .item .productprice .price-origin,
	.cart-product-list .item .productprice .normal-price {
	font-size: 12px;
	color: #000000;
	font-weight: 600;
	font-style: italic;
	text-decoration: line-through;
	line-height: 30px;
}

.tiles-result .item .productprice .price-offer, .cart-product-list .item .productprice .price-offer,
	.cart-product-list .item .productprice .reduced-price {
	margin-top: -8px;
	font-size: 20px;
	color: #fc0100;
	font-weight: 600;
	font-style: italic;
}

.tiles-result .item .productprice .price-savemore, .cart-product-list .item .productprice .price-savemore
	{
	margin-top: 8px;
	font-size: 11px;
	color: #FF0000;
	font-style: italic;
}

.cart-product-list .qty-class {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.productaction .button {
	padding: 7px 25px;
}

.productaction .button .icon {
	font-size: 19px;
	margin: 0 !important;
}
/* Catalog Page */
.fcvirtual-catalog .loadmore.ui.button {
	display: block;
}

/* Filter */
.filter-box .tab {
	text-align: justify;
}

.filter-box .title {
	font-weight: 600;
	color: #0867b2;
	font-size: 16px;
	padding-top: 18px;
}

.tile-filter-icon i {
	vertical-align: bottom;
	color: #0b66b2;
	font-size: 20px;
	cursor: pointer;
}

.close {
	float: right;
	cursor: pointer;
}

.filter-box .tab .item {
	display: inline-block;
	border-radius: 16px;
	background-color: #f7941e;
	padding: 8px 8px;
	margin: 4px 0;
	color: #FFF;
	cursor: pointer;
	width: 83px;
	text-align: center;
	font-size: 12px;
}

.filter-box .tab .item:hover {
	background-color: #5aa1d8;
}

.filter-box .tab .item.active {
	background-color: #0665af;
}

.tiles-loading, .page-loading {
	z-index: 99;
}

/* Design Page */
.smartbath-design h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 38px;
	text-align: left;
	color: #0867b2;
}

.smartbath-design .s-content {
	display: flex;
	flex-direction: row;
	gap: 20px;
	width: 100%;
}

.smartbath-design .main-panel {
	display: flex;
	flex-direction: column;
	width: 70%;
}

.smartbath-design .left-panel {
	width: 30%;
}

.smartbath-design .toolbar-area {
	width: 100%;
	float: right;
	display: flex;
	flex-direction: row-reverse;
	gap: 16px;
}

.fcmenu-tool {
	margin-bottom: 0;
}

.smartbath-design .toolbar-area .toolbar-dropdown {
	width: 50%;
}

.smartbath-design .toolbar-area .toolbar-dropdown .dropdown {
	height: 60px;
}

.smartbath-design .work-area {
	position: relative;
	height: 826px;
	width: 826px;
	overflow: hidden;
}

.smartbath-design .work-area img {
	width: 100%;
}

.tile-mode-handover .handover {
	position: absolute;
	z-index: 999;
	font-size: 30px;
	text-align: center;
	pointer-events: none;
	width: fit-content;
	cursor: pointer;
}

.tile-mode-handover .handover img {
	width: 35px;
}

.tile-mode-handover .handover.handover-c {
	bottom: 45%;
	left: 45%;
}

.tile-mode-handover .handover.handover-l {
	bottom: 45%;
	left: 80px;
}

.tile-mode-handover .handover.handover-r {
	bottom: 45%;
	right: 80px;
}

.tile-mode-handover .handover.handover-b {
	bottom: 120px;
	left: 45%;
}

.tile-mode-handover.room2020 .handover.handover-l {
	left: 180px;
}

.tile-mode-handover.room2020 .handover.handover-r {
	right: 180px;
}

.tile-mode-handover.room2025 .handover.handover-l {
	left: 175px;
}

.tile-mode-handover.room2025 .handover.handover-r {
	right: 175px;
}

.tile-mode-handover.room2030 .handover.handover-l {
	left: 160px;
}

.tile-mode-handover.room2030 .handover.handover-r {
	right: 160px;
}

.tile-mode-handover.room2520 .handover.handover-l {
	left: 112px;
}

.tile-mode-handover.room2520 .handover.handover-r {
	right: 185px;
}

.tile-mode-handover.room2520 .handover.handover-c {
	left: 43%;
}

.tile-mode-handover.room2520 .handover.handover-b {
	left: 43%;
}

.tile-mode-handover.room2525 .handover.handover-l {
	left: 95px;
}

.tile-mode-handover.room2525 .handover.handover-r {
	right: 180px;
}

.tile-mode-handover.room2525 .handover.handover-c {
	left: 43%;
}

.tile-mode-handover.room2525 .handover.handover-b {
	left: 43%;
}

.tile-mode-handover.room2530 .handover.handover-r {
	right: 160px;
}

.tile-mode-handover.room2530 .handover.handover-c {
	left: 43%;
}

.tile-mode-handover.room2530 .handover.handover-b {
	left: 43%;
}

.tile-mode-handover.room3020 .handover.handover-l {
	left: 100px;
}

.tile-mode-handover.room3020 .handover.handover-r {
	right: 100px;
}

.top-menu-tab {
	margin-top: 0 !important;
	background: #0867B2 !important;
	padding-top: 8px;
}

.top-menu-tab .item {
	color: #FFF !important;
}

.top-menu-tab .item.active {
	color: #0867B2 !important;
}

.tile-tab, .tile-tab .item, .tile-tab-content {
	border: none !important;
}

.tile-tab-content {
	padding: 0 !important;
}

.product-content .pcate-menu-tab {
	border: none !important;
}

.product-content .pcate-menu-tab .item {
	padding: 4px !important;
	border: none !important;
}

.product-content .pcate-menu-tab .item.active {
	border-bottom: 4px solid #FF9900 !important;
}

.product-content .pcate-menu-tab .item img {
	width: 80px !important;
}

.product-content .tab, .product-content .tab.active {
	border: none !important;
}

.pcate-menu-tab .hide {
	display: none;
}

#img-main {
	opacity: 0;
}

.btn-p {
	border-radius: 50%;
	width: 45px;
	height: 45px;
	position: absolute;
	text-align: center;
	line-height: 42px;
	cursor: pointer;
	opacity: 0.5;
}

.btn-p .addbtn {
	border-radius: 50%;
	background: #0867B2;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 42px;
}

.btn-p .removebtn {
	border: 2px solid #FF9900;
	border-radius: 50%;
	background: #5e5e5e;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 46px;
	opacity: 0;
}

.btn-p:hover, .btn-p.active {
	opacity: 1;
}

.btn-p:hover .removebtn {
	opacity: 0.8;
}

.btn-p .addbtn:after {
	content: '+';
	color: #FFF;
	font-size: 60px;
}

.btn-p .removebtn:after {
	content: 'X';
	color: #FF9900;
	font-size: 33px;
}

.btn-p.f1u {
	left: 227px;
	top: 344px;
}

.btn-p.f1d {
	left: 227px;
	top: 506px;
}

.btn-p.f2u {
	left: 307px;
	top: 344px;
}

.btn-p.f2d {
	left: 307px;
	top: 506px;
}

.btn-p.f3u {
	left: 391px;
	top: 344px;
}

.btn-p.f3d {
	left: 391px;
	top: 506px;
}

.btn-p.f4u {
	left: 472px;
	top: 344px;
}

.btn-p.f4d {
	left: 472px;
	top: 506px;
}

.btn-p.f5u {
	left: 552px;
	top: 344px;
}

.btn-p.f5d {
	left: 552px;
	top: 506px;
}

.btn-p.l1u {
	left: 31px;
	top: 327px;
	transform: matrix(0.4, 0.1, 0, 1.4, 0, 0);
}

.btn-p.l1d {
	left: 31px;
	top: 566px;
	transform: matrix(0.4, -0.28, 0, 1.4, 0, 0);
}

.btn-p.l3u {
	left: 88px;
	top: 335px;
	transform: matrix(0.4, 0.1, 0, 1.2, 0, 0);
}

.btn-p.l3d {
	left: 88px;
	top: 537px;
	transform: matrix(0.4, -0.3, 0, 1.2, 0, 0);
}

.btn-p.l5u {
	left: 130px;
	top: 341px;
	transform: matrix(0.2, 0.1, 0, 1, 0, 0);
}

.btn-p.l5d {
	left: 130px;
	top: 514px;
	transform: matrix(0.2, -0.28, 0, 1, 0, 0);
}

.btn-p.r1u {
	left: 750px;
	top: 325px;
	transform: matrix(0.4, -0.1, 0, 1.4, 0, 0);
}

.btn-p.r1d {
	left: 750px;
	top: 565px;
	transform: matrix(0.4, 0.3, 0, 1.4, 0, 0);
}

.btn-p.r3u {
	left: 694px;
	top: 335px;
	transform: matrix(0.4, -0.1, 0, 1.2, 0, 0);
}

.btn-p.r3d {
	left: 694px;
	top: 537px;
	transform: matrix(0.4, 0.3, 0, 1.2, 0, 0);
}

.btn-p.r5u {
	left: 650px;
	top: 341px;
	transform: matrix(0.2, -0.1, 0, 1, 0, 0);
}

.btn-p.r5d {
	left: 650px;
	top: 514px;
	transform: matrix(0.2, 0.28, 0, 1, 0, 0);
}
/* Adjustment button */
.w20 .btn-p-l {
	margin-left: 81px;
}

.w20 .btn-p-r, .w25 .btn-p-r {
	margin-left: -84px;
}

.h20 .l1u, .h20 .l1d, .h20 .r1u, .h20 .r1d {
	display: none;
}

.w20 .f5u, .w20 .f5d, .w20 .f1d, .w20 .f1u {
	display: none;
}

.h25 .btn-p.l3u {
	margin-left: 55px;
	margin-top: -4px;
}

.h25 .btn-p.l3d {
	margin-left: 55px;
	margin-top: 14px;
}

.h25 .btn-p.r3u {
	margin-left: -55px;
	margin-top: -4px;
}

.h25 .btn-p.r3d {
	margin-left: -55px;
	margin-top: 14px;
}

.h25 .l1u, .h25 .l1d, .h25 .r1u, .h25 .r1d {
	display: none;
}

.w25 .f5u, .w25 .f5d {
	display: none;
}

.w25 .btn-p-l {
	margin-left: 0;
}

.w25.h25 .btn-p.l3d, .w25.h25 .btn-p.l3u, .w30.h25 .btn-p.l3d, .w30.h25 .btn-p.l3u
	{
	margin-left: -27px;
}

.w30.h25 .btn-p.r3d, .w30.h25 .btn-p.r3u {
	margin-left: 27px;
}

/* Adjustment Image Object */
.product-area-img .side-f1 {
	padding: 0;
}

.product-area-img .side-f2 {
	left: 85px;
}

.product-area-img .side-f3 {
	padding: 0;
}

.product-area-img .side-f4 {
	left: -83px;
}

.product-area-img .side-f5 {
	padding: 0;
}

.product-area-img #image_l1d {
	padding: 0;
}

.product-area-img #image_l1u {
	padding: 0;
}

.product-area-img #image_l3d {
	padding: 70px 120px 75px 61px;
}

.product-area-img #image_l3u {
	padding: 60px 101px 65px 67px;
}

.product-area-img #image_l5d {
	padding: 149px 225px 148px 122px;
}

.product-area-img #image_l5u {
	padding: 113px 205px 122px 121px;
}

.product-area-img #image_r1d {
	padding: 0
}

.product-area-img #image_r1u {
	padding: 0;
}

.product-area-img #image_r3d {
	padding: 15px 53px 35px 46px;
}

.product-area-img #image_r3u {
	padding: 60px 62px 65px 61px;
}

.product-area-img #image_r5d {
	padding: 40px 75px 75px 65px;
}

.product-area-img #image_r5u {
	padding: 115px 115px 125px 130px;
}

.product-area-img.h20 .side-l1, .product-area-img.h20 .side-r1 {
	display: none;
}

.product-area-img.w20 .side-f1, .product-area-img.w20 .side-f5 {
	display: none;
}

.product-area-img.w20 .side-l1 {
	position: absolute;
	left: 88px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20 .side-l3 {
	position: absolute;
	left: 88px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20 .side-l5 {
	position: absolute;
	left: 83px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20 .side-r1 {
	position: absolute;
	left: -42px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20 .side-r3 {
	position: absolute;
	left: -42px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20 .side-r5 {
	position: absolute;
	left: -42px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w25 .side-r1 {
	position: absolute;
	left: -42px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w25 .side-r3 {
	position: absolute;
	left: -40px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w25 .side-r5 {
	position: absolute;
	left: -42px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20.h25 .side-l3 {
	position: absolute;
	left: 61px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w25.h25 .side-l3 {
	position: absolute;
	left: -20px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20.h25 .side-l5 {
	position: absolute;
	left: 83px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w20.h25 .side-r3 {
	position: absolute;
	left: -29px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w25.h25 .side-r3 {
	position: absolute;
	left: -26px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w30.h25 .side-l3 {
	position: absolute;
	left: -20px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w30.h25 .side-r3 {
	position: absolute;
	left: 15px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.w30.h25 .side-r5 {
	position: absolute;
	left: -2px;
	top: 0;
	width: 100%;
	height: 100%;
}

.product-area-img.h25 .side-l1, .product-area-img.h25 .side-r1 {
	display: none;
}

.product-area-img.w25 .side-f5 {
	display: none;
}

.product-menu-list {
	display: grid;
	grid-template-columns: 32% 32% 32%;
	gap: 10px;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.product-menu-list .item .short_desc {
	display: none;
}

.product-menu-list .item {
	width: 90px;
	border: 2px solid #CCC;
	border-radius: 6px;
	overflow: hidden;
}

.product-menu-list .item:hover, .product-menu-list .item.active {
	border: 2px solid #0867B2;
}

.product-menu-list .item img {
	width: 100%;
	height: 100%;
}

.smartbath-modal .header {
	background: #0867b2 !important;
	color: #FFF !important;
	text-align: center;
}

.smartbath-modal .content {
	text-align: center;
}

.smartbath-modal .input {
	width: 514px;
	height: 55px;
}

.smartbath-modal .ui.button {
	padding: 15px 40px !important;
}

.smartbath-modal .actions {
	display: flex;
	text-align: center !important;
	border-top: none !important;
	width: 100%;
	justify-content: center;
	padding: 14px 0 24px 0;
}
.confirm-modal .actions .ui.button {
	width: 250px;
	height: 55px;
	font-size: 16px;
	line-height: 26px;
}
.confirm-modal .actions.reverse {
	flex-direction: row-reverse;
	gap: 16px;
}

.smartbath-modal .ui.approve.button {
	background-color: #0b66b2;
	color: #FFF;
	margin: 0 !important;
}
.smartbath-modal .ui.cancel.button {
	margin-right: 0 !important;
}

.smartbath-modal .ui.red.button {
	background-color: #E20E0E;
	color: #FFF;
}

.roomselection_dropdown {
	position: relative;
}

.roomselection_dropdown .dropdown-show {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	border: 1px solid #888888;
	/* padding: 18px; */
	border-radius: 6px;
	height: 60px;
	cursor: pointer;
}

.roomselection_dropdown .default.text {
	text-align: left;
	width: 100%;
	padding: 9px 18px;
	vertical-align: middle;
}

.smartbath-design .toolbar-area .toolbar-dropdown .dropdown.icon {
	padding: 18px;
}

.roomselection_dropdown .default.text img {
	height: 40px;
	display: inline;
	padding-right: 10px;
}

.roomselection_dropdown .dropdown-content {
	display: none;
}

.roomselection_dropdown .dropdown-content.active {
	display: block;
}

.roomselection_dropdown .menu {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	position: absolute;
	top: 60px;
	right: -1px;
	background: #d5d5d5;
	z-index: 999;
	border-radius: 8px;
	border: 1px #d5d5d5 solid;
	box-sizing: border-box;
	width: 630px;
	overflow: hidden;
}

.roomselection_dropdown .menu .item {
	border-radius: 0;
	padding: 4px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	background: #FFF;
	margin: 1px;
	cursor: pointer;
}

.roomselection_dropdown .menu .item:hover, .roomselection_dropdown .menu .item.active {
	background: #EFEFEF;
}

.reviewcart-modal .actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.reviewcart-modal .actions .totaltext {
	font-weight: 600;
}

.reviewcart-modal .actions .totaltext span {
	font-size: 18px;
	padding-left: 6px;
}

.tile-filter-icon .la.la-filter.active {
	border-bottom: 3px solid #FF9900;
}

.myroom-list .table {
	border-radius: 20px !important;
	overflow: hidden;
}

.myroom-list .table thead {
	text-align: center;
}

.myroom-list th {
	background: #2284d0 !important;
	color: #FFF !important;
}

.myroom-list .table .aligned.center {
	text-align: center;
}

.myroom-list .ui.striped.table>tbody>tr:nth-child(2n), .ui.striped.table>tr:nth-child(2n)
	{
	background-color: rgba(35, 131, 208, 0.1);
}
.myroom-list .table .icon {
	margin: 0 !important;
}
.instruction-panel {
	padding-top: 100px;
}
.instruction-panel ul {
	padding-left: 0;
}
.instruction-panel li {
	margin-bottom: 22px;
}

.ui.bottom.attached.tab.segment.active.top-menu-panel {
	border: none;
}