/* Custom CSS Classes */
.bg-objectBar {
	background-color: #d0d0d0 !important;
}

.bg-enverse-theme {
	background: linear-gradient(to bottom right, #ffa301, #ffc107) !important;
}

.bg-enverse-comfortblue {
	background: linear-gradient(to bottom right, #38b6f3, #99dcd9) !important;
}

.bg-genemate-componentBox-header {
	background: linear-gradient(to right, #7aef57 0%, #b0e867 100%) !important;
}

.bg-enverse-header-title {
	background-image: linear-gradient(to top, #dec045 0%, #f7c15f 100%) !important;
}

.bg-enverse-component-border {
	border-color: #dde7ec;
}

.bg-enverse-status-online {
	background-color: #9ae68b !important;
}

.bg-enverse-status-offline {
	background-color: #ea8383 !important;
}

.friend-snippet-f {
	color: #fcdd05 !important;
}

.friend-snippet-g {
	color: #0aa99f !important;
}

.friend-snippet-c {
	color: #0d77bb !important;
}

.bg-genemate-header {
	background-image: linear-gradient(to right, #a3181c 0%, #d8145c 100%) !important;
}

.btn-company {
	font-weight: 700;
	background-color: #e6ad26;
	color: #fffffff0;
}

.btn-company:hover {
	font-weight: 700;
	background-color: #d29d20;
	border-color: #d29d20;
	color: white;
}

.btn-healthy-noanimation {
	background-color: #39963c;
	border-color: #39963c;
	color: white;
}

.btn-healthy-noanimation:hover {
	background-color: #205f22;
	border-color: #205f22;
	color: white;
}

.btn-healthy {
	background-color: #39963c;
	border-color: #39963c;
	color: white;
}

.btn-healthy:hover {
	background-color: #205f22;
	border-color: #205f22;
	color: white;
}

.btn-level4 {
	background-color: #b71234;
	border-color: #b71234;
	color: white;
	animation: animation_level4 1s infinite;
}

.btn-level4:hover {
	background-color: #760b20;
	border-color: #760b20;
	color: white;
}

@keyframes animation_level4 {
	0% {
		background-color: #b71234;
	}
	50% {
		background-color: #7f0802;
	}
	100% {
		background-color: #b71234;
	}
}

.btn-level3 {
	background-color: #ff6400;
	border-color: #ff6400;
	color: white;
	animation: animation_level3 1s infinite;
}

@keyframes animation_level3 {
	0% {
		background-color: #ff6400;
	}
	50% {
		background-color: #ff781f;
	}
	100% {
		background-color: #ff6400;
	}
}

.btn-level2 {
	background-color: #e0bf00;
	border-color: #e0bf00;
	color: white;
	animation: animation_level2 1s infinite;
}

@keyframes animation_level2 {
	0% {
		background-color: #e0bf00;
	}
	50% {
		background-color: #9b8401;
	}
	100% {
		background-color: #e0bf00;
	}
}

.btn-level1 {
	background-color: #00a7ff;
	border-color: #00a7ff;
	color: white;
	animation: animation_level1 1s infinite;
}

@keyframes animation_level1 {
	0% {
		background-color: #00a7ff;
	}
	50% {
		background-color: #33b8ff;
	}
	100% {
		background-color: #00a7ff;
	}
}

.btn-level0 {
	background-color: #00a7ff;
	border-color: #00a7ff;
	color: white;
	animation: animation_level0 1s infinite;
}

@keyframes animation_level0 {
	0% {
		background-color: #00a7ff;
	}
	50% {
		background-color: #33b8ff;
	}
	100% {
		background-color: #00a7ff;
	}
}

.card.healthy {
	margin-bottom: 30px !important;
	border-color: #39963c;
	border-width: 2px !important;
}

.card.warning {
	margin-bottom: 30px !important;
	border-color: #ff781f;
	border-width: 2px !important;
}

.card.alert {
	margin-bottom: 30px !important;
	border-color: #b71234;
	border-width: 3px !important;
}

.dashboard_sub_page {
	margin-left: 280px;
}

.material-icons.md-12 {
	font-size: 12px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

/* .sidebar-dark-font {
    display: inline-flex;
    vertical-align: top;
    font-size: 24px;
    margin-left: -37px;
    margin-right: 10px;
    padding-top: 7px;
    color: #4c4c4c;
} */

.material-icons-sharp.sidebar {
	display: inline-flex;
	vertical-align: top;
	font-size: 24px;
	margin-left: -37px;
	margin-right: 10px;
	padding-top: 7px;
	/* color: #bbbbbb; */
}

.mm-active .material-icons-sharp.sidebar {
	/* color: #e9ce84f0 */
	color: rgba(54, 65, 76);
}

.icon-dark {
	color: rgba(54, 65, 76);
}

.closed-sidebar .app-sidebar .app-sidebar__inner .material-icons-sharp.sidebar {
	/* display: table-cell; */
	/* padding-left: 4px; */
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .material-icons-sharp.sidebar {
	display: inline-flex;
	vertical-align: top;
	margin-left: -37px;
	margin-right: 10px;
	padding-top: 7px;
	padding-left: 0px;
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .sidebar-text {
	padding: 0;
	/* color: #bbbbbb; */
	display: initial;
}

.closed-sidebar .app-sidebar .app-sidebar__inner .sidebar-text {
	padding: 0;
	/* display: none; */
}

.enverse-logo {
	background: url("/static/img/logo.png") no-repeat;
	width: 210px;
	height: 50px;
	scale: 0.7;
}

.diagram-component {
	width: 800px;
	height: 600px;
	border: solid 1px black;
	background-color: white;
	position: "initial";
}

/* Scrollbar */
.overflow-enverse {
	overflow-x: hidden;
	overflow: overlay;
	height: calc(100vh - 203px) !important;
}
.overflow-enverse-sidebar {
	overflow-x: hidden;
	overflow: overlay;
	margin-right: 7px;
}
::-webkit-scrollbar {
	background-color: transparent;
	width: 8px;
	height: 8px;
}
* {
	scrollbar-width: thin;
	scrollbar-color: #bbbbbb #ffffff00;
}
/* *::-webkit-scrollbar-track {
    background-color: var(--custom-white);
} */
*::-webkit-scrollbar-thumb {
	/* background-color: var(--dark-blue) ; */
	background-color: #bbbbbb;
	border-radius: 20px;
	/* border: 3px solid var(--custom-white); */
	/* border: 3px solid #bbbbbb; */
}

.z_index_sidebar {
	z-index: 400;
}

/* ---------- Share functionality styles ---------- */
.btn-share {
	background-color: rgb(226 232 240);
}

.bg-light-rain {
	background-image: linear-gradient(to right, #cfd9df 0%, #e2ebf0 100%) !important;
}

.nav-link {
	text-decoration: none !important;
}

.href-decoration {
	color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 476px) {
	.logo-mobile-resize {
		margin-left: -10px;
		/* width: 50px; */
	}
}
@media (max-width: 475px) {
	.logo-mobile-resize {
		margin-left: -10px;
		width: 50px;
	}
}

@media (min-width: 992px) {
	.closed-sidebar .app-sidebar .app-sidebar__inner .sidebar-text {
		display: none;
	}
	.closed-sidebar .app-sidebar .app-sidebar__inner .material-icons-sharp.sidebar {
		display: table-cell;
		padding-left: 6px;
	}
}

/* @media (max-width: 991px) {
	.desktop-sidebar-resize {
		display: hidden;
	}
} */