body
{
	padding-bottom: 32px;
}

body::before
{
	content: "";
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
	background-image: -moz-radial-gradient(5% 85%, 100% 20%, #101b2e 5%, #121212);
	background-image: radial-gradient(ellipse 100% 20% at 5% 85%, #101b2e 5%, #121212 100%);
}
.shadowed
{
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}

.shadowed-heavier
{
	box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}

.round
{
	border-radius: 2px;
}

.RIUiSection
{
	position: relative;
	background-color: #111;
	border-radius: 2px;
	border: #555 1px solid;
	padding: 10px;
}

.RIUiNavBarDisabled
{
	pointer-events: none;
	opacity: 50%;
}

.RIUiSectionWithITitle
{
	margin-top: 12px;
}

.RIUiSectionHeading
{
	font-size: 1.2rem;
	font-weight: 700;
	margin-top: 0;
}

.RIUiMarginTopLess
{
	margin-top: 13px;
}

.RIUiSectionITitle
{
	font-size: 1.0rem;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 7px;
	position: absolute;
	left: 10px;
	top: -12px;
	background-color: #111;
	padding-left: 5px;
	padding-right: 5px;
	color: #aaa;
}

.FlexCollumn
{
	display: flex;
	flex-direction: column;
}

.FlexRows
{
	display: flex;
	flex-direction: row;
}

.FlexGap5Px
{
	gap: 5px;
}

.W100{width:100%;}
.H100{height:100%;}

.FlexGrow1
{
	flex-grow: 1;
}

body.dark-mode {
	background-color: #121212;
	color: #ffffff;
}

nav.dark-mode {
	background-color: #1e1e1e;
}

.dark-mode .brand-logo,
.dark-mode .nav-wrapper a {
	color: #ffffff;
}

.navbar-fixed {
	position: fixed;
	background: rgb(0, 31, 88);
	top:0;
}

.navbar-fixed .dark-mode {
	backdrop-filter: blur(10px);
	z-index: 10;
}

.dark-mode .card {
	background-color: #1e1e1e;
	color: #ffffff;
}

.dark-mode .btn {
	background-color: #2e2e2e;
	color: #ffffff;
}

.dark-mode .card {
	background-color: #1e1e1e;
	color: #ffffff;
}

.dark-mode input,
.dark-mode textarea {
	background-color: #2e2e2e;
	color: #ffffff;
	border: 1px solid #424242;
}

.dark-mode .sidenav {
	background-color: #222;
	color: #ffffff !important;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(10px);
}

.dark-mode .select-dropdown {
	background-color: #222;
	color: #ffffff !important;
}

.dark-mode .selected {
	background-color:rgb(0, 26, 43);
}

.dark-mode .sidenav a {
	color: #ffffff !important;
}
.material-icons {
	font-family: 'Material Icons' !important;
}

li a[data-translate="PROFILE"]::before {
	content: "account_circle";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="SETTINGS"]::before {
	content: "settings";
	font-family: 'Material Icons';
	margin-right: 8px;
}

.Msgsicon::before {
	content: "message";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a.msgsbutton1::before {
	content: "message";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="UPLOADER"]::before {
	content: "cloud_upload";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="BLOG"]::before {
	content: "article";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="DASHBOARD"]::before {
	content: "dashboard";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="FORUMS"]::before {
	content: "forum";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="LIVECHAT"]::before {
	content: "chat";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a[data-translate="LOGOUT"]::before {
	content: "logout";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a.morebutton4::before {
	content: "menu";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a.rcashbutton746::before {
	content: "attach_money";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a.langlabel675::before {
	content: "translate";
	font-family: 'Material Icons';
	margin-right: 8px;
}

li a.adminbtn123::before {
	content: "build";
	font-family: 'Material Icons';
	margin-right: 8px;
}

.sidenav {
	height: 100vh;
	overflow-y: auto;
	font-family: Arial, sans-serif;
}

@media (max-width: 768px) {
	.sidenav {
		padding-top: 7px;
	}
}

.navbar-fixed.dark-mode {
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0, 46, 131, 0.6);
	backdrop-filter: blur(10px);
	z-index: 10;
}

.nav-wrapper.dark-mode {
	background: rgba(0, 27, 66, 0.096);
	backdrop-filter: blur(10px);
	position: relative;
	z-index: 10;
}

.dark-mode .collection-item{
	background-color: rgb(36, 36, 36);
	border: #1e1e1e solid 1px;
}

.dark-mode .collection-item:hover{
	background-color: rgb(59, 59, 59) !important;
}

.dark-mode .tabs{
	background-color: rgb(36, 36, 36);
}

.Select
{
	background:none;
	color:white;
	border:none;
}

.Select option{
	background-color: black;
}

.Select option:hover {
	background-color: #007bff;
	color: #ffffff;
}

.Select option:checked {
	background-color: #0056b3;
	color: #ffffff;
}

.collection-item
{
	background-color: #222 !important;
	border-color: #555;
}

.collection-header
{
	background-color: #1e1e1e !important;
	border-color: #555;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	li a::before {
		content: none !important;
		margin-right: 0 !important;
	}
}