:root {
	--page-max-width: 100%;

	--color-primary: #412774;
	--color-secondary: #009dd4;
	--color-accent: #c0e2f2;

	--color-neutral: #999999;
	--color-white: #ffffff;

	--bg-main: var(--color-white);
	--text-primary: var(--color-primary);
	--text-secondary: var(--color-neutral);
	--border-light: var(--color-accent);
}

.grid-row-open .form-in-grid {
	max-width: var(--form-in-grid-max-width, 100%);
}

.btn-primary-light {
	color: #1b93b2;
}
.btn-primary-light:hover,
.btn-primary-light:active {
	color: #1b93b2;
}

.navbar {
	background-color: #2b1b5e;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

	height: fit-content !important;
	padding: 0px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 1000;
	transition:
		background-color 0.35s ease,
		box-shadow 0.35s ease,
		transform 0.25s ease;
}

.navbar .container,
.navbar .container-fluid {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center;
}
.navbar.scrolled {
	background: linear-gradient(135deg, #412774 0%, #009dd4d9 100%);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(15px);
}

.navbar-brand {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap !important;
	align-content: center;
	justify-content: center;
	align-items: center;
	background-color: white;
	padding: 0.5rem 1rem;
	border-radius: 7px;
	margin: 0.5rem 0;
}

.navbar-brand img {
	max-height: 5rem !important;
	border: 1px solid #d1d1d16b;
	padding: 3px;
	border-radius: 5px;
}
button[data-toggle="dropdown"] {
	color: white !important;
}
.form-sidebar-items {
	color: black !important;
}
.form-sidebar-items .es-icon {
	fill: black !important;
	stroke: black !important;
}

#side-logo {
	height: 6rem;
	object-fit: contain;
	width: auto;
}

.page-card-head img {
	max-height: 98px !important;
	border: 2px solid white;
	padding: 4px;
	border-radius: 6px;
	background-color: white;
}

.centered.splash {
	height: 100px !important;
	width: 200px !important;
}

.btn.btn-primary {
	background-color: #2e3192;
	--icon-fill-bg: #1b93b2;
}

.btn.btn-xs:active,
.btn.btn-xs:hover,
.btn.btn-xs:focus,
.btn.btn-secondary:active,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-default:active,
.btn.btn-default:hover,
.btn.btn-default:focus {
	background: linear-gradient(90deg, #0891b2, #2563eb) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(6, 182, 212, 0.5) !important;
}

input[type="checkbox"]:checked {
	background-color: #1b93b2 !important;
	background-image: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

.widget.shortcut-widget-box {
	background-color: #1b93b2 !important;
	padding: 0.6rem 0.5rem !important;
}
.widget.shortcut-widget-box svg.icon-xs {
	stroke: var(--white) !important;
}

.widget.shortcut-widget-box .widget-title {
	color: var(--white) !important;
}
.widget.links-widget-box .link-item {
	border: var(--border-radius);
	padding: 4px 10px;
}

.widget.links-widget-box .link-item:hover {
	background-color: #1b93b2 !important;
}
.widget.links-widget-box .link-item:hover .link-text {
	color: #f2f2f2;
}
.widget.links-widget-box .link-item:hover .es-icon {
	fill: #ffffff;
	stroke: #ffffff;
}

.widget.quick-list-widget-box .widget-footer .see-all {
	background-color: #1b93b2;
	color: var(--white);
}
.widget.quick-list-widget-box .widget-footer .see-all:hover {
	background-color: #1b93b2 !important;
	color: #323232;
}

.widget.shortcut-widget-box:hover {
	background-color: #1b93b2 !important;
}

.widget.shortcut-widget-box:hover .widget-title {
	color: var(--gray-200) !important;
}

.widget.shortcut-widget-box:hover svg.icon-xs {
	stroke: var(--gray-200) !important;
}

/*
.list-row-head {
    overflow: visible !important;
    height:60px;
}

.list-row-container {
    overflow: visible !important;
    height:100px;
}

.list-row{
    height:100px;
}

.ellipsis {
    overflow: visible !important;
    white-space: normal !important;
    padding:4px;
}
*/

.dt-cell__content--col-0,
.dt-cell__content--header-0 {
	width: 100px !important;
}

div[data-fieldname="approver_table"] .row-actions {
	display: none !important;
}

div[data-fieldname="approver_table"] .grid-footer-toolbar {
	display: none !important;
}

div[data-fieldname="option_table"] .row-actions {
	display: none !important;
}

div[data-fieldname="option_table"] .grid-footer-toolbar {
	display: none !important;
}

#navbar-breadcrumbs {
	display: flex !important;
	flex-basis: 100% !important;
	width: 100% !important;
	max-width: none !important;
	order: 10 !important;
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	list-style: none;
	align-items: center;
}

#navbar-breadcrumbs li {
	display: inline-flex !important;
}

#navbar-breadcrumbs li a {
	color: white !important;
	font-size: 0.85rem;
	width: auto !important;
}

#navbar-breadcrumbs li:not(:last-child):after {
	content: ">" !important;
	color: rgba(255, 255, 255, 1) !important;
	margin: 0 8px !important;
}

#navbar-breadcrumbs a:before {
	display: none !important;
}

.grid-heading-row {
	background-color: #ddf1fb !important;
}

.btn-primary:active {
	border: 0;
	outline: none !important;
}
.btn-primary:focus {
	box-shadow: none !important;
}

.section-head {
	background-color: #3a73bb !important;
	color: #fff !important;
	border-radius: 5px;
}
.section-head .es-icon {
	fill: #ffffff;
	stroke: #ffffff;
}
/* .list-row-col span{
display: block;
    overflow: visible;
    word-wrap: normal;
    white-space: normal!important; text-align: left;
} */

.list-row-col a {
	white-space: normal !important;
	display: block;
}

.list-subject {
	flex: 2 !important;
	justify-content: start;
}
.home-nav {
	list-style: none;
	margin-bottom: 0;
}
.indicator-pill,
.indicator-pill-right {
	height: auto !important;
}

.indicator-pill .ellipsis {
	text-align: center !important;
}

.modified-by,
.created-by {
	display: none !important;
}

.dt-row-header,
.dt-cell--header {
	background-color: #ddf1fb !important;
}
.comment-count,
.like-icon {
	display: none !important;
}
.form-control {
	height: 2.2rem;
	border: 1px solid #1b93b2 !important;
}
.form-tabs .active {
	background-color: #3a73bb !important;
	color: #fff !important;
	padding: 10px 15px !important;
}
.form-tabs .nav-link {
	margin: 0 var(--margin-xs) !important;
	padding: 10px !important;
}

.form-tabs .nav-link:hover {
	background-color: #027dbe36 !important;
	color: black !important;
	border-bottom: 1px solid black !important;
}
.static-area {
	color: #525252 !important;
	font-weight: bold !important;
}
.ce-block {
	width: 50% !important;
	float: left !important;
}
.btn .icon,
.btn .es-icon {
	fill: #ffffff;
	stroke: #ffffff;
}
.btn-default {
	background: #5da9dd !important;
	color: #fff !important;
}
.btn.btn-primary {
	background: linear-gradient(90deg, #06b6d4, #3b82f6) !important;
	box-shadow: 0px 3px 9px rgba(6, 182, 212, 0.5) !important;
	border: none !important;
	color: white !important;
	font-weight: bold;
}
.btn-default:hover {
	background: #2e3192 !important;
	color: #fff !important;
}

.list-row-head {
	background: #3a73bb !important;
	color: #fff !important;
}
.level-item {
	color: #fff !important;
}
.frappe-timestamp {
	color: #000 !important;
}
.page-form {
	border-bottom: 1px solid #5da9dd !important;
}
.layout-main-section.frappe-card {
	border: 1px solid #2e3192 !important;
}
.list-row-container .list-row-border {
	border-bottom: 1px solid #5da9dd !important;
}

[data-page-route="Workspaces"] .layout-main .layout-main-section {
	border: 2px solid #0091b5 !important;
}
.es-icon {
	fill: white;
	stroke: white;
}
.icon-btn .es-icon {
	fill: white;
	stroke: white;
}

.nav-link {
	color: black !important;
}
.nav-link:hover {
	color: white !important;
}
.nav-link .es-icon {
	fill: white !important;
	stroke: white !important;
}
.form-tabs-list {
	border-bottom: 2px solid #0279b9 !important;
	overflow-x: hidden;
}
.form-tabs-list::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}
.std-form-layout > .form-layout > .form-page {
	border: 2px solid #5ba2e038 !important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tt_timeline-title {
	font-size: 0.9rem !important;
}
.tt_timeline-title span {
	color: #5da9dd !important;
}
.tt_timeline-marker:before {
	background: #2e3192 !important;
}
.page-title .title-area .title-text {
	color: #e2e2e2;
}
.page-title .flex {
	align-items: center;
}
/*.dropdown-menu li:nth-child(1){ border-bottom:3px solid #8dc73f;}
.dropdown-menu li:nth-child(2){ border-bottom:3px solid #f26c4f;}
.dropdown-menu li:nth-child(3){ border-bottom:3px solid #cf2027;}*/
.btn.btn-secondary {
	background: #5da9dd !important;
	color: #fff !important;
}
/*.grid-static-col {
    max-height: 500px !important;
    height:60px;
    overflow-y: scroll;
}*/
.grid-overflow-no-ellipsis {
	overflow: visible;
}
.grid-static-col {
	height: auto !important;
	max-height: none !important;
}
.dt-row .dt-cell:nth-child(1) {
	display: none;
}
.custom-link {
	padding-left: 0 !important;
	margin-left: 0 !important;
}
.custom-link .nav-item {
	margin-left: 0 !important;
}
.btn-primary {
	background-color: rgb(27, 147, 178) !important;
}

.layout-side-section {
	width: 100% !important;

	color: #e2e2e2 !important;
}

.layout-main-section {
	background: #fff !important;
}
.widget {
	background: none !important;
}
summary {
	width: 100% !important;
}
.dashboard-widget-box {
	background: #fff !important;
}
.page-head {
	background: linear-gradient(135deg, #412774 0%, #009dd4d9 100%);
	color: #e2e2e2 !important;
	border-top: 2px solid #5ba2e0;
	margin-bottom: 20px;
}
.page-head a {
	color: white !important;
}

.desk-sidebar .standard-sidebar-item {
	transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.desk-sidebar .standard-sidebar-item:hover {
	background-color: #0091b5 !important;
	text-decoration: none;
	transform: scale(1.06);
}

.desk-sidebar .standard-sidebar-item:hover a {
	color: white !important;
}

.desk-sidebar .standard-sidebar-item .icon,
.desk-sidebar .standard-sidebar-item .es-icon {
	stroke: black !important;
}
.desk-sidebar .standard-sidebar-item:hover .icon,
.desk-sidebar .standard-sidebar-item:hover .es-icon {
	fill: white !important;
	stroke: #0091b5 !important;
	background-color: white;
	border-radius: 4px;
}

.page-body {
	padding: 0 2rem;
}

.filter-icon .es-icon {
	stroke: black !important;
	fill: black !important;
}

.dropdown-menu {
	transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	color: black !important;
}
.dropdown-menu .dropdown-item {
	color: black !important;
}
.dropdown-menu .dropdown-item:hover {
	background-color: #0091b5;
	text-decoration: none;
	color: white !important;
}
.dropdown-menu .dropdown-item:hover .icon {
	fill: white !important;
	stroke: white !important;
}

.desk-sidebar .standard-sidebar-item.selected {
	background-color: #0091b53b;
}
.awesomplete > [role="listbox"] div[role="option"]:hover,
.awesomplete > [role="listbox"] li:hover {
	background-color: #0091b5 !important;
	text-decoration: none !important;
	color: white !important;
}
.awesomplete > [role="listbox"] div[role="option"]:hover span,
.awesomplete > ul[role="listbox"] li:hover a {
	color: white !important;
}
.search-bar .awesomplete input {
	padding: 1rem 2rem !important;
}

select[data-fieldtype="Select"] option:hover {
	background-color: #0091b5 !important;
	text-decoration: none !important;
	color: white !important;
}

.hindi-title,
.english-title {
	font-weight: bold;
	font-size: clamp(0.7rem, 1vw, 0.2rem);
	color: #0056d2;
	font-weight: bold;
	margin: 0;
}

.sub-text-hindi,
.sub-text-english,
.govt-text {
	font-weight: bold;
	margin: 0;
	font-size: clamp(0.5rem, 0.6vw, 0.15rem);
	color: #555;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.sub-text-hindi,
	.sub-text-english {
		display: none;
	}
}