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;
}

#mobile-indicator {
	display: block;
}

.filtericon {
	display: block;
	float: right;
	font-size: 2.7vh;
	background: #BF5BBB;
	height: 4.5vh;
	margin-top: 0.7vh;
	width: 4.5vh;
	margin-right: 2vw;
	border-radius: 2vw;
	text-align: center;
	line-height: 5vh;
	color: white;
	border: solid white 2px;
}

.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;
}