/* checkbox input css */
			.checkbox label:after,
			.radio label:after {
				content: '';
				display: table;
				clear: both;
			}

			.checkbox .cr,
			.radio .cr {
				position: relative;
				display: inline-block;
				border: 3px solid #ffffff;
				background-color: #ffffff;
				border-radius: .25em;
				width: 1.3em;
				height: 1.3em;
				float: left;
				margin-right: .5em;
			}

			.radio .cr {
				border-radius: 50%;
			}

			.checkbox .cr .cr-icon,
			.radio .cr .cr-icon {
				position: absolute;
				font-size: .8em;
				line-height: 0;
				top: 50%;
				left: 20%;
			}

			.radio .cr .cr-icon {
				margin-left: 0.04em;
			}

			.checkbox label input[type="checkbox"],
			.radio label input[type="radio"] {
				display: none;
			}

			.checkbox label input[type="checkbox"]+.cr>.cr-icon,
			.radio label input[type="radio"]+.cr>.cr-icon {
				transform: scale(3) rotateZ(-20deg);
				opacity: 0;
				transition: all .3s ease-in;
			}

			.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
			.radio label input[type="radio"]:checked+.cr>.cr-icon {
				transform: scale(1) rotateZ(0deg);
				opacity: 1;
			}

			.checkbox label input[type="checkbox"]:disabled+.cr,
			.radio label input[type="radio"]:disabled+.cr {
				opacity: .5;
			}

			/* End checkbox input css */
			.box1 {
				border-radius: 10px 10px 10px 10px;
				padding: 45px;
				margin: 30px;
				-webkit-box-shadow: 10px 10px 0px -4px rgba(0, 0, 0, 0.69);
				-moz-box-shadow: 10px 10px 0px -4px rgba(0, 0, 0, 0.69);
				box-shadow: 10px 10px 0px -4px rgba(0, 0, 0, 0.69);
				background: rgba(46, 46, 209, 1);
				background: -moz-radial-gradient(center, ellipse cover, rgba(46, 46, 209, 1) 0%, rgba(46, 46, 207, 1) 1%, rgba(41, 41, 179, 1) 12%, rgba(40, 40, 184, 1) 25%, rgba(43, 43, 186, 1) 39%, rgba(41, 41, 179, 1) 50%, rgba(31, 31, 153, 1) 60%, rgba(15, 15, 122, 1) 76%, rgba(9, 9, 110, 1) 88%, rgba(5, 9, 87, 1) 94%, rgba(5, 9, 87, 1) 100%);
				background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(46, 46, 209, 1)), color-stop(1%, rgba(46, 46, 207, 1)), color-stop(12%, rgba(41, 41, 179, 1)), color-stop(25%, rgba(40, 40, 184, 1)), color-stop(39%, rgba(43, 43, 186, 1)), color-stop(50%, rgba(41, 41, 179, 1)), color-stop(60%, rgba(31, 31, 153, 1)), color-stop(76%, rgba(15, 15, 122, 1)), color-stop(88%, rgba(9, 9, 110, 1)), color-stop(94%, rgba(5, 9, 87, 1)), color-stop(100%, rgba(5, 9, 87, 1)));
				background: -webkit-radial-gradient(center, ellipse cover, rgba(46, 46, 209, 1) 0%, rgba(46, 46, 207, 1) 1%, rgba(41, 41, 179, 1) 12%, rgba(40, 40, 184, 1) 25%, rgba(43, 43, 186, 1) 39%, rgba(41, 41, 179, 1) 50%, rgba(31, 31, 153, 1) 60%, rgba(15, 15, 122, 1) 76%, rgba(9, 9, 110, 1) 88%, rgba(5, 9, 87, 1) 94%, rgba(5, 9, 87, 1) 100%);
				background: -o-radial-gradient(center, ellipse cover, rgba(46, 46, 209, 1) 0%, rgba(46, 46, 207, 1) 1%, rgba(41, 41, 179, 1) 12%, rgba(40, 40, 184, 1) 25%, rgba(43, 43, 186, 1) 39%, rgba(41, 41, 179, 1) 50%, rgba(31, 31, 153, 1) 60%, rgba(15, 15, 122, 1) 76%, rgba(9, 9, 110, 1) 88%, rgba(5, 9, 87, 1) 94%, rgba(5, 9, 87, 1) 100%);
				background: -ms-radial-gradient(center, ellipse cover, rgba(46, 46, 209, 1) 0%, rgba(46, 46, 207, 1) 1%, rgba(41, 41, 179, 1) 12%, rgba(40, 40, 184, 1) 25%, rgba(43, 43, 186, 1) 39%, rgba(41, 41, 179, 1) 50%, rgba(31, 31, 153, 1) 60%, rgba(15, 15, 122, 1) 76%, rgba(9, 9, 110, 1) 88%, rgba(5, 9, 87, 1) 94%, rgba(5, 9, 87, 1) 100%);
				background: radial-gradient(ellipse at center, rgba(46, 46, 209, 1) 0%, rgba(46, 46, 207, 1) 1%, rgba(41, 41, 179, 1) 12%, rgba(40, 40, 184, 1) 25%, rgba(43, 43, 186, 1) 39%, rgba(41, 41, 179, 1) 50%, rgba(31, 31, 153, 1) 60%, rgba(15, 15, 122, 1) 76%, rgba(9, 9, 110, 1) 88%, rgba(5, 9, 87, 1) 94%, rgba(5, 9, 87, 1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2ed1', endColorstr='#050957', GradientType=1);
			}

			.fontclock {
				font-weight: bold;
				color: #FFFBF5;
				letter-spacing: 5pt;
				font-size: 130%;
				text-align: right;
				font-family: arial, helvetica, sans-serif;
				line-height: 2;
			}

			.fontnamedevice {
				font-weight: bold;
				color: #FFFFFF;
				letter-spacing: 1pt;
				font-size: 190%;
				text-align: left;
				font-family: arial, helvetica, sans-serif;
				;
			}

			.hearddevicebg {
				background: #155580;
			}

			.cycle1 {
				background: url(img/home.png);
				background-size: 100%;
				background-repeat: no-repeat;
				padding-top: 15%;
				margin-top: 5%;
			}

			.worther {
				padding-bottom: 15%;
				padding-left: 20%;
			}

			.boxshowconthro1 {
				text-align: center;
				padding-left: +4px;
				padding-right: +4px;
				padding-top: +4px;
				padding-bottom: +4px;
				margin: 3%;
				font-size: 20px;
				color: #ffffff;
				border-radius: 3px 3px 3px 3px;
				-moz-border-radius: 3px 3px 3px 3px;
				-webkit-border-radius: 3px 3px 3px 3px;
				border: 0.5px solid #d1cdd1;
			}

			.boxbtncontrol {
				padding-left: +4px;
				padding-right: +4px;
				padding-top: +4px;
				padding-bottom: +4px;
				margin: 13%;
				color: #ffffff;
				border-radius: 3px 3px 3px 3px;
				-moz-border-radius: 3px 3px 3px 3px;
				-webkit-border-radius: 3px 3px 3px 3px;
				border: 0.5px solid #d1cdd1;
			}

			.imgconthrol {
				background: url(img/36n.png);
				background-size: 100%;
				background-repeat: no-repeat;
			}

			.cen45 {
				margin-top: 80px;
			}

			.cen44 {
				margin-top: 30px;
				background: #155580;
				background-image: -webkit-linear-gradient(top, #155580, #3d4c78);
				background-image: -moz-linear-gradient(top, #155580, #3d4c78);
				background-image: -ms-linear-gradient(top, #155580, #3d4c78);
				background-image: -o-linear-gradient(top, #155580, #3d4c78);
				background-image: linear-gradient(to bottom, #155580, #3d4c78);
				-webkit-border-radius: 10;
				-moz-border-radius: 10;
				border-radius: 10px;
				-webkit-box-shadow: 0px 2px 16px #383238;
				-moz-box-shadow: 0px 2px 16px #383238;
				box-shadow: 0px 2px 16px #383238;
				color: #ffffff;
				border: solid #262b2e 1px;
				text-decoration: none;
			}

			.background-switch {
				border-radius: 10px;
				border: 1px solid rgba(0, 0, 0, 0.4);
				box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), inset 0 100px 50px rgba(255, 255, 255, 0.1);
				/* Prevents clics on the back */

				/* Prevents clics on the back */
			}

			/* SWITCH AUTO*/
			.onoffswitch {
				position: relative;
				width: 135px;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
			}

			.onoffswitch-checkbox {
				display: none;
			}

			.onoffswitch-label {
				display: block;
				overflow: hidden;
				cursor: pointer;
				border: 2px solid #999999;
				border-radius: 0px;
			}

			.onoffswitch-inner {
				display: block;
				width: 200%;
				margin-left: -100%;
				transition: margin 0.3s ease-in 0s;
			}

			.onoffswitch-inner:before,
			.onoffswitch-inner:after {
				display: block;
				float: left;
				width: 50%;
				height: 40px;
				padding: 0;
				line-height: 30px;
				font-size: 23px;
				color: white;
				font-family: Trebuchet, Arial, sans-serif;
				font-weight: bold;
				box-sizing: border-box;
			}

			.onoffswitch-inner:before {
				content: "Auto";
				padding-left: 20px;
				padding-top: 5px;
				background-color: #333;
				color: #0cc702;
			}

			.onoffswitch-inner:after {
				content: "Manul";
				padding-right: 20px;
				padding-top: 5px;
				background-color: #333;
				color: #ff0303;
				text-align: right;
			}

			.onoffswitch-switch {
				display: block;
				width: 28px;
				margin: 10px;
				background: #FFFFFF;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 90px;
				border: 2px solid #999999;
				border-radius: 20px;
				transition: all 0.3s ease-in 0s;
			}

			.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
				margin-left: 0;
			}

			.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
				right: 0px;
			}

			/* END SWITCH AUTO*/
			.background-control {
				border-radius: 10px;
				border: 1px solid rgba(0, 0, 0, 0.4);
				box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), inset 0 100px 50px rgba(255, 255, 255, 0.1);
				/* Prevents clics on the back */


				/* Prevents clics on the back */


				background: #333;

			}

			/* Manul SWITCH */
			.cube-switch {
				border-radius: 10px;
				border: 1px solid rgba(0, 0, 0, 0.4);
				box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), inset 0 100px 50px rgba(255, 255, 255, 0.1);
				/* Prevents clics on the back */

				cursor: default;
				display: none;
				height: 130px;
				position: relative;
				overflow: hidden;
				/* Prevents clics on the back */

				pointer-events: none;
				width: 130px;
				white-space: nowrap;


			}

			/* The switch */
			.cube-switch .switch {
				border: 1px solid rgba(0, 0, 0, 0.6);
				border-radius: 0.7em;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -7px 0 rgba(0, 0, 0, 0.2), inset 0 50px 10px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
				display: block;
				width: 120px;
				height: 120px;
				margin-left: -30px;
				margin-top: -30px;
				position: absolute;
				top: 26%;
				left: 26%;
				width: 120px;
				background: #666;
				transition: all 0.2s ease-out;
				/* Allows click */

				cursor: pointer;
				pointer-events: auto;
			}

			/* SWITCH Active State */
			.cube-switch.active {
				/*background:#222;
     box-shadow:
     0 0 5px rgba(0,0,0,0.5),
     inset 0 50px 50px rgba(55,55,55,0.1);*/
			}

			.cube-switch.active .switch {
				background: #222;
				box-shadow: inset 0 6px 0 rgba(255, 255, 255, 0.1), inset 0 7px 0 rgba(0, 0, 0, 0.2), inset 0 -50px 10px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(205, 205, 205, 0.1);
			}

			.cube-switch.active:after,
			.cube-switch.active:before {
				background: #222;
				box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 1px 2px 1px rgba(0, 0, 0, 0.5), inset 3px 6px 2px rgba(200, 200, 200, 0.1), inset -1px -2px 1px rgba(0, 0, 0, 0.3);
			}

			.cube-switch.active .switch:after,
			.cube-switch.active .switch:before {
				background: #333;
				border: none;
				margin-top: 0;
				height: 100px;
			}

			.cube-switch .switch-state {
				display: block;
				padding-top: 3%;
				padding-bottom: 35%;
				left: 40%;
				color: #FFF;
				font-size: 30.5em;
				text-align: center;
			}

			/* SWITCH On State */
			.cube-switch .switch-state.on {
				bottom: 15%;
			}

			/* SWITCH Off State */
			.cube-switch .switch-state.off {
				top: 15%;
			}

			/* END Manul SWITCH */
			/* เครื่องทำหมอก */
			#humidifier1,
			#humidifier2,
			#humidifier3,
			#humidifier4,
			#humidifier5,
			#humidifier6,
			#humidifier7,
			#humidifier8,
			#humidifier9,
			#humidifier10 {
				width: 75px;
				height: 75px;
				top: 10%;
				left: 30%;
				/* 		background: url(Fanon.gif) no-repeat 0 0; */
				background-size: 75px 75px;
				background-position: 30px 30px;
				background: url(img/ran3.png) no-repeat 0 0;
			}

			#humidifier_off {
				position: relative;
				width: 75px;
				height: 75x;
				top: 10%;
				left: 30%;
				/* 		background: url(Fanoff.gif) no-repeat 0 0;	 */
				background-size: 75px 75px;
				background-position: 30px 30px;
				background: url(img/ran3.png) no-repeat -75px 0;
				cursor: move;
				z-index: 800;
			}

			/*end เครื่องทำหมอก */
			/* พัดลมดูอากาศ */
			#blower1,
			#blower2,
			#blower3,
			#blower4,
			#blower5,
			#blower6,
			#blower7,
			#blower8,
			#blower9,
			#blower10 {
				width: 75px;
				height: 75px;
				background-size: 75px 75px;
				background-position: 30px 30px;
				background: url(img/fan3.png) no-repeat 0 0;
			}

			#blower_off {
				position: relative;
				width: 75px;
				height: 75px;
				top: 10%;
				left: 30%;
				background-size: 75px 75px;
				background-position: 300px 30px;
				background: url(img/fan3.png) no-repeat -75px 0;
				cursor: move;
				z-index: 800;
			}

			/*end พดลมดูอากาศ */
			.modalDialog {
				position: fixed;
				font-family: Arial, Helvetica, sans-serif;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.8);
				z-index: 99999;
				opacity: 0;
				-webkit-transition: opacity 400ms ease-in;
				-moz-transition: opacity 400ms ease-in;
				transition: opacity 400ms ease-in;
				pointer-events: none;
				overflow-y: scroll;
			}

			.modalDialog:target {
				opacity: 1;
				pointer-events: auto;
			}

			.modalDialog>div {
				width: 80%;
				position: relative;
				margin: 3% auto;
				padding: 5px 20px 13px 20px;
				border-radius: 10px;
				background: #fff;
				background: -moz-linear-gradient(#fff, #999);
				background: -webkit-linear-gradient(#fff, #999);
				background: -o-linear-gradient(#fff, #999);
				cursor: pointer;
			}

			.close {
				background: #606061;
				color: #FFFFFF;
				line-height: 25px;
				position: absolute;
				right: -12px;
				text-align: center;
				top: -10px;
				width: 24px;
				text-decoration: none;
				font-weight: bold;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				-moz-box-shadow: 1px 1px 3px #000;
				-webkit-box-shadow: 1px 1px 3px #000;
				box-shadow: 1px 1px 3px #000;
			}

			.close:hover {
				background: #00d9ff;
			}

/* Mobile and tablet usability fixes */
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body.kuff-app {
	margin: 0;
	min-height: 100svh;
	background: #f2f5f8;
	overflow-x: hidden;
	padding-bottom: env(safe-area-inset-bottom);
}

body.kuff-app img {
	max-width: 100%;
	height: auto;
}

.kuff-navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding: 12px max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));
	background-color: #edecec;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.kuff-brand {
	display: inline-flex;
	align-items: center;
	min-width: 180px;
	max-width: 360px;
}

.kuff-brand img {
	display: block;
	width: 100%;
}

.kuff-navlinks {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.kuff-navlinks .nav-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 14px;
	border-radius: 6px;
	color: #155580;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}

.kuff-navlinks .nav-link:focus,
.kuff-navlinks .nav-link:hover {
	background: rgba(21, 85, 128, 0.1);
	text-decoration: none;
}

.kuff-device-list {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 16px;
}

.kuff-device-list > .box1 {
	float: none !important;
	width: calc(100% - 32px);
	max-width: 1180px;
	margin: 24px auto;
}

.box1 .row {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.modalDialog {
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: auto;
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.modalDialog > div {
	max-width: 1120px;
	cursor: default;
}

.modalDialog input,
.modalDialog button,
.modalDialog .btn,
.box1 input,
.box1 button,
.box1 .btn {
	min-height: 44px;
	font-size: 16px;
}

.modalDialog input[type="number"],
.modalDialog input[type="password"],
.box1 input[type="number"],
.box1 input[type="password"] {
	width: 72px !important;
	max-width: 100%;
	padding: 6px 8px;
	border: 1px solid #9aa4ad;
	border-radius: 4px;
	background: #fff;
	color: #000;
}

.modalDialog input[type="password"] {
	width: 100% !important;
}

.modalDialog h2,
.modalDialog h3,
.modalDialog h4,
.modalDialog p,
.modalDialog small,
.modalDialog label {
	max-width: 100%;
	overflow-wrap: anywhere;
}

.checkbox label,
.radio label {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	gap: 8px;
	line-height: 1.35;
}

.checkbox .cr,
.radio .cr {
	flex: 0 0 auto;
}

.cen44 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 116px;
	min-height: 48px;
	margin-top: 16px;
}

.cube-switch,
.cube-switch .switch,
.onoffswitch,
.onoffswitch-label {
	touch-action: manipulation;
}

.cycle1 {
	max-width: 100%;
	background-position: center top;
}

.cycle1 [id^="Hum"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

@media (max-width: 767.98px) {
	.kuff-navbar {
		align-items: stretch;
		gap: 10px;
		padding-top: max(10px, env(safe-area-inset-top));
	}

	.kuff-brand {
		min-width: 0;
		width: min(250px, 72vw);
		margin: 0 auto;
	}

	.kuff-navlinks {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
		gap: 6px;
	}

	.kuff-navlinks .nav-link {
		width: 100%;
		padding: 8px 6px;
		font-size: 16px;
		background: #fff;
		border: 1px solid rgba(21, 85, 128, 0.12);
	}

	.kuff-device-list {
		padding: 10px 8px 18px;
	}

	.kuff-device-list > .box1 {
		width: 100%;
		max-width: 100%;
		padding: 14px 10px;
		margin: 12px 0;
		border-radius: 8px;
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
	}

	.box1 [class*="col-"] {
		padding-left: 6px;
		padding-right: 6px;
	}

	.box1 .row {
		row-gap: 10px;
	}

	#idDetail1,
	#idDetail2,
	#idDetail3,
	#idDetail4,
	#idDetail5,
	#idDetail6,
	#idDetail7,
	#idDetail8,
	#idDetail9,
	#idDetail10 {
		text-align: center;
	}

	#WiFi1,
	#WiFi2,
	#WiFi3,
	#WiFi4,
	#WiFi5,
	#WiFi6,
	#WiFi7,
	#WiFi8,
	#WiFi9,
	#WiFi10 {
		text-align: center;
		font-size: 100% !important;
	}

	.fontclock {
		text-align: center;
		font-size: 105%;
		letter-spacing: 1pt;
		line-height: 1.5;
	}

	.cycle1 {
		width: min(100%, 420px);
		min-height: 265px;
		margin: 0 auto;
		padding-top: 52px;
		background-size: contain;
	}

	.worther {
		padding-left: 0;
		padding-bottom: 0;
	}

	.cycle1 img {
		max-width: 48px;
	}

	.cycle1 [id^="Tmp"] {
		font-size: 150% !important;
	}

	.cycle1 [id^="Hum"] {
		font-size: 250% !important;
	}

	#humidifier_off,
	#blower_off {
		left: auto;
		margin: 0 auto;
		cursor: pointer;
	}

	.onoffswitch {
		margin: 0 auto;
	}

	.box1 div[style*="padding-left:40%"],
	.box1 div[style*="padding-left:10%"] {
		padding-left: 0 !important;
		padding-top: 10px !important;
	}

	.cube-switch {
		width: 116px;
		height: 116px;
		margin: 0 auto 8px;
	}

	.cube-switch .switch {
		width: 106px;
		height: 106px;
	}

	.boxshowconthro1 {
		margin: 6px 0;
		font-size: 16px;
	}

	.cen44 {
		width: 100%;
		margin-top: 8px;
	}

	.modalDialog {
		background: rgba(0, 0, 0, 0.7);
	}

	.modalDialog > div {
		width: calc(100% - 16px);
		max-width: none;
		min-height: auto;
		margin: 8px auto 18px;
		padding: 14px 12px 18px;
		border-radius: 8px;
	}

	.modalDialog .row {
		margin: 10px 0 !important;
	}

	.modalDialog [class*="col-"] {
		float: none !important;
		display: block;
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 1px;
		padding-left: 0;
		padding-right: 0;
		text-align: left !important;
	}

	.modalDialog h2 {
		font-size: 24px;
	}

	.modalDialog h3 {
		font-size: 20px;
		line-height: 1.35;
	}

	.modalDialog h4,
	.modalDialog p,
	.modalDialog small {
		font-size: 16px !important;
		line-height: 1.45;
	}

	.modalDialog label {
		font-size: 16px !important;
	}

	.modalDialog i {
		max-width: 100%;
		font-size: 16px !important;
	}

	.modalDialog input[type="number"] {
		width: 68px !important;
	}

	.modalDialog .close {
		right: 8px;
		top: 8px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
		z-index: 1;
	}
}

@media (max-width: 380px) {
	.kuff-navlinks .nav-link {
		font-size: 14px;
	}

	.cycle1 {
		min-height: 235px;
		padding-top: 42px;
	}

	.cube-switch {
		width: 104px;
		height: 104px;
	}

	.cube-switch .switch {
		width: 94px;
		height: 94px;
	}

	.modalDialog input[type="number"] {
		width: 62px !important;
		padding-left: 5px;
		padding-right: 5px;
	}
}