body {
	font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-weight: 400;
	font-size: 16px;
	color: var(--palette-text-primary, rgb(35, 37, 51));
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
} 
body.ux-dialog-open {
    overflow: unset;
}

#page-wrapper, body {
    background: var(--palette-background-main);
}

#wrapper { padding-left: 0; }

::selection,
::-moz-selection {
	background: var(--palette-primary-main, #37ABFF); 
	color: #fff;
} 
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
.form-control::-moz-placeholder {
	color: var(--palette-primary-main, #37ABFF) !important; 
}

html { height: 100%; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 
	color: var(--palette-text-heading, #38342b);
	font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	margin-top: 10px;
	margin-bottom: 10px;
}

#page-wrapper {
	height: 100%;
	min-height: 500px;
	padding: 10px;
}  

.panel {
    background-color: var(--palette-background-paper-main, #fff);
}
.ew-panel {
    padding: 16px;
    -webkit-box-shadow: var(--shadow-paper);
    box-shadow: var(--shadow-paper);
}

.dropdown-toggle ~ ul.dropdown-menu,
.dropdown-toggle ~ .dropdown-menu {
    background-color: var(--palette-background-paper-main, #fff);
    -webkit-box-shadow: var(--shadow-dropdown);
    box-shadow: var(--shadow-dropdown);
}
.dropdown-toggle ~ ul.dropdown-menu .divider {
    background-color: var(--palette-divider);
}

a { color: #337ab7; }
a:hover { text-decoration: none; }

@keyframes dropzone-animation {
	0% { background: transparent; }
	50% { background-color: var(--palette-background-main); }
	100% { background: transparent; } 
} 

/* TODO: Scrollbar darkmode styling */
/* Chrome */
/* ::-webkit-scrollbar { background: var(--palette-scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--palette-scrollbar-thumb); }
::-webkit-scrollbar-thumb:hover{ background: var(--palette-scrollbar-thumbHover); } */