@media only screen and (max-width: 800px) {
	smart-grid {
		width: 100%;
	}
    .smart-window {
	    width: 90% !important;
		left: 5% !important;
		top: 5px !important;
	}
}

.smart-window #msbWindow {
	overflow: auto;
}

smart-grid {
	width: 520px;
}

.smart-grid {
	height: 829px;
	visibility: visible;
}

.smart-grid.smart-container .smart-grid-content, .smart-grid>.smart-container .smart-grid-content {
	width: 620px;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: none;
    background: var(--smart-surface);
}

.smart-form {
	width: 100%;
	height: auto;
}

smart-tabs {
	width: 800px;
	height: auto;
}

smart-layout {
	width: 100%;
	height: auto;
	border-color: #FFFFFF;
}

.smart-layout .smart-layout-item {
	border-right: 0px;
	border-bottom: 0px;
}

.smart-layout-item {
	padding: 10px;
}

.smart-menu {
	width: 100%;
}

#exit {
    margin-left: auto;
    margin-right: 0;
}

.smart-scheduler {
    width: 100%;
	height: 540px;
	margin-top: 10px;
    --smart-scheduler-view-item-size: 10px;
	--smart-scheduler-timeline-cell-height: 10px;
}

#msbWindow {
    width: 560px;
    height: 720px;
}

#msbWindowContent {
    width: 560px;
    padding: 20px;
}

smart-carousel .smart-items-container {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

smart-carousel {
    width: 272px;
    height: 220px;
}

.fa-lg {
    font-size: 1.33333333em;
	line-height: 1em;
    vertical-align: -15%;
	padding-right: 5px;
}

.smart-toggle-box.smart-check-box .smart-input {
	box-sizing: inherit;
}

.smart-toggle-box .smart-label {
	font-size: 14px;
}

.smart-container {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    display: block;
    outline: 0;
    margin: 0;
    padding: 0;
}

.smart-button-element[hover], smart-button[hover], smart-repeat-button[hover], smart-toggle-button[hover] {
    color: #FFFFFF;
    border-color: var(--smart-primary);
    background-color: var(--smart-primary);
    transition: background-color .1s linear, box-shadow 280ms ease-in-out;
    opacity: var(--smart-button-opacity-hover);
}

button.smart-button[type]:hover {
    color: #FFFFFF;
    border-color: var(--smart-primary);
    background-color: var(--smart-primary);
}

.smart-button-element.success, smart-button.success, smart-repeat-button.success, smart-toggle-button.success {
    --smart-button-opacity-hover: 0.75;
    --smart-button-opacity-focus: 0.7;
    --smart-button-opacity-active: 0.65;
    --smart-background: var(--smart-primary);
    --smart-border: var(--smart-primary);
    --smart-border-rgb: var(--smart-primary-rgb);
    --smart-background-color: var(--smart-primary-color);
    --smart-ui-state-hover: var(--smart-primary);
    --smart-ui-state-border-hover: var(--smart-primary);
    --smart-ui-state-color-hover: var(--smart-primary-color);
    --smart-ui-state-active: var(--smart-primary);
    --smart-ui-state-border-active: var(--smart-primary);
    --smart-ui-state-color-active: var(--smart-primary-color);
    --smart-ui-state-focus: var(--smart-primary);
    --smart-ui-state-border-focus: var(--smart-primary);
    --smart-ui-state-color-focus: var(--smart-primary-color);
    --smart-button-flat-color: var(--smart-primary);
    --smart-button-outlined-color: var(--smart-primary);
    --smart-button-outlined-border: var(--smart-primary);
}