@charset "UTF-8";

:root {
	--primary: #6045ec;
	--gray-darker: #0f1531;
	--gray-dark: #434a54;
	--gray: #6c757d;
	--gray-light: #aab2bd;
	--gray-lighter: #e8eff4;
	--gray-lightest: #e6e9ed;
	--nav-height: 123px;
	--topbar-height: 71px;
	--nav-margin-left: 70px;
	--min-sidebar-width: 70px;
	--max-sidebar-width: 240px;
	--panel-title-height: 72px;
	--footer-height: 77px;
	--offcanvas-top: 74px;
}

body {
	height: 100%;
	margin: 0;
}

body .datepicker {
	z-index: 1511 !important;
}

.of-auto {
	overflow: auto;
}

.ofx-auto {
	overflow-x: auto;
}

.ofy-auto {
	overflow-y: auto;
}

.auth .auth-form-transparent {
	background: transparent;
}

.brand-image {
	background-image: url('https://cdn-icons-png.flaticon.com/512/25/25231.png');
	background-size: contain;
}

#settings-trigger {
	cursor: pointer;
}

.btn {
	padding: .875rem 1.5rem;
}

.modal .modal-dialog .modal-content .modal-footer {
	padding-left: 26px;
	padding-right: 26px;
}

.dropup, .dropright, .dropdown, dropleft {
	position: relative;
}

.sidebar-absolute .sidebar {
	z-index: 9999;
	transition: width .25s ease !important;
}

.sidebar-absolute.sidebar-hidden .sidebar {
	position: absolute;
	transition: width .25s ease !important;
}

.sidebar-absolute .sidebar .nav.nav-tabs {
	margin-top: 1.25rem !important;
	transition: margin-top .5s ease;
}

.sidebar-absolute .sidebar .navbar-brand-section {
	display: none;
}

.sidebar-toggle-display.sidebar-hidden .sidebar .navbar-brand-section {
	display: none;
}

.sidebar-icon-only .sidebar .navbar-brand-section {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-icon-only .sidebar .navbar-brand-section .navbar-brand.brand-logo,
.sidebar-icon-only .sidebar .navbar-brand-section .navbar-brand-text {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.sidebar-icon-only .sidebar .navbar-brand-section .navbar-brand.brand-logo-mini {
	display: inline-block;
	opacity: 1;
	padding: 0;
	margin: 0;
}

.navbar .navbar-brand-wrapper,
.navbar .navbar-menu-wrapper {
	min-height: var(--nav-height) !important;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
	padding: 0;
	margin: 0;
}

.navbar .navbar-brand-wrapper .navbar-brand > .brand-image {
	height: 42px;
	width: 42px;
}

.navbar .navbar-menu-wrapper {
	padding: 0 1.5rem;
}

.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-left {
	display: none;
}
	
.navbar .navbar-menu-wrapper .navbar-toggler.offcanvas-toggler {
	display: none !important;
}

.navbar .navbar-menu-wrapper .top-navbar {
	height: var(--topbar-height);
}

.navbar .navbar-menu-wrapper .top-navbar .navbar-nav {
	flex-direction: row !important;
}

.navbar .navbar-menu-wrapper .top-navbar .navbar-nav .nav-item {
	margin-left: .5rem;
	margin-right: .5rem;
	line-height: 1;
}

.navbar .navbar-menu-wrapper .bottom-navbar {
	display: block !important;
	background: #f3f4f7;
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	transition-duration: 3s;
	-webkit-transition-property: position, left, right, top, z-index;
	-moz-transition-property: position, left, right, top, z-index;
	-o-transition-property: position, left, right, top, z-index;
	transition-property: position, left, right, top, z-index;
	box-shadow: 0 19px 34px -15px #d2d2f2;
	-webkit-box-shadow: 0 19px 34px -15px #d2d2f2;
	-moz-box-shadow: 0 19px 34px -15px #d2d2f2;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav-dropdown {
	display: none !important;
	font: "Rubik", sans-serif;
	font-weight: 800;
	font-size: .8rem;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar .navbar-menu-wrapper .bottom-navbar .page-navigation {
	position: relative;
	width: 100%;
	z-index: 99;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: background, box-shadow;
	-moz-transition-property: background, box-shadow;
	-o-transition-property: background, box-shadow;
	transition-property: background, box-shadow;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item {
	transition: color 0.3s ease, background-color 0.3s ease;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item > .nav-link > .menu-title,
.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item > .nav-link > .menu-icon {
	transition: color 0.3s ease;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item > .nav-link > .menu-title {
	color: #686868;
	font-weight: 600;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item > .nav-link > .menu-icon {
	color: #f02632;
	font-size: 1.25rem;
	font-weight: 500;
	padding-right: 10px;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item:hover,
.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item.active {
	background-color: #dfdfdf;
}

.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item:hover > .nav-link > .menu-title,
.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item.active > .nav-link > .menu-title,
.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item:hover > .nav-link > .menu-icon,
.navbar .navbar-menu-wrapper .bottom-navbar .nav > .nav-item.active > .nav-link > .menu-icon {
	color: #6045ec;
}

.sidebar-dark .brand-image {
	background-image: url('https://cdn-icons-png.flaticon.com/512/16546/16546614.png');
}

.sidebar-dark .sidebar .navbar-brand-section {
	color: white;
}

.sidebar-dark .sidebar .nav > .nav-item > .nav-link > .menu-title {
	color: var(--gray) !important;
}

.sidebar-dark .sidebar .nav > .nav-item > .nav-link:hover > .menu-title {
	color: var(--gray-dark) !important;
}
.sidebar-dark .sidebar .nav > .nav-item > .nav-link.active > .menu-title,
.sidebar-dark .sidebar .nav > .nav-item > .nav-link.active > .menu-icon,
.sidebar-dark .sidebar .nav > .nav-item > .nav-link:hover > .menu-icon {
	color: #f02632 !important;
}

.sidebar-dark .sidebar .nav > .nav-item > .nav-link > .menu-icon::after {
	box-shadow: none !important;
	-webkite-box-shadow: none !important;
}

.sidebar-dark.sidebar-icon-only .sidebar .nav > .nav-item.hover-open:not(.active) > .nav-link > .menu-title {
	color: var(--gray-lighter) !important;
}

.sidebar .navbar-brand-section {
	padding-top: .25rem;
	height: var(--nav-height);
}

.sidebar .navbar-brand-section .navbar-brand.brand-logo-mini {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.sidebar .navbar-brand-section .navbar-brand.brand-logo-mini > .brand-image {
	height: 50px;
	width: 50px;
}

.sidebar .navbar-brand-section > .navbar-brand.brand-logo > .brand-image {
	height: 52px;
	width: 52px;
}

.sidebar .navbar-brand-section .navbar-brand.brand-logo {
	display: inline-block;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
	margin-right: 0;
	padding: 0.3125rem 2rem;
	margin-bottom: .5rem;
	opacity: 1;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.sidebar .navbar-brand-section .navbar-brand-text {
	padding: .3125rem 2rem;
	opacity: 1;
}

.sidebar .nav.nav-tabs {
	border-bottom: none;
	margin-top: 0;
	transition: margin-top .5s ease;
}

.sidebar .nav > .nav-item:first-child {
	margin-top: 0;
}

.sidebar .nav > .nav-item {
	cursor: pointer !important;
}

.sidebar .nav > .nav-item > .nav-link {
	background-color: inherit !important;
	border: none;
	box-shadow: none;
	border-radius: 25px;
	transition: color 0.6s ease, background-color 0.6s ease;
}

.sidebar .nav > .nav-item > .nav-link > .menu-title {
	color: #686868 !important;
	font-weight: 600;
}

.sidebar .nav > .nav-item > .nav-link.active,
.sidebar .nav > .nav-item > .nav-link:hover {
	isolation: auto;
	background-color: #dfdfdf !important;
}

.sidebar .nav > .nav-item > .nav-link.active > .menu-title,
.sidebar .nav > .nav-item > .nav-link:hover > .menu-title,
.sidebar .nav > .nav-item > .nav-link.active > .menu-icon,
.sidebar .nav > .nav-item > .nav-link:hover > .menu-icon {
	color: var(--primary) !important;
}

.d-hidden {
	display: none;
}

.page-body-wrapper {
	min-height: calc(100vh - var(--nav-height));
}
	
.main-panel {
	transition: width 0.25s ease, margin 0.25s ease;
	width: calc(100% - var(--max-sidebar-width));
	min-height: calc(100vh - var(--nav-height));
	margin-left: var(--max-sidebar-width);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.main-panel > .content-wrapper {
	padding: 0;
	height: calc(100% - var(--footer-height));
}

.main-panel > .content-wrapper > .tab-content.panel-tab-content {
	padding: 0;
}

.main-panel .panel-title {
	padding: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--panel-title-height);
}

.main-panel .panel-title h1 {
	font-size: 1.5rem;
	margin: 0;
}

.main-panel .panel-title .panel-control {
	font-size: 1.5rem;
	color: var(--primary);
}

.main-panel .panel-title .panel-control a,
.main-panel .panel-title .panel-control a:active {
	color: var(--primary);
	text-decoration: none;
	transition: color .5s ease;
}

.main-panel .panel-title .panel-control a:hover {
	color: #1c1c1c;
}

.main-panel .panel-content .tab-content .panel-title {
	padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
}

.sub-content {
	padding: .5rem calc(var(--bs-gutter-x) * 0.5) !important;
}

.main-panel .panel-content {
	background: white;
	padding: 1.5rem;
	min-height: calc(100vh - var(--nav-height) - var(--panel-title-height) - var(--footer-height));
	max-height: calc(100vh - var(--nav-height) - var(--panel-title-height) - var(--footer-height));
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
}

.main-panel .panel-content .sibling-content {
	display: flex;
}

.main-panel .panel-content .sibling-content > .sibling-table {
	width: 100%;
	transition: width .8s ease;
}

.main-panel .panel-content .sibling-content > .sibling-form {
	width: 0%;
	opacity: 0;
	transition: width .8s ease, opacity .8s ease-in-out; /*, transform .8s ease;*/
}

.main-panel .panel-content .sibling-content.open > .sibling-table {
	width: 70%;
	padding-right: .5rem;
}

.main-panel .panel-content .sibling-content.open > .sibling-form {
	width: 30%;
	opacity: 1;
	padding-left: .5rem;
}

.main-panel .panel-content .tab-content.panel-content {
	min-height: calc(100vh - 387px);
	max-height: calc(100vh - 387px);
}

.main-panel .nav.nav-pills.nav-fill.nav-justified li:last-child {
	margin-right: 0;
}

.main-panel .panel-sub-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}

.main-panel .panel-sub-title > h6 {
	padding: .5rem .5rem .5rem 0;
	margin-top: .5rem;
}

.main-panel .panel-sub-title .panel-control a,
.main-panel .panel-sub-title .panel-control a:active {
	color: var(--primary);
	text-decoration: none;
	transition: color .5s ease;
}

.main-panel .separator {
	height: 1px;
	margin: 0 0 .5rem 0;
	border: 0;
	border-top: 1px solid #afafaf;
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}

.main-panel .form-separator {
	height: 1px;
	border: 0;
	border-top: 1px solid #afafaf;
}

.main-panel .panel-sub-title > .panel-control {
	color: var(--primary);
	padding: .5rem 0;
	line-height: 1;
	font-size: 1.5rem;
}

.main-panel .modal .modal-dialog {
	margin-top: 45px;
}

.main-panel .modal .modal-dialog .modal-content .modal-body {
	min-height: 240px;
	max-height: 700px;
	overflow-y: auto;
}

.nav.nav-pills .nav-link {
	color: var(--primary);
	background: none;
}

.nav.nav-pills .nav-link.active {
	color: var(--bs-nav-pills-link-active-color) !important;
	background-color: var(--primary) !important;
}

.cycle-content {
	position: relative;
}

.cycle-content .btn-group {
	width: 100%;
}

.hide-cycle-interval {
	max-height: 0;
	opacity: 0;
	margin-bottom: 0;
	transition: max-height .4s ease, opacity .3s ease;
}

.hide-cycle-interval.show {
	max-height: 66px;
	opacity: 1;
	margin-bottom: 1.5rem;
	transition: max-height .4s ease, opacity .3s ease;
}

.hide-cycle-interval.show input {
	display: block;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
	color: var(--bs-btn-active-color);
	background-color: var(--primary);
	border-color: var(--primary);
}

.dropdown .dropdown-toggle::after {
	content: "\F035D";
}

.form-check .form-check-label {
	line-height: 1;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper::after {
	content: "\F0E1E";
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

textarea.form-control {
	height: auto;
}

.selection-container {
	padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
	padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
}

.selection-container .row.selection-header {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--gray-lightest);
}

.selection-container .row.selection-header > div {
	text-align: center;
	margin: auto 0;
}

.selection-container .row.selection-header > div:last-child {
	color: var(--bs-danger);
}

.selection-container .row.selection-row {
	opacity: 1;
	max-height: 80px;
	padding-top: .5rem;
	transition: max-height .4s ease, opacity .3s ease;
}

.selection-container .row.selection-row.template {
	opacity: 0;
	max-height: 0;
	padding: 0;
	transition: max-height .4s ease, opacity .3s ease;
}

.selection-container .row.selection-row.template a {
	display: none;
}

.selection-container .row.selection-row > div:first-child,
.selection-container .row.selection-row > div:last-child {
	margin: auto 0;
	text-align: center;
}

.selection-container .row.selection-row > div:nth-child(2) div {
	margin: auto 0;
}

.selection-container .row.selection-row > div:last-child {
	color: var(--bs-danger);
}

.selection-container .row.selection-row > div .form-group {
	margin: 0;
}

.selection-container .selection-list {
	overflow-y: auto;
}

.table {
	border-radius: 10px;
}

.table.table-border-around {
	border: 2px solid #dfdfdf;
}

.table > thead th {
	background-color: #fbfbfb !important;
	padding: .875rem .5rem;
	font-weight: 700;
}

.table.table-content-center > thead th,
.table.table-content-center > tbody td {
	text-align: center;
}

.table.table-content-center.centered-header > tbody td:not(.dt-empty) {
	text-align: left !important;
}

.table.table-content-center.centered-firstcol > thead th:not(:first-child),
.table.table-content-center.centered-firstcol > tbody td:not(:first-child) {
	text-align: left !important;
}

.table tr.skeleton-row {
	height: 31px;
}

.table tr.skeleton-row td.skeleton-cell {
	background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
	background-size: 200% 100%;
	animation: shimmer 1.5s ease-in-out infinite;
	animation-delay: 0.5s; /* or animation-timing: steps() later for pause */
}

.table.dataTable .created-at {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

.table.dataTable .created-at a.dropdown-toggle,
.table.dataTable .created-at a.dropdown-toggle:active {
	color: var(--primary);
	font-weight: 600;
	text-decoration: none;
	transition: color .3s ease;
}

.table.dataTable .created-at a.dropdown-toggle:hover {
	color: var(--gray-darker);
}

.table.dataTable.table-indicatorconfig tbody tr td:last-child {
	text-align: center !important;
}

.table-responsive.table-display-indicator {
	height: 496px;
	overflow-y: auto;
}

.main-panel .nav .nav-item:last-child {
	margin-right: 0;
}

.datepicker {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #eeeef0;
	border-radius: .25rem;
	width: min-content !important;
}

.modal-body .fixed-height-modal-body {
	display: block;
	min-height: 654px;
}

.form-group.short-dropdown .dropdown.bootstrap-select .dropdown-menu.show {
	max-height: 180px;
}

.refined-form-check .form-check {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.refined-form-check .form-check .form-check-label {
	line-height: 1.2;
}

.footer {
	position: fixed;
	width: calc(100% - var(--max-sidebar-width));
	height: var(--footer-height);
	left: var(--max-sidebar-width);
	bottom: 0;
	background: #f3f4f7;
	padding: 30px 1rem;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	font-size: calc(0.875rem - 0.05rem);
	font-family: "Rubik", sans-serif;
	font-weight: 400;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.card.card-darker {
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
	-ms-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3), -5px -6px 10px 0 rgba(253, 253, 253, 0.9);
}

.summary-content {
	overflow-y: auto;
}

.summary-row {
	overflow-x: visible;
	padding-bottom: 1rem;
}

.summary-row .row {
	min-width: 1572px;
}

.summary-row .row .title-text {
	margin: auto 0;
}

.range-container .range-header {
	text-align: center;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.range-container .range-header > div {
	margin: auto 0;
}

.range-container .range-data {
	margin: 0 0 .5rem 0;
}

.range-container .range-data .row.range-row {
	max-height: 180px;
	opacity: 1;
	padding: .25rem 0;
	transition: max-height .4s ease, opacity .3s ease, padding .3s ease;
}

.range-container .range-data .row.range-row.cloned {
	max-height: 0;
	opacity: 0;
	padding: 0;
	transition: max-height .4s ease, opacity .3s ease, padding .3s ease;
}

.range-container .range-header > div:last-child,
.range-container .range-data .row.range-row > div:last-child a {
	color: var(--bs-danger);
}

.range-container .range-data .row.range-row:first-child a {
	display: none;
}

.range-container .range-data .row.range-row .row > div {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.range-container .range-data .row.range-row > div:nth-child(2),
.range-container .range-data .row.range-row > div:last-child {
	text-align: center;
	margin: auto 0;
}

.range-container .range-data .row.range-row .form-group {
	margin-bottom: 0;
}

.swal2-modal {
	padding: 3rem 0 2rem 0;
}

@media only screen and (min-width:768px) {
	.auth.auth-img-bg .auth-form-transparent {
		width: 55%;
		margin: auto;
	}
}

@media only screen and (max-width:991px) {
	.main-panel {
		margin-left: 0;
    	width: 100%;
    	padding-top: var(--nav-height);
	}
	
	.main-panel .modal .modal-dialog {
		margin-top: 185px !important;
	}
	
	.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
		display: block !important;
	}
}

@media only screen and (min-width:992px) and (max-width:1432px) {
	
	.navbar .navbar-menu-wrapper .navbar-toggler {
		display: none !important;
	}
	
	.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-left {
		display: block !important;
	}
	
	.sidebar .navbar-brand-section {
		height: auto !important;
	}
	
	.sidebar .navbar-brand-section .navbar-brand-text {
		padding: 1.25rem !important;
	}
	
	.sidebar-offcanvas {
		position: fixed;
		max-height: calc(100vh - var(--offcanvas-top));
		top: var(--nav-height);
		bottom: 0;
		overflow: auto;
		left: -240px;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	
	.sidebar-offcanvas.active {
		left: 0;
	}
}

@media only screen and (max-width:1229px) {
	
	.navbar .navbar-menu-wrapper .bottom-navbar {
		margin-top: 2px;
		background-color: rgba(225, 225, 225, 1);
		box-shadow: none;
	}
	
	.navbar .navbar-menu-wrapper .bottom-navbar .nav-dropdown {
		width: 100%;
		display: flex !important;
		padding: 1rem;
	}
	
	.navbar .navbar-menu-wrapper .bottom-navbar .nav.page-navigation {
		max-height: 0;
		overflow: hidden;
		flex-direction: column !important;
	}
	
	.navbar .navbar-menu-wrapper .bottom-navbar .nav.page-navigation > .nav-item > .nav-link {
		width: 100%;
		text-align: left;
	}
	
	.navbar .navbar-menu-wrapper .bottom-navbar .nav.page-navigation.show {
		max-height: 100%;
		position: relative;
	}
	
	.sidebar-types {
		display: none;
	}
	
	.main-panel .panel-content {
		bottom: 0;
		min-height: calc(100vh - var(--nav-height) - var(--panel-title-height));
		max-height: calc(100vh - var(--nav-height) - var(--panel-title-height));
	}
	
	.footer {
		bottom: calc(-1 * var(--footer-height));
	}
}

@media only screen and (max-width:1432px) {
	.summary-row {
		overflow-x: auto !important;
	}
	
	.summary-row .row {
		min-width: 1224px;
	}
	
	.navbar {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.navbar .navbar-brand-wrapper {
		width: 55px;
	}
	
	.navbar .navbar-brand.brand-logo-mini {
		display: inline-block !important;
	}
	
	.navbar .navbar-menu-wrapper {
		width: calc(100% - 55px);
		padding-left: 15px;
		padding-right: 15px;
	}

	.navbar .navbar-menu-wrapper .top-navbar {
		height: var(--topbar-height) !important;
	}
	
	.navbar .navbar-menu-wrapper .bottom-navbar.active {
		background-color: rgba(192, 192, 192, 1);
	}
	
	.sidebar.sidebar-offcanvas .navbar-brand-section .navbar-brand.brand-logo {
		display: none;
	}
	
	.sidebar.sidebar-offcanvas .navbar-brand-section .navbar-brand-text {
		padding-top: 4.65rem;
	}
	
	.main-panel {
		margin-left: 0;
    	width: 100%;
	}
	
	.footer {
		left: 0;
		width: 100%;
	}
}

@media only screen and (min-width:1433px) {
	.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
		display: none !important;
	}
}