body.bodylogin {
	height: 100vh;
	background-position: center;
}

.login_sidebox {
	width: 84%;
	margin-right: 8%;
	margin-left: 8%;
	top: 8vw;
	bottom: 8vw;
}

img.login_logo {
	width: 35vw;
	margin-right: 22.5vw;
	margin-top: 18vw;
}

h1.login_title {
	margin-top: 3vw;
	font-size: 5vw;
	line-height: 5vw;
}

img.login_title_img {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

lable.login_lable {
	font-size: 4.5vw;
	margin-right: 5vw;
}

.login_in {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	border-radius: 3.5vw;
	height: 10vw;
}

input.login_sub {
	width: 40vw;
	margin-right: 25%;
}

h5.login_iotech {
	font-size: 2.8vw;
	width: 100%;
	padding-bottom: 10vw;
}

.menubar {
	display: none;
}

.header {
	height: 6vh;
	font-size: 1.3vh;
	line-height: 6vh;
	z-index: 99999999;
}

.subheader {
	top: 6vh;
}

.form-check.form-switch {
	margin-top: 4vh;
	float: left;
	position: absolute;
	left: 3vw;
	top: -5px;
}

.errpagebox {
	line-height: 3vh;
	margin-left: 2vw;
}

.subheader {
	width: 100%;
	height: 6vh;
}

.customer-footer {
	right: 0;
}

.customer-counter {
	margin-left: 2vw;
}

.page {
	right: 0;
	top: 12vh;
}

.customer-load-img {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-top: -8vh;
}

.customer-nodata {
	width: 100vw;
}

.customer-box {
	width: 45.5vw;
	margin-right: 3vw;
	margin-top: 3vw;
	height: 23vw;
	border-radius: 2.5vw;
}

.customer-av {
	height: 23vw;
	font-size: 6.5vw;
	line-height: 23vw;
}

.customer-name {
	font-size: 3.5vw;
	margin-top: 2vw;
}

.customer-mob {
	font-size: 2.5vw;
	margin-top: 0.8vw;
}

.customer-owner {
	font-size: 2.4vw;
	margin-top: 1vw;
}

.customer-serv {
	font-size: 2.4vw;
	margin-top: 0.8vw;
}

.menuicon {
	display: block !important;
	float: right;
	font-size: 3.5vh;
	margin-right: 3vw;
	margin-top: 0.5vh;
}

img.avatarimg {
	width: 22vw;
	height: 22vw;
	margin-right: 9vw;
}

.loginname {
	font-size: 3.5vw;
}

.menuitem {
	font-size: 2.8vw;
	padding-right: 2vw;
}

.logout {
	width: 35%;
	font-size: 1.8vw;
	margin-bottom: 1.5vh;
}

.menubar {
	top: 6vh;
	width: 40%;
	z-index: 9999999999;
}

.menuback {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / 75%);
	z-index: 999999;
	float: right;
	direction: rtl;
}

input.searchbox {
	margin-top: 1.3vh;
	margin-left: 2vw;
}

button.searchbut {
	margin-top: 1.3vh;
	width: 30px;
	text-align: center;
}

#mobile-indicator {
	display: block;
}

.filtericon {
	display: block;
	float: right;
	font-size: 2.7vh;
	height: 4.5vh;
	margin-top: 0.7vh;
	width: 4.5vh;
	margin-right: 2vw;
	text-align: center;
	line-height: 5vh;
	color: #a13293;
}

.headpanel {
	display: none;
}

.headpanel {
	width: 45%;
	position: absolute;
	right: 2vw;
	top: 7vh;
	background: #EDEDEE;
	border: solid #BF5BBB 1px;
	border-radius: 2vw;
	padding-top: 0.5vh;
	padding-bottom: 2vh;
}

.pagebut {
	width: 96%;
	margin-right: 2%;
	margin-top: 0.5vh;
	height: 3.5vh;
}

.pagesel {
	width: 96%;
	margin-top: 0.5vh;
	margin-right: 2%;
	height: 3.5vh;
}

.suggestbox {
	width: 50%;
	margin-left: 2vw;
	margin-top: 7vh;
	min-height: 7vh;
	border-radius: 1.5vw;
	padding-bottom: 1vh;
}

.suggestheader {
	font-size: 2.5vw;
	padding-right: 2vw;
	line-height: 5vw;
	margin-bottom: 2vw;
}

span.stmob {
	padding-left: 2vw;
}

.suggestitem {
	font-size: 3vw;
	line-height: 5vw;
	padding-right: 2vw;
}

.service-footer {
	right: 0;
	width: 100%;
	padding-left: 1vw;
}

.service-mainbox {
	margin-right: 2vw;
	margin-top: 2vh;
}

.servicesearch-box {
	width: 46vw;
	margin-right: 1vw;
	border-radius: 2vw 0.5vw 2vw 2vw;
	padding-bottom: 2vw;
}

.servicesearch-cname {
	font-size: 1rem;
	margin-top: 1vw;
}

.servicesearch-icon {
	font-size: 2rem;
	margin-top: 2vw;
}

.servicesearch-mob {
	font-size: 0.7rem;
}

.servicesearch-owner {
	font-size: 0.6rem;
}

img.servicesearch-card {
	width: 5vw;
	margin-left: 1vw;
}

.servicesearch-name {
	font-size: 0.8rem;
}

.servicesearch-status {
	font-size: 0.6rem;
}

.servicesearch-price {
	font-size: 0.75rem;
}

.servicesearch-time {
	font-size: 0.75rem;
	margin-right: 7%;
}

.finmainpage {
	width: 100%;
	margin-left: 0;
	padding-top: 2vh;
}

.finsidebar {
	display: none;
}

.finrow {
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	height: 15vw;
}

.finrow-icon {
	height: 15vw;
	font-size: 5vw;
	padding-top: 4vw;
}

.finrow-userbox {
	width: 26%;
	height: 15vw;
}

.finrow-name {
	font-size: 3vw;
	line-height: 6vw;
	margin-top: 1vw;
}

.finrow-mob {
	font-size: 2vw;
	line-height: 4vw;
	margin-top: -1vw;
}

.finrow-owner {
	font-size: 2vw;
}

.finrow-pricebox {
	height: 15vw;
	width: 30%;
	font-size: 1.7vw;
}

.finrow-service {
	font-size: 2.5vw;
	line-height: 5vw;
	margin-top: 1vw;
}

.finrow-button.finrow-serviceprint.finrow-printbut.finrow-deactbut {
	display: none;
}

.finrow-button {
	width: 15vw;
	height: 7vw;
	margin-top: 4vw;
	font-size: 1.8vw;
	padding-top: 2vw;
}

.order-box {
	width: 45.5%;
	margin-right: 3%;
	margin-left: 0;
	border-radius: 2vw 1vw 2vw 2vw;
	margin-bottom: 3vw;
	padding-bottom: 3vw;
}

.order-mainbox {
	margin-right: 0;
	margin-top: 1vh;
}

.order-footer {
	right: 0;
}

.order-header {
	height: 7.5vw;
	border-radius: 2vw 1vw 0 0;
}

.order-cardbox {
	width: 5.5vw;
}

img.order-card {
	width: 4vw;
	margin-top: 1vw;
}

.order-name {
	font-size: 2.5vw;
	width: 22vw;
	line-height: 7vw;
}

.order-infobox {
	width: 15vw;
	font-size: 1.7vw;
	margin-left: 2vw;
	margin-top: 1vw;
}

.order-product-mainbox {
	padding-bottom: 3vw;
}

.order-productbox {
	margin-top: 2vw;
	max-height: 9vw;
}

.order-product-count {
	font-size: 2vw;
	height: 2vw;
	margin-top: -1.2vw;
	margin-right: 1.2vw;
	padding-right: 1vw;
	padding-left: 1vw;
	border-radius: 1vw;
	line-height: 2.5vw;
}

.order-footerdata {
	height: 12vw;
	font-size: 2.2vw;
	padding-right: 1.5vw;
	padding-top: 2vw;
	line-height: 3.3vw;
}

.order-status.green {
	width: 22vw;
	margin-left: 1vw;
	font-size: 2.5vw;
	border-radius: 1.5vw;
	margin-top: 1vw;
	height: 4.5vw;
	line-height: 4.5vw;
}

.order-sendstatus.green {
	width: 22vw;
	margin-left: 1vw;
	font-size: 2.5vw;
	border-radius: 1.5vw;
	margin-top: 1vw;
	height: 4.5vw;
	line-height: 4.5vw;
}

.storage-footer {
	right: 0;
}

.storage-item {
	width: 30vw;
	margin-right: 2.5vw;
	margin-top: 9vw;
	height: 30vw;
	border-radius: 1vw;
}

img.storage-icon {
	margin-left: 7vw;
	margin-right: 7vw;
	width: 16vw;
	height: 16vw;
	max-height: 16vw;
	margin-top: -6vw;
}

.storage-name {
	margin-top: 1.5vw;
	font-size: 2.2vw;
	padding-right: 1vw;
	padding-left: 1vw;
}

.storage-code {
	margin-top: 1.5vw;
	font-size: 1.2vw;
	margin-left: 3.5vw;
}

.storage-alarm {
	margin-top: 1vw;
	font-size: 1.5vw;
	margin-left: 1vw;
}

.storage-brand {
	font-size: 1.7vw;
	padding-right: 1vw;
	padding-left: 1vw;
	margin-top: 1vw;
}

.storage-price {
	height: 3.7vw;
	margin-top: 2vw;
	border-radius: 1.5vw;
	font-size: 3vw;
	line-height: 4vw;
}

.storage-inventory {
	margin-top: 1vw;
	font-size: 1.8vw;
	line-height: 3.5vw;
}

.buy-footer {
	right: 0;
}

.buybox {
	width: 30vw;
	margin-right: 2.5vw;
	margin-top: 3vw;
	height: 38vw;
	border-radius: 0 0 1.2vw 1.2vw;
}

.buybox-head {
	height: 5vw;
	line-height: 5vw;
	font-size: 2.5vw;
}

.buybox-body {
	padding: 1.5vw;
	line-height: 4.5vw;
	font-size: 2.5vw;
}

button.buybox-but {
	width: 25vw;
	height: 6vw;
	border-radius: 1.7vw;
	margin-top: 2vw;
}

.buybox-status {
	font-size: 1.8vw;
}