html, .viewport {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.smart-scheduler {
    width: 100%;
    height: 100%;
}

body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: Roboto;
}

p {
	padding: 10px;
}

smart-layout {
	width: 100%;
	height: 100%;
}
#map, textarea, smart-tree {
	border: 0;
	width: 100%;
	height: 100%;
	outline: none;
}


@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v31/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.smartui_sidebar_div {
 width:100%;
 background-color:white;
 display: flex;
 align-items: center;
 margin-bottom:10px;
 margin-top:10px;
}

.shiko_1,.shiko_2{
font-size:12px;
margin-left:15px;
 margin-top:10px;
}