@media screen and (max-width: 567px) {
	mark, .mark {
padding: 0;
background-color: rgba(68, 68, 68, 0.62);
text-decoration: underline;
color: white !important;
}
	.awesomplete a[href] {
color: #ffffff !important;
cursor: pointer;
}
	[data-path="login"] .form-control:focus {
color: rgb(45, 45, 45) !important;

}
	/* Unified styles for injected/converted Back button */
.ca-back-btn {
  --ca-back-size: 65px !important;
  width: var(--ca-back-size);
  height: var(--ca-back-size);
  min-width: var(--ca-back-size);
  min-height: var(--ca-back-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0px;
  line-height: 1;
}

.ca-back-btn .ca-back-svg {
  width: calc(var(--ca-back-size) * 0.64);
  height: calc(var(--ca-back-size) * 0.64);
}

.ca-back-btn:hover {
  background: rgba(0,0,0,0.06); /* adjust for your theme */
}

/* Keep title bar tidy when we inject into .title-area */
.page-title .title-area {
  gap: var(--ca-back-gap, 0);
}
	.frappe-card .list-paging-area, .frappe-card .footnote-area {
padding: var(--padding-md);
position: fixed;
bottom: 0;
width: 100vw;
}
	#toolbar-user {
filter: none !important;
}
	.page-actions .btn {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 40px !important;
min-height: 40px;
border-radius: 3px;
}
	.page-head .container {
	width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: auto;
margin-left: auto;
}
	/* Target the same button everywhere */
button.btn-reset.sidebar-toggle-btn,
button[aria-label="Toggle Sidebar"] {
  --back-size: 65px;        /* adjust to taste */
  width: var(--back-size);
  height: var(--back-size);
  min-width: var(--back-size);
  min-height: var(--back-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  padding: 0;
	background-color: rgb(230, 230, 230);
}

/* Hide whatever Frappe renders inside */
button.btn-reset.sidebar-toggle-btn .sidebar-toggle-placeholder,
button.btn-reset.sidebar-toggle-btn .sidebar-toggle-icon,
button[aria-label="Toggle Sidebar"] .sidebar-toggle-placeholder,
button[aria-label="Toggle Sidebar"] .sidebar-toggle-icon {
  display: none !important;
}

/* Inject our back icon (pure CSS, survives DOM rewrites) */
button.btn-reset.sidebar-toggle-btn::before,
button[aria-label="Toggle Sidebar"]::before {
  content: "";
  display: block;
  width: calc(var(--back-size) * 0.64);
  height: calc(var(--back-size) * 0.64);
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 18l-6-6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M15 18l-6-6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>") center / contain no-repeat;
  background: currentColor; /* follows navbar text color */
}

button.btn-reset.sidebar-toggle-btn:hover,
button[aria-label="Toggle Sidebar"]:hover {
  background: rgba(0,0,0,0.06);
}
	.widget.shortcut-widget-box {
cursor: pointer;
padding: 5px 8px!important;
align-items: start !important;
	}
	.awesomplete > [role=listbox] > [role=option] {
background-color: rgba(244, 244, 244, 0);
color: var(--text-color);
border-radius: 0 !important;
margin: 0 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
padding-bottom: 0 !important;
}
	.awesomplete > [role=listbox] {
position: absolute;
width: 100%;
list-style: none;
background-color: rgb(0, 0, 0) !important;
max-height: min(60vh, 300px);
overflow-y: auto;
overflow-x: hidden;
border-radius: 0;
box-shadow: var(--shadow-md);
border-bottom: 1px solid rgba(255, 255, 255, 0.67) !important;
left: 0;
margin: 0;
padding: 10px !important;
z-index: 4;
min-width: 250px;
}
	.form-control:focus {
color: white !important;
background-color: #f1f1f1 !important;
border-color: #ffffff !important;
outline: 0;
box-shadow: none !important;
}
	.modal-minimize .modal-dialog {
right: 0;
width: 100%;
min-width: 100%;
visibility: hidden;
}
	.page-form .form-control {
padding-left: 10px !important;
color: white;
border-top: 0.5px solid gray;
}
	[data-fieldtype="Select"] .icon-xs {
width: 20px !important;
height: 20px !important;
stroke: white !important;
fill: white !important;
margin-top: 6px !important;
		visibility: visible;
}
	.awesomplete .input-with-feedback {
background-color: transparent !important;
color: var(--text-color);
border: none;
}
	.modal-minimize .modal-dialog .modal-header {
padding-top: none !important;
padding-bottom: none !important;
background-color: rgba(0, 0, 0, 0.8) !important;
-webkit-backdrop-filter: blur(20px);
}
	.modal .modal-body {
padding: 10px 0px 0px 5px !important;
}
	.results-area.layout-main-section {
background-image: url("/files/jf.jpg")!important;
padding-top: 6px!important;
padding-left: 0px!important;
padding-right: 0px!important;
background-repeat: no-repeat;
background-size: contain;
background-color: rgb(255, 255, 255)!important;
}
	.result-image .avatar-medium {
width: 80px !important;
height: 80px !important;
/* border-radius: 0 !important; */
}
	.result-image .avatar-frame {
display: inline-block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background-color: var(--avatar-frame-bg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 5px !important;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
	.modal .modal-header .modal-actions .icon, .modal .modal-header .modal-actions .es-icon {
width: 30px !important;
height: 30px !important;
stroke: white !important;
filter: brightness(5);
}
	.modal-dialog .icon-sm {
width: 20px !important;
height: 20px !important;
stroke: white !important;
margin-top: 10px;
}
	 .search-dialog .search-header .search-input {
padding-left: 25px;
padding-bottom: 0;
border-radius: 0;
background: rgba(255, 255, 255, 0);
border-bottom: none;
color: white;
padding-top: 0;
		 
}
	.search-dialog .search-header {

position: fixed !important;
bottom: 0 !important;
top: auto !important;
background-color: black;
border: 0 !important;
width: 100vw !important;
left: 0 !important;
border-top-right-radius: 5px !important;
border-top-left-radius: 5px !important;
}

	.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0);
background-clip: padding-box;
border: 0.5px solid white !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0;
}\
	.col-md-9.col-sm-9.layout-main-section.results-area {
background-color: transparent !important;
}
	.layout-main-section.frappe-card {
overflow: hidden;
border-radius: 0;
box-shadow: var(--card-shadow);
padding: 0px;
background-color: var(--card-bg);
box-shadow: none;
		border:none !important;
	}

	.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
height: 100vh !important;
margin: none !important;
border-radius: 0 !important;
background: rgb(255, 255, 255)!important;
bottom: 0;
position: fixed;
top: auto !important;
margin: 0 !important;
transform: none !important;
}

	.navbar {
height: 65px !important;
background: black !important;
border-bottom: 1px solid var(--border-color);
padding: 0;
}
	/* Bigger tap target + icon */
.mobile-back-btn--lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;          /* larger touch target */
  height: 40px;
  padding: 0;
}

.mobile-back-btn--lg .es-icon {
  width: 40px;          /* bigger icon */
  height: 40px;
}

/* Optional: visually match your navbar tone */
.mobile-back-btn--lg {
  border-radius: 999px;
}
.mobile-back-btn--lg:hover {
  background: rgba(0,0,0,0.05); /* adjust for dark/light themes */
}
	[data-route^="Workspaces/"] .sticky-top {
display: flex !important;
}
	.layout-main-section .frappe-list, .layout-main-section .report-wrapper {
padding: 0!important;
}
	.list-row-head {
cursor: default;
background-color: var(--control-bg-on-gray) !important;
height: 30px !important;
margin: 0px 0px 5px 0px !important;
border-radius: 2px !important;
/* border: 0.5px solid black; */
box-shadow: 0 0 0 2px rgba(55, 55, 55, 0.32), 0 4px 6px -1px rgba(6, 24, 45, 0.32), rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important;
padding: 15px 15px 15px 5px;
}
	.page-form .form-group {
padding: 0px 0px !important;
margin: 0px 0px;
border-radius: 0 !important;
background-color: black;
		filter:invert();
}
	.missing-image {
background-color: rgba(244, 244, 244, 0.25) !important;
line-height: 140px;
vertical-align: middle;
text-align: center!important;
aspect-ratio: 1!important;
border-radius: var(--border-radius-sm)!important;
align-content: center!important;
		width: auto !important;
height: auto !important;
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset!important;
}
	.form-tab-content {
scroll-margin-top: calc(var(--navbar-height) + 52px);
margin: 10px !important;
	
}
	.tab-content > .tab-pane {
padding-top: 55px;
margin-top: 65px;
}
	.form-section .section-head, .form-dashboard-section .section-head {
display: none;
}
.btn.btn-default, div#driver-popover-item .driver-popover-footer button.btn-default {
background-color: #cbcbcb;
color: var(--text-color);

}
.dropdown-item {
display: block;
width: 100%;
padding: var(--padding-sm) var(--padding-sm);
clear: both;
font-weight: 400;
color: #d6d6d6;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.17)!important;
border-radius: 0!important;
font-size: 16px !important;
}
	
.page-head {
z-index: 6;
position: fixed !important;
top: 0 !important;
margin-bottom: 0px !important;

filter:invert() !important;
}
	kbd {

display: none;
}
.recent-item {

font-size: 16px !important;
font-weight: 300!important;

color: #000000!important;

}
	.notifications-list .notification-item-tabs .notifications-category.active {
color: #000000 !important;
border-bottom: 2px solid #000000 !important;
}
.pull-right {
margin-top: 2px;
cursor: pointer;
color: black;
stroke: black;
--icon-stroke: black;
}
	.datepicker {
direction: ltr;
font-family: inherit;
z-index: 9999 !important;
background: var(--fg-color);
color: var(--text-color);
border-radius: var(--border-radius-lg);
border: 1px solid var(--border-color);
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
position: fixed;
width: calc(100vw - 20px);
}
	.form-tabs-list .form-tabs .nav-item .nav-link.active {
font-weight: 600;
border-bottom: none !important;

}
	.form-tabs-list .form-tabs .nav-item .nav-link {
color: var(--text-muted);
padding: 10px 0;
margin: 0 var(--margin-md);
background-color: transparent !important;
border: 0;
}
	.awesomplete > [role=listbox] > [role=option][aria-selected=true] {
background-color: transparent;
color: var(--text-color);
margin-left: 5px 5px 5px 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
}

	.control-input .awesomplete > [role=listbox] {
position: absolute;
left: 0 !important;
width: calc(100vw - 20px) !important;
/* bottom: 0; */
/* height: 50vh; */
/* margin-left: -50vw !important; */
margin-top: 5px;
background-color: transparent !important;
-webkit-backdrop-filter: blur(20px) !important;
padding: 10px !important;
}
	.awesomplete > [role=listbox] > [role=option] strong {
font-size: 16px !important;
font-weight: 600;
letter-spacing: 0.015em;
/* background-color: transparent; */
}
	.menu-btn-group .dropdown-menu, .custom-btn-group .dropdown-menu, .page-icon-group .dropdown-menu {
width: -moz-max-content;
width: max-content;
left: 0;
transform: none !important;
top: 65px !important;
}
.form-tabs-list {
border-radius: 0px;
padding-left: 0 !important;
}
	.page-form .form-control {
padding-left: 10px !important;
}
	.form-control {
border: 1px solid;
height: var(--input-height);
font-size: 16px !important;
font-weight: var(--weight-regular) !important;
letter-spacing: 0.02em;
border-radius: 0 !important;
padding: var(--input-padding);
position: relative;
background-color: color(srgb 1 1 1 / 0);
margin: 0 !important;
}
	[data-theme="dark"] .form-control {
	background-color: #000000 !important;
/* background-clip: padding-box; */
border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
	
		[data-theme="dark"] .page-title .title-area .title-text {

color: white;
}
	[data-theme="dark"] .page-head {
background: #000000;
		filter: none !important;
}
	[data-theme="dark"] .control-label, .grid-heading-row {
color: #ffffff;
font-size: 16px !important;
font-weight: 300;
letter-spacing: 0.01em;
margin-bottom: 0px !important;
}
	[data-theme="dark"] button.btn-reset.sidebar-toggle-btn, button[aria-label="Toggle Sidebar"] {
background-color: rgb(28, 28, 28);
	}
	[data-theme="dark"] .btn.btn-default, div#driver-popover-item .driver-popover-footer button.btn-default {
background-color: #505050;
color: var(--text-color);
}
[data-theme="dark"] .page-form {
margin: 0;
padding: var(--padding-xs);
display: flex;
flex-wrap: wrap;
background-color: #060606;
border-bottom: 1px solid var(--border-color);
padding: 0px 0px 0px 0px;
padding-top: 65px !important;
	filter: invert();
}
[data-theme="dark"] .dropdown-menu {
filter:none !important;
}
	
	.dropdown-notifications .notifications-list {
max-height: 100vh;
min-width: 100vw;
width: calc(100vw - 0px);
left: 0;
position: fixed !important;
background-color: white;
/* -webkit-backdrop-filter: blur(20px); */
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
color: white !important;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.64);
filter: invert() !important;
}
.notifications-seen .es-icon.icon-sm {
width: 29px !important;
height: 29px !important;
filter: none;
fill: rgb(93, 71, 71);
--icon-fill: rgb(74, 66, 66);
stroke: white;
background: rgb(255, 255, 255);
border-radius: 50%;
padding: 6px;
}
	.form-tabs-sticky-down {
top: 65px !important;
}
	.form-tabs-sticky-up {
top: 65px !important;
		
}
	*, ::before, ::after {
box-sizing: border-box;
scrollbar-width: none !important;
}
	[data-theme="dark"] .nav-item.show:has(> .nav-link.active) {
background-color: rgba(60, 60, 60, 0.39);
}
	.nav-item.show:has(> .nav-link.active) {
background-color: rgba(255, 255, 255, 1);
}
	.form-tabs-list .form-tabs .nav-item {
white-space: nowrap;
/* font-size: 16px; */
/* font-weight: 300; */
letter-spacing: 0.02em;
border: 0.5px solid rgb(64, 64, 64) !important;
scrollbar-width: none;
scrollbar-gutter: unset;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
z-index: 999;
}
	
	.form-tabs-list .form-tabs .nav-item .nav-link {
color: #9d9d9d;
padding: 5px 0px;
margin: 0 var(--margin-md);
font-size: 18px !important;
/* font-weight: 400 !important; */
}
	.form-tabs-list .form-tabs .nav-item {
white-space: nowrap;
font-size: 16px;
font-weight: 300;
letter-spacing: 0.02em;
border: 1px solid rgba(60, 60, 60, 0.39);
		background-color: black;
}
	.navbar .search-bar .awesomplete input:focus {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: var(--awesomebar-shadow);
background-color: #222222 !important;
		border-color: #333333 !important;
height: 50px;
width: 100vw !important;
left: 0;
position: fixed;
top: 0;
content: '';
margin-bottom: 0px;
z-index: 99;
padding-left: 15px;

text-align: left;
}
.search-bar .search-icon {
position: absolute;
margin-left: 11px;
/* display: flex; */
align-items: center;
height: 100%;
/* top: -4px; */
/* left: 0; */
}
	.dropdown-menu {
padding: 10px 10px 0px 10px;
font-size: 16px;
font-weight: var(--weight-regular);
letter-spacing: 0.02em;
max-height: 500px;
overflow: auto;
border: 1px solid rgba(249, 249, 249, 0);
max-height: 60vh;
min-width: 100vw;
width: calc(100vw - 0px);
left: 0;
position: fixed !important;
background-color: black;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
line-height: 35px;
/* filter: invert(); */
color: rgb(0, 0, 0) !important;
filter: invert();
width: 100vw;
		margin: 0 !important;
color: var(--text-color) !important;
background-clip: border-box !important;
border-radius: 0 !important;
}
.navbar .awesomplete > [role=listbox] {
width: 100%;
background-color: var(--bg-color);
max-height: min(60vh, 300px);
overflow-x: hidden;
border-radius: 2px;
box-shadow: var(--shadow-md);
border-bottom: 1px solid rgba(255, 255, 255, 0.52) !important;
left: 0;
padding: var(--padding-xs);
min-width: 250px;
max-height: 100vh;
min-width: 100vw;
width: calc(100vw - 0px);
left: 0;
position: fixed !important;
background-color: transparent;
min-width: 100vw;
width: calc(100vw - 0px);
left: 0;
position: fixed!important;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 15px 20px rgba(0,0,0,0.5) !important;
top: 50px;
bottom: 0;
height: 50vh;
color: white !important;
}
.navbar .awesomplete > [role="listbox"] > li {
padding: 9px;
font-size: 16px;
font-weight: 300;
letter-spacing: 0.03em;
overflow: auto;
border-bottom: 1px solid rgba(215, 215, 215, 0.23);
min-width: 90vw;
left: 0;
position: relative!important;
background-color: black;
line-height: 35px;
border-radius: 0;
color: white !important;
}
	.navbar .navbar-nav #toolbar-user .dropdown-item {
padding: 6px 8px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 0;
color:white !important;
}
	.form-group:has(textarea) {
margin-bottom: 1rem;
display: block !important;
width: 100% !important;
}
.page-form .filter-section {
display: none!important;
padding: 0 var(--padding-xs);
}
	input[type=checkbox] {
box-sizing: border-box;
padding: 15px !important;
}
	textarea.form-control {
height: 120px;
text-align: start !important;
}
	.sticky-top {
top: 0;
z-index: 1020;
		display:none;
}
[data-route^="Form/"] .form-control {
display: block;
width: 100%;
height: 45px;
padding: 0;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
color: var(--text-color);
background-color: rgba(77, 77, 77, 0);
background-clip: padding-box;
border: 0.5px solid rgba(111, 111, 111, 1);
border-radius: 2px;
box-shadow: none;
transition: none;
padding-left: 10px;
}

	.col-xs-12:not(.col-sm-6) {

display: none;
}
	
	.list-row, .list-row-head {

height: 50px !important;

font-size: 18px !important;

}
.page-form {
margin: 0;
padding: var(--padding-xs);
display: flex;
flex-wrap: wrap;
background-color: color(srgb 1 1 1);
border-bottom: 1px solid var(--border-color);
padding: 0px 0px 0px 0px;
padding-top: 65px !important;
}
	.form-footer {
position: relative;
padding: 20px !important;
}

	.control-label, .grid-heading-row {
color: #000000;
font-size: 16px !important;
font-weight: 300;
letter-spacing: 0.01em;
		margin-bottom: 0px !important;
}
	.form-control {
border: none;
height: var(--input-height);
font-size: 18px !important;
font-weight: var(--weight-regular);
letter-spacing: 0.02em;
border-radius: var(--border-radius-sm);
padding: var(--input-padding);
position: relative;
}

	
[data-route^="Workspaces/"] .page-head {
z-index: 6;
position: relative;
top: var(--navbar-height);
background: rgba(255, 255, 255, 0);
margin-bottom: 5px;
transition: .5s top;
width: 100%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: none !important;
}
	.widget .widget-head .widget-label .widget-title {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 400;
letter-spacing: 2px;
font-family: inherit;
line-height: 1.3em;
color: var(--text-color);
cursor: default;
}
.raven-container[data-open-state=false] .raven-header .open-raven-button {
display: none!important;
}
	*::-webkit-scrollbar-thumb {
background: rgba(124, 124, 124, 0);
border-radius: 6px;
width: 0;
}
	[data-page-route=Workspaces] .codex-editor .codex-editor__redactor {
		margin: 0px 0px!important;
}
	*::-webkit-scrollbar-track, *::-webkit-scrollbar-corner {
background: rgba(56, 56, 56, 0);
width: 0;
}
	[data-page-route=Workspaces] .codex-editor .codex-editor__redactor {

padding-bottom: 0px !important;
}
	[data-page-route=Workspaces] .workspace-footer {
height: 30px;
display: none;
flex-direction: row-reverse;
}
	.col-xs-12:not(.col-sm-6) {
box-shadow: none;
background:transparent;
margin-bottom: 5px;
}


.col.layout-main-section-wrapper {
padding-left: 0.1px !important;
padding-right: 0.1px !important;
}	
.page-head .ellipsis {
white-space: nowrap!important;
text-align: left;
}
.raven-container {
transition: --webkit-backkdrop-filter, height 0.1s ease!important;
}
	.raven-container[data-open-state=true] {
transition: height .1s ease;
}
.rt-r-position-fixed {
display: none!important;
}


.widget.shortcut-widget-box {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: start;
/* justify-content: center; */
/* border-radius: 15px; */
/* cursor: pointer; */
/* padding: 10px 7px; */
/* align-items: center; */
border-radius: 0px;
min-height: 60px;
border: 0.5px solid rgba(0, 0, 0, 0.24);
padding-left: 20px !important;
}
	.indicator-pill, .indicator-pill-right {
font-size: var(--text-sm);
font-weight: var(--weight-regular);
letter-spacing: 0.02em;
padding: 4.5px 8px;
border-radius: 0;
/* height: 20px; */
background-color: transparent !important;
/* color: darkcyan !important; */
}
.rt-r-fd-row {
flex-direction: row;
display: none;
}
	.widget .widget-head .widget-control {
display: flex;
align-items: center;
flex-direction: row-reverse;
display: none;
}
	.indicator-pill .ellipsis {
white-space: wrap!important;
		text-align: start;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
}

	[data-page-route=Workspaces] .icon-xs {
display: none;
}
	.widget.shortcut-widget-box {
padding: 10px 14px!important;
align-items: start;
justify-content: end;
}
.raven-chat {
position: fixed;
width: var(--raven-content-width)!important;
background-color: rgba(255, 255, 255, 0.53)!important;
box-shadow: var(--shadow-md);
border-top: 1px solid var(--border-color);
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
overflow-x: hidden;
z-index: 1000;
bottom: 0;
border-top-right-radius: var(--border-radius-md);
border-top-left-radius: var(--border-radius-md);
left: 0px!important;
}
.raven-container[data-open-state=false] {
height: 55px!important;
overflow: hidden;
position: fixed;
right: 40px;
bottom: 40px;
	opacity: .5;
}
.widget.shortcut-widget-box {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */

/* border-radius: 15px; */

/* cursor: pointer; */
/* padding: 10px 7px; */
/* align-items: center; */
border-radius: 0px;
min-height: 60px;
border: 1px solid var(--dark-border-color);

}
	.send-raven-button
{
display:none!important;
	
}


	.form-tabs-list {
border-radius: 0!important;
width: 100%!important;
		
/* border-radius: 15px; */
box-shadow: none;
/* cursor: pointer; */
/* padding: 10px 7px; */
/* align-items: center; */

/* min-height: 60px; */
border:none;
position: fixed !important;
}
.col.layout-main-section-wrapper {
	padding:0.1px !important;
}


	
	.raven-logo {
font-weight: 700;
font-size: 0!important;
color: var(--heading-color);
padding-right: 4px;
background-image: url('/files/chat-k.png');
background-size: cover;
width: 30px;
height: 30px;
opacity: 0.5;
}

.raven-container[data-open-state=true] {
height: var(--raven-expanded-height);
overflow: hidden;
width: 100vw;
position: relative;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

	.raven-container[data-open-state=false] .raven-header .back-button {
display: none;
}
.form-control {
height: 40px;
}

.raven-container[data-open-state=false] .raven-header {
height: var(--raven-header-height);
padding-inline: 0;
display: block;
align-items: non;
justify-content: non;
padding-block: 0;
width: 55px;
height: 55px;
background: transparent;
}


	.raven-container[data-open-state=false] .raven-logo {
font-weight: 700;
font-size: 0;
color: var(--heading-color);
padding-right: 4px;
background-image: url('/files/chat-k.png');
background-size: cover;
width: 55px;
height: 55px;
}
	
[data-theme="dark"] [data-route^="Workspaces/"] .layout-main-section {
background-image: url("/files/jj-d.jpg")!important;
padding-top: 6px!important;
padding-left: 0px!important;
padding-right: 0px!important;
background-repeat: no-repeat;
background-size: contain;
background-color: #000000!important;
}
	[data-theme="dark"] .layout-main-section {

padding-top: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
}

.container.page-body {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}

.page-title {
display: flex;
align-items: center;
padding: 0px;
}

	.row, .dialog-assignment-row, .form-section .section-body, .form-dashboard-section .section-body {
display: flex;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
}

	

.form-tabs-list {
border-radius: 0;
}	

.editable-form .page-head {
z-index: 6;
margin-bottom: 0px !important;
transition: .5s top;
width: 100%;
top: 0 !important;
/* background-color: rgb(102, 102, 102); */
filter: invert();
}

	
.editable-form .layout-main-section {
background-image: url("/files/jf.jpg")!important;
padding-top: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
background-repeat: no-repeat;
background-size: contain;
background-color: rgb(255, 255, 255)!important;
}


.page-head .page-head-content {
height: 65px;
padding: 0;
}	

	
[data-route^="Workspaces/"] .layout-main-section {
background-image: url("/files/jf.jpg")!important;
padding-top: 6px!important;
padding-left: 0px!important;
padding-right: 0px!important;
background-repeat: no-repeat;
background-size: contain;
background-color: rgb(240, 240, 240)!important;
}
	.layout-main-section {

padding-top: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
}
.form-column.col-sm-4 {
padding-left: 5px;
padding-right: 5px;
}

[data-route^="Workspaces/"] .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
padding: 1px;
}


.page-head {
z-index: 6;
position: fixed;
top: var(--navbar-height);
margin-bottom: 5px;
transition: .5s top;
width: 100%;

}

	.icon-md {
fill: rgba(93, 66, 66, 0);
stroke: var(--charts-tooltip-value);
width: 22px!important;
height: 22px!important;
}


[data-page-route=Workspaces] .layout-main-section
	{
		border-radius:0!important;
	}


.widget.shortcut-widget-box {
cursor: pointer;
padding: 10px 7px;
align-items: center;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content {

padding: 0px;
}


[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .widget.spacer {
height: 18px!important;
background-color: transparent;
}


.widget.links-widget-box {
padding: 20px!important;
background-color: transparent;
text-align: center;
border: 1px solid var(--border-color);
}


.widget.links-widget-box .link-item {
display: flex;
text-decoration: none;
font-size: var(--text-base);
font-weight: var(--weight-regular);
letter-spacing: .02em;
color: var(--text-color);
padding: 7px;
margin-left: 0px;
margin-bottom: 15px;
border-radius: var(--border-radius-md);
cursor: pointer;
background-color: rgba(255, 255, 255, 0.66);
}

.widget {
display: flex;
flex-direction: column;
min-height: 1px;
padding: 15px;
border-radius: 1px;
height: 100%;

}	
	.recent-item.notification-item .notification-timestamp {
font-size: var(--text-xs);
color: black !important;
}
[data-theme="dark"] .widget {
display: flex;
flex-direction: column;
min-height: 1px;
padding: 15px;
border-radius: 1px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
	.notifications-list .notification-item-tabs .notifications-category {

color: #7e7e7e !important;

}

[data-theme="dark"] .widget.shortcut-widget-box {
width: 100%;
height: auto;

display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */
background: var(--shadow-inset);
/* border-radius: 15px; */

/* cursor: pointer; */
/* padding: 10px 7px; */
/* align-items: center; */
border-radius: 0px;
min-height: 60px;
border: 1px solid #2e2e2e;
}
	
[data-theme="dark"] .widget.links-widget-box .link-item {
display: flex;
text-decoration: none;
font-size: var(--text-base);
font-weight: var(--weight-regular);
letter-spacing: .02em;
color: var(--text-color);
padding: 7px;
margin-left: 0px;
margin-bottom: 15px;
border-radius: var(--border-radius-md);
cursor: pointer;
background-color: var(--charts-tooltip-value);
}
	

:root
{
	overscroll-behavior: none;
}

*::-webkit-scrollbar {
background-color: var(--scrollbar-thumb-color);
border-radius: 0;
display: none;
scrollbar-width: 0!important;
scrollbar-width: thin;
}	

.std-form-layout>.form-layout>.form-page {
border-radius: 0;
border: none;
box-shadow: none;
background-color: var(--card-bg);
}	
	
}