:root {
	--control-bg: #f0f0f0;
}

.navbar-brand {
	display: none !important;
}

.sidebar-section a[href*="frappe.io/crm"] {
    display: none;
}

.body-sidebar-container.expanded .body-sidebar .body-sidebar-top {
	overflow-y: auto !important;
}

.sidebar-item-control {
	display: none !important;
}

.body-sidebar .app-logo {
	width: 100% !important;
}

@media (min-width: 992px) {
	[data-page-route="Workspaces"] .layout-main {
		max-width: 100% !important;
	}
}

#navbar-breadcrumbs a {
	color: white !important;
	margin-left: 30px;
}

.navbar .avatar,
.navbar .avatar-frame {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important;
}

.body-sidebar {
	padding: 0 !important;
}

.navbar .notifications-seen {
	background-color: transparent !important;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 875px;
	}
}

.btn-primary {
	transition: ease-in-out 0.3s !important;
}

.btn-primary:hover {
	background-color: var(--btn-primary-hover-bg) !important;
	color: var(--btn-primary-hover-text) !important;
}

.raven-chat {
	left: auto !important;
	right: 20px !important;
}

.page-card-head img {
	width: 300px !important;
	max-height: 100% !important;
}


.form-tabs-list .form-tabs .nav-item .nav-link.active {
	color: var(--my-primary-color) !important;
	border-bottom: 1px solid var(--my-primary-color) !important;
}

.form-section.card-section, .form-dashboard-section, .form-tabs-list, .page-head {
	border-bottom: 1px solid rgba(255, 163, 105, 0.3) !important;
  }

.btn.btn-secondary, .action-btn {
	background-color: var(--my-primary-color) !important;
	color: white !important;
}

.collapse-indicator svg {
	fill: var(--my-primary-color) !important;
}

.list-row-col.ellipsis.list-subject.level.name {
	max-width: none !important;
	width: 500px !important;
}