﻿::selection {
	background-color: var(--ng-color06);
}

.header, .footer{
	background-color: var(--ng-color02);
}

.footer{
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

.form-box, 
.form-box input, 
.form-box .card,
.form-control:disabled,
.form-input.active label{
	background-color: var(--ng-color02) !important;
}

@media screen and (max-width: 680px){
	.header {
		height: 80px;
	}
	.header .header-actions:first-child {
		display: inherit;
	}
	.content-grid {
		padding: 94px 0 200px;
	}
}


.menu .menu-item .menu-item-link {
	font-size: 1.25rem;
}

.menu .menu-item .menu-item-link .menu-item-link-icon {
	top: 1px;
}

.button.secondary {
	background-color: var(--ng-color05);
	box-shadow: 4px 7px 12px 0 var(--ng-color08);
}
.button.secondary:hover {
	background-color: var(--ng-color11);
}

.navigation-widget, .chat-widget{
	background-color: var(--ng-color08);
}

.widget-box {
	background-color: var(--ng-color02);
}

.menu .menu-item.active .menu-item-link, .menu .menu-item.active .menu-item-link:hover {
	background-color: var(--ng-color06);
	box-shadow: 4px 7px 12px 0 var(--ng-color07);
}

.menu .menu-item .menu-item-link:hover .menu-item-link-icon {
	fill: var(--ng-color06);
}

.menu .menu-item .menu-item-link:hover {
	background-color: var(--ng-color03);
}

.menu .menu-item {
	padding: 0;
}

ol, ul {
	padding-left: 1rem;
}

a:hover {
	color: var(--ng-color04);
}

.dropdown-navigation .dropdown-navigation-link .highlighted {
	color: var(--ng-color06);
}

.sidemenu-trigger .icon-grid {
	fill: var(--ng-color06);
}

.action-list.dark .action-list-item .action-list-item-icon {
	fill: var(--ng-color04);
}

.action-list.dark::after, .action-list.dark::before {
  background-color: var(--ng-color04);
}

.menu .menu-item .menu-item-link {
	margin-right: 15px;
}

.menu-main .menu-main-item .menu-main-item-link {
	/*color: var(--ng-color04);*/
}

.menu-main .menu-main-item:hover > .menu-main-item-link {
	color: var(--ng-color04);
}

.menu-main .menu-main-item .menu-main-item-link .icon-dots {
	/*fill: var(--ng-color04);*/
}

.menu-main .menu-main-item:hover > .menu-main-item-link .icon-dots {
	fill: var(--ng-color03);
}

.chat-widget-button {
	background-color: var(--ng-color05);
}

.menu-main .menu-main-item .menu-main {
	background-color: var(--ng-color08);
}

.interactive-input.dark input {
	background-color: var(--ng-color08);
}
.interactive-input.dark input::placeholder {
	color: var(--ng-color06);
}

.interactive-input.dark .interactive-input-icon-wrap .interactive-input-icon {
	fill: var(--ng-color06);
}

.page-loader {
	background-color: var(--ng-color02);
}

.page-loader .page-loader-decoration img {
	height: 70px;
}

.page-loader .page-loader-decoration {
	background-color: var(--ng-color01);
}


.dropdown-navigation {
	background-color: var(--ng-color08);
}

.form-box .card {
	background-color: #1d2333;
	border: 1px solid #3f485f;
	color: #9aa4bf;
	transition: border-color .2s ease-in-out;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 700;
	font-family: Rajdhani,sans-serif;
	
}