/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.
================================================================================
	CUSTOM DESIGN SYSTEM — Premium SaaS skin for the Real Estate CRM
	This file only restyles existing template classes. No markup, IDs, JS
	function names or backend behaviour are touched anywhere in the app —
	every rule below is a presentation-only override loaded after the
	vendor/theme CSS on every page.
================================================================================ */

/* Plus Jakarta Sans — the CSS below already declared "Inter" as the primary
   UI font, but nothing on any page ever loaded it, so every page was
   silently falling back to the plain OS system font. This @import actually
   loads a real typeface, application-wide, from this one file. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ---------- 1. Design tokens — Neumorphism ----------
   Soft-UI: card/panel surfaces share the SAME base tone as the page
   behind them; edges are read through a paired light+dark soft shadow
   instead of hard 1px borders. Gradients are reserved for "important"
   elements (primary buttons, active nav, KPI icon chips, header) so
   they read as emphasis rather than being applied everywhere. */
:root{
	--rc-primary:#3982d8;
	--rc-primary-rgb:57,130,216;
	--rc-primary-dark:#1d4ed8;
	--rc-primary-2:#8b5cf6;
	--rc-primary-light:#eef2ff;
	--rc-primary-soft:#e0e7ff;
	--rc-accent:#0ea5a4;
	--rc-success:#16a34a;
	--rc-success-soft:#dcfce7;
	--rc-warning:#d97706;
	--rc-warning-soft:#fef3c7;
	--rc-danger:#dc2626;
	--rc-danger-soft:#fee2e2;
	--rc-info:#0284c7;
	--rc-info-soft:#e0f2fe;
	--rc-ink:#1e2436;
	--rc-ink-soft:#3a4256;
	--rc-muted:#6b7280;
	--rc-border:#e3e8f2;
	--rc-surface:#eef1f8;
	--rc-body-bg:#eef1f8;

	--rc-neu-light:rgba(255,255,255,.9);
	--rc-neu-dark:rgba(163,177,198,.55);
	--rc-neu-dark-soft:rgba(163,177,198,.35);

	--rc-sidebar-bg:#eef1f8;
	--rc-sidebar-text:#5b6478;
	--rc-sidebar-text-active:#1e2436;

	--rc-radius-sm:6px;
	--rc-radius:10px;
	--rc-radius-lg:26px;

	--rc-shadow-sm:4px 4px 10px var(--rc-neu-dark-soft),-4px -4px 10px var(--rc-neu-light);
	--rc-shadow:8px 8px 9px var(--rc-neu-dark),-8px -8px 14px var(--rc-neu-light);
	--rc-shadow-lg:0px 0px 0px var(--rc-neu-dark),0px 0px 0px var(--rc-neu-light);
	--rc-shadow-inset:inset 3px 2px 8px var(--rc-neu-dark-soft),inset -2px -2px 1px var(--rc-neu-light);
	--rc-shadow-inset-lg:inset 6px 6px 14px var(--rc-neu-dark),inset -6px -6px 14px var(--rc-neu-light);

	--rc-gradient-primary:linear-gradient(135deg,#4f7cf6 0%,#7c6cf0 55%,#a855f7 100%);
	--rc-gradient-success:linear-gradient(135deg,#22c55e 0%,#0ea5a4 100%);
	--rc-gradient-warm:linear-gradient(135deg,#fb923c 0%,#f43f5e 100%);
	--rc-gradient-info:linear-gradient(135deg,#38bdf8 0%,#3982d8 100%);

	--rc-font:"Plus Jakarta Sans","Inter","Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- 2. Base / typography ---------- */
html body{
	font-family:var(--rc-font)!important;
	background:linear-gradient(160deg,#eef2fb 0%,#f2eefb 45%,#eafaf6 100%)!important;
	background-attachment:fixed!important;
	color:var(--rc-ink)!important;
	-webkit-font-smoothing:antialiased;
}
html body a{ color:var(--rc-primary); }
h1,h2,h3,h4,h5,h6,.card-title,.media-heading{
	font-family:var(--rc-font)!important;
	color:var(--rc-ink)!important;
	font-weight:600!important;
	letter-spacing:-.01em;
}
p, span, label, td, th, li, div{ font-family:var(--rc-font); }
.content-body{ padding-top:6px; }
::selection{ background:var(--rc-primary-soft); color:var(--rc-ink); }

/* thin modern scrollbars */
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:#c7ccd8; border-radius:99px; }
::-webkit-scrollbar-thumb:hover{ background:#a9b0c2; }

/* ---------- 3. Top navbar ---------- */
.header-navbar{
	background:var(--rc-surface)!important;
	background-image:none!important;
	border-bottom:none!important;
	box-shadow:0 6px 16px var(--rc-neu-dark-soft)!important;
}
.header-navbar .navbar-header{ background:transparent!important; }
.header-navbar .navbar-brand img{ max-height:60px!important; height:auto!important; padding-top:0!important; }
.header-navbar .nav-link{ color:var(--rc-ink-soft)!important; }
.header-navbar .ficon{ font-size:1.3rem!important; color:var(--rc-ink-soft)!important; transition:color .15s ease; }
.header-navbar .nav-link:hover .ficon{ color:var(--rc-primary)!important; }
.header-navbar .user-name{ color:var(--rc-ink)!important; font-weight:600!important; }
.header-navbar .avatar img{ border-radius:50%; border:2px solid var(--rc-primary-soft); }
.header-navbar .badge-up{ background-color:var(--rc-danger)!important; box-shadow:0 0 0 2px #fff; }

/* icon-only topbar buttons (bell, expand) read as soft neumorphic
   raised circles that press inward on hover */
.header-navbar .nav-link-label,
.header-navbar .nav-link-expand{
	width:40px; height:40px;
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	border-radius:999px!important;
	/*background:var(--rc-surface);*/
	/* box-shadow:var(--rc-shadow-sm); */
	transition:box-shadow .15s ease;
}
/*.header-navbar .nav-link-label:hover, .header-navbar .nav-link-expand:hover{ box-shadow:var(--rc-shadow-inset); }*/

/* user menu trigger reads as one soft raised pill */
.header-navbar .dropdown-user-link{
	display:inline-flex!important;
	align-items:center;
	gap:.6rem;
	padding:.3rem .9rem .3rem .5rem!important;
	border-radius:999px;
	/*background:var(--rc-surface);*/
	/* box-shadow:var(--rc-shadow-sm); */
	transition:box-shadow .15s ease;
}
/*.header-navbar .dropdown-user-link:hover{ box-shadow:var(--rc-shadow-inset); }*/
.dropdown-menu{
	border:none!important;
	border-radius:var(--rc-radius)!important;
	box-shadow:var(--rc-shadow-lg)!important;
	background:var(--rc-surface)!important;
	padding:.5rem!important;
}
.dropdown-menu .dropdown-item{ border-radius:var(--rc-radius-sm); padding:.55rem .75rem; font-size:.86rem; }
.dropdown-menu .dropdown-item:hover{ background:var(--rc-primary-light); color:var(--rc-primary-dark); }
.dropdown-menu-header .dropdown-header{ font-weight:700; color:var(--rc-ink)!important; }
.dropdown-menu-media .media{ border-radius:var(--rc-radius-sm); padding:.5rem; }
.dropdown-menu-media .media:hover{ background:var(--rc-body-bg); }

/* ---------- 4. Sidebar / main menu ----------
   A light neumorphic panel (same base tone as the page) rather than a
   flat dark block — it reads as "raised" via a soft directional shadow
   on its edge instead of a hard border/solid fill. The active item is
   the one deliberately "important" spot that breaks into a gradient. */
.main-menu{
	background:var(--rc-sidebar-bg)!important;
	border-right:none!important;
	box-shadow:6px 0 20px var(--rc-neu-dark-soft);
}
.main-menu .main-menu-content{ padding-top:16px; }
.main-menu .navigation{ padding:0 12px; }
.main-menu .navigation > li{ margin-bottom:6px; }
.main-menu .navigation > li > a{
	color:var(--rc-sidebar-text)!important;
	border-radius:var(--rc-radius-sm)!important;
	margin:0 2px;
	font-size:.9rem;
	font-weight:500;
	transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.main-menu .navigation > li > a{ padding-top:.62rem; padding-bottom:.62rem; }
.main-menu .navigation > li > a i{ color:inherit!important; font-size:1.05rem!important; width:32px; height:32px; display:inline-flex!important; 
	/* align-items:center;  */
	justify-content:center; border-radius:10px; text-align:center; margin-right:4px; transition:background .15s ease; }
.main-menu .navigation > li > a:hover{ background:var(--rc-surface)!important; box-shadow:var(--rc-shadow-sm); color:var(--rc-ink)!important; }
.main-menu .navigation > li.open > a, .main-menu .navigation > li.active > a{
	background:#3982d8c7 !important;
	color:#fff!important;
	box-shadow:0 6px 14px rgba(79,124,246,.4);
}
.main-menu .navigation > li.active > a i{ color:#fff!important; }
.main-menu .navigation > li ul.menu-content{ background:transparent!important; border-radius:var(--rc-radius-sm); margin:4px 0 4px 14px; box-shadow:var(--rc-shadow-inset); }
.main-menu .navigation > li ul li > a{
	color:var(--rc-sidebar-text)!important;
	font-size:.83rem;
	border-radius:var(--rc-radius-sm);
}
.main-menu .navigation > li ul li > a:hover{ color:var(--rc-primary)!important; }
.main-menu .navigation > li ul li.active > a{ color:#3982d8 !important; font-weight:700; }
.main-menu .navigation-header{ color:#8891a5!important; text-transform:uppercase; font-size:.7rem; letter-spacing:.06em; }
.main-menu .main-menu-content>ul.menu-content{ background:var(--rc-surface)!important; box-shadow:var(--rc-shadow-lg)!important; }

/* ---------- 5. Content area / cards ---------- */
.content{ background:transparent; }
.card{
	border:none!important;
	border-radius:var(--rc-radius)!important;
	box-shadow:var(--rc-shadow)!important;
	background-color:var(--rc-surface)!important;
	transition:box-shadow .18s ease,transform .18s ease;
}
.card.pull-up:hover{ transform:translateY(-3px); box-shadow:var(--rc-shadow-lg)!important; }
.card-header{
	background:transparent!important;
	border-bottom:1px solid rgba(163,177,198,.25)!important;
	padding:1rem 1.25rem;
}
.card-header .card-title{ font-size:1.02rem!important; margin-bottom:0; }
.card-body, .card-content{ border-radius:inherit; }
.card-body{ padding:1.1rem 1.25rem; }

/* KPI / stat cards (pull-up cards used across dashboards) keep their
   data-driven accent colour but get a legible, consistent shell */
.card.pull-up{ overflow:hidden; }
.card.pull-up .card-body{
	border-radius:var(--rc-radius)!important;
}
.card.pull-up h5.text-white,
.card.pull-up h3.text-white,
.card.pull-up .text-white{
	color:#000000!important;
	text-shadow:none!important;
}
.card.pull-up .media-body h5{ font-size:.92rem!important; font-weight:600!important; letter-spacing:.01em; }
.card.pull-up .media-body h3{ font-size:1.6rem!important; font-weight:700!important; }

/* the "action" KPI cards (Receptions / Telecaller / Closing Manager / ...)
   carry a text-white label but had pale inline backgrounds — keep them
   on the same soft neumorphic surface as the rest of the dashboard */
.card.pull-up:has(.text-white){
	background:var(--rc-surface)!important;
	border:none!important;
	transition:box-shadow .18s ease,transform .18s ease;
}
.card.pull-up:has(.text-white) i{ color:#fff!important; opacity:1; }

/* KPI card icons are the "important" numbers on every dashboard, so they
   get the gradient treatment — a small raised, gradient-filled chip —
   while the card shell itself stays on the neutral neumorphic surface.
   This pattern (an icon inside .align-self-center, next to a stat)
   repeats across nearly every role dashboard. */
.card.pull-up .media > .align-self-center i,
.card.pull-up .media > .align-self-center > i{
	width:48px; height:48px;
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	border-radius:var(--rc-radius-sm);
	background:var(--rc-gradient-primary)!important;
	color:#fff!important;
	font-size:1.2rem!important;
	text-shadow:none!important;
	box-shadow:0 6px 14px rgba(79,124,246,.35);
}

/* a rotating gradient palette across repeated KPI cards so the dashboard
   doesn't read as one flat colour end to end; the card shell stays on
   the shared neumorphic surface, only the icon chip changes gradient */
.row > div:nth-of-type(5n+2) .card.pull-up .media > .align-self-center i{ background:var(--rc-gradient-success)!important; box-shadow:0 6px 14px rgba(14,165,164,.35); }
.row > div:nth-of-type(5n+3) .card.pull-up .media > .align-self-center i{ background:var(--rc-gradient-warm)!important; box-shadow:0 6px 14px rgba(244,63,94,.3); }
.row > div:nth-of-type(5n+4) .card.pull-up .media > .align-self-center i{ background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)!important; box-shadow:0 6px 14px rgba(124,58,237,.3); }
.row > div:nth-of-type(5n+5) .card.pull-up .media > .align-self-center i{ background:var(--rc-gradient-info)!important; box-shadow:0 6px 14px rgba(56,189,248,.3); }

/* project accordion headers keep their dynamic colour but read cleanly */
.card .card-header.collapsed,
a.card-header{
	color:#fff!important;
	font-weight:600;
}
.card-collapse .card-body{ background:var(--rc-surface); }

/* ---------- 6. Buttons ---------- */
.btn{
	border-radius:var(--rc-radius-sm)!important;
	font-weight:600!important;
	font-size:.86rem;
	padding:.6rem 1.15rem;
	border:none!important;
	box-shadow:none!important;
	transition:filter .15s ease,transform .1s ease,box-shadow .15s ease;
}
/* .btn:active{ transform:translateY(1px); } */
.btn-sm{ padding:.4rem .8rem; font-size:.78rem; }
.btn-primary{
	background:var(--rc-gradient-primary)!important;
	color:#fff!important;
	box-shadow:0 8px 18px rgba(79,124,246,.35)!important;
}
.btn-primary:hover{ filter:brightness(1.06); box-shadow:0 4px 10px rgba(79,124,246,.3)!important; }
.btn-info{ background:var(--rc-gradient-info)!important; color:#fff!important; box-shadow:0 8px 18px rgba(56,189,248,.3)!important; }
.btn-success{ background:var(--rc-gradient-success)!important; color:#fff!important; box-shadow:0 8px 18px rgba(14,165,164,.3)!important; }
.btn-danger{ background:linear-gradient(135deg,#f87171 0%,#dc2626 100%)!important; color:#fff!important; box-shadow:0 8px 18px rgba(220,38,38,.3)!important; }
.btn-warning{ background:var(--rc-gradient-warm)!important; color:#fff!important; box-shadow:0 8px 18px rgba(244,63,94,.3)!important; }
.btn-outline-primary{
	color:var(--rc-primary)!important;
	background:var(--rc-surface)!important;
	box-shadow:var(--rc-shadow-sm)!important;
}
.btn-outline-primary:hover{ box-shadow:var(--rc-shadow-inset)!important; }

/* ---------- 7. Forms ----------
   Plain, familiar bordered inputs (not the sunken neumorphic inset used
   elsewhere) so fields stay instantly readable as "type here" targets —
   just a clean border, a soft flat shadow for a little lift, and a
   colored glow ring on focus. */
.form-control{
	border:1.5px solid var(--rc-border)!important;
	border-radius:var(--rc-radius-sm)!important;
	font-size:.87rem;
	padding:.6rem .9rem;
	background-color:#fff!important;
	box-shadow:0 1px 3px rgba(30,36,54,.04)!important;
	transition:border-color .15s ease,box-shadow .15s ease;
}
.form-control:hover{ border-color:#c7d0e3!important; }
.form-control:focus{
	border-color:var(--rc-primary)!important;
	box-shadow:0 0 0 3px var(--rc-primary-light)!important;
	background-color:#fff!important;
}
.form-control::placeholder{ color:var(--rc-muted); opacity:.85; }
.form-control:disabled,.form-control[readonly]{ background-color:var(--rc-surface)!important; box-shadow:none!important; }
.form-group label{ font-weight:600; font-size:.82rem; color:var(--rc-ink-soft); margin-bottom:.35rem; }
select.form-control{ background-color:#fff!important; }
.input-group-text{ border-radius:var(--rc-radius-sm)!important; background:var(--rc-body-bg)!important; border:1.5px solid var(--rc-border)!important; box-shadow:none; color:var(--rc-muted); }
.custom-control-label::before{ border-radius:4px!important; box-shadow:none; border:1.5px solid var(--rc-border)!important; }

/* grouping fieldsets (e.g. "A/c Details" boxes) vs. per-field fieldsets
   (.form-group) used throughout the forms */
fieldset:not(.form-group){
	border:1.5px solid var(--rc-border)!important;
	border-radius:var(--rc-radius)!important;
	background:#fff!important;
	box-shadow:none!important;
	padding:1.1rem 1.2rem!important;
}
fieldset:not(.form-group) legend{
	color:var(--rc-ink)!important;
	font-weight:700!important;
	font-size:.85rem!important;
	width:auto;
	padding:0 .5rem;
}

/* icon-prefixed inputs (login/forgot-password forms etc.) must keep the
   icon and placeholder text from overlapping */
.has-icon-left{ position:relative; }
.has-icon-left .form-control{ padding-left:2.75rem!important; }
.has-icon-left .form-control-position{
	position:absolute!important;
	left:0; top:0;
	width:2.75rem; height:100%;
	display:flex!important;
	align-items:center;
	justify-content:center;
	color:var(--rc-muted)!important;
	pointer-events:none;
	z-index:2;
}

/* ---------- 8. Tables & DataTables ---------- */
.table{ color:var(--rc-ink-soft); }
.table thead th{
	background:var(--rc-primary-light)!important;
	color:var(--rc-primary-dark)!important;
	font-size:.72rem;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-weight:700;
	border-bottom:none!important;
	border-top:none!important;
	white-space:nowrap;
}
.table thead tr:first-child th:first-child{ border-top-left-radius:var(--rc-radius-sm); }
.table thead tr:first-child th:last-child{ border-top-right-radius:var(--rc-radius-sm); }
.table td{ border-color:rgba(163,177,198,.25)!important; vertical-align:middle!important; font-size:.85rem; }
.table-striped tbody tr:nth-of-type(odd){ background-color:rgba(163,177,198,.08); }
.table-hover tbody tr:hover{ background-color:var(--rc-primary-light)!important; }
.table-bordered, .table-bordered td, .table-bordered th{ border-color:rgba(163,177,198,.25)!important; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
	border:1.5px solid var(--rc-border)!important;
	border-radius:var(--rc-radius-sm)!important;
	padding:.4rem .7rem;
	background:#fff!important;
	box-shadow:none;
}
.dataTables_wrapper .dataTables_filter input:focus{
	border-color:var(--rc-primary)!important;
	box-shadow:0 0 0 3px var(--rc-primary-light)!important;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{ font-size:.82rem; color:var(--rc-muted); }
.dataTables_wrapper .dataTables_paginate .paginate_button{
	border:none!important;
	border-radius:var(--rc-radius-sm)!important;
	margin-left:3px;
	font-size:.82rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background:var(--rc-surface)!important;
	box-shadow:var(--rc-shadow-sm)!important;
	color:var(--rc-primary)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	background:var(--rc-gradient-primary)!important;
	color:#fff!important;
	box-shadow:0 4px 10px rgba(79,124,246,.35)!important;
}
table.dataTable .dt-buttons .btn,
.dt-buttons .btn{ margin-right:.35rem; }

/* ---------- 9. Badges & status pills ---------- */
.badge{ border-radius:99px!important; font-weight:600!important; font-size:.72rem!important; padding:.35em .8em!important; box-shadow:0 2px 5px rgba(163,177,198,.35); }
.badge-primary{ background-color:var(--rc-primary-soft)!important; color:var(--rc-primary-dark)!important; }
.badge-info{ background-color:var(--rc-info-soft)!important; color:var(--rc-info)!important; }
.badge-success{ background-color:var(--rc-success-soft)!important; color:var(--rc-success)!important; }
.badge-warning{ background-color:var(--rc-warning-soft)!important; color:var(--rc-warning)!important; }
.badge-danger{ background-color:var(--rc-danger-soft)!important; color:#ffffff !important }

/* ---------- 10. Modals ---------- */
.modal-content{ border:none!important; border-radius:var(--rc-radius-lg)!important; box-shadow:var(--rc-shadow-lg)!important; overflow:hidden; }
.modal-header{ border-bottom:1px solid var(--rc-border)!important; padding:1.1rem 1.4rem; }
.modal-title{ font-weight:700!important; }
.modal-body{ padding:1.3rem 1.4rem; }
.modal-footer{ border-top:1px solid var(--rc-border)!important; padding:1rem 1.4rem; }

/* ---------- 11. Alerts / notifications ---------- */
.alert{ border:none!important; border-radius:var(--rc-radius-sm)!important; }
#notificationtab .media{ border-radius:var(--rc-radius-sm); padding:.6rem; margin:0 .25rem; }
#notificationtab .media:hover{ background:var(--rc-body-bg); cursor:pointer; }
.icon-bg-circle{ border-radius:50%; padding:8px; }

/* ---------- 12. Charts ---------- */
canvas{ max-width:100%; }
.card-body canvas{ max-height:320px; }

/* ---------- 13. Loading / empty states ---------- */
.dataTables_empty{ color:var(--rc-muted); padding:2rem 0!important; }

/* ---------- 14. Utility polish ---------- */
.content-header{ margin-bottom:.25rem; }
hr{ border-color:var(--rc-border); }
.text-muted{ color:var(--rc-muted)!important; }

/* floating inventory/building-map launcher button (in footer.php on
   Account/ClosingHead/ClosingManager/SiteHead) */
a.float{
	background:var(--rc-gradient-primary)!important;
	box-shadow:8px 8px 18px var(--rc-neu-dark),-6px -6px 14px var(--rc-neu-light)!important;
	transition:transform .15s ease,box-shadow .15s ease;
}
a.float:hover{ transform:translateY(-2px) scale(1.03); box-shadow:0 16px 36px rgba(79,124,246,.4)!important; }
a.float img{ filter:brightness(0) invert(1); }

/* ---------- 15. Responsive ---------- */
@media (max-width:991.98px){
	.header-navbar .navbar-brand img{ max-height:34px!important; }
	.content-body{ padding:0 .75rem; }
	.card-body{ padding:1rem; }
}

@media (max-width:767.98px){
	html, body{ overflow-x:hidden; }
	.content-body{ padding:0 .6rem; }
	.card{ margin-bottom:1rem; }
	.card-header{ padding:.85rem 1rem; flex-wrap:wrap; gap:.5rem; }
	.card-body{ padding:.5rem; }
	.btn{ padding:.6rem 1rem; }
	.header-navbar .navbar-header{
		width:auto!important;
		max-width:none!important;
		float:none!important;
		display:flex!important;
		align-items:center;
		height:auto!important;
		padding:10px 0 10px 14px;
	}
	.header-navbar .navbar-header .nav{
		flex-wrap:nowrap!important;
		align-items:center;
		justify-content:flex-start!important;
		width:100%;
		padding-right:14px;
	}
	.col-md-12{
	    padding:0;
	}
	.header-navbar .navbar-header li.nav-item.d-md-none:not(.mobile-menu){ margin-left:auto!important; }
	.header-navbar .navbar-brand{ display:flex!important; align-items:center; padding:0!important; }
	.header-navbar .navbar-brand img{
		max-height:60px!important;
		height:auto!important;
		width:auto!important;
		max-width:180px!important;
	}
	.header-navbar .navbar-container{ height:auto!important; }
	.main-menu{ width:260px!important; left:-260px; }
	.vertical-overlay-menu.menu-open .main-menu{ width:260px!important; }
	table.dataTable{ font-size:.8rem; }
	.modal-dialog{ margin:.75rem; max-width:calc(100% - 1.5rem)!important; }
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_length{ float:none!important; text-align:left!important; margin-bottom:.5rem; }
	.card-body canvas{ max-height:240px; }
	a.nav-link, .main-menu .navigation > li > a, .btn{ min-height:30px; }
}

@media (max-width:575.98px){
	.card.pull-up .media-body h3{ font-size:1.35rem!important; }
	.card.pull-up .media-body h5{ font-size:.82rem!important; }
	.modal-body{ padding:1rem; }
}