@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&display=swap");
body {
  font-family: "Cairo", sans-serif !important;
}

.chart-container {
  font-family: "Cairo", sans-serif !important;
}

.layout-side-section {
  padding-top: 15px;
  color: #fff !important;
}
@media screen and (min-width: 767px) {
  .layout-side-section {
    background-color: #24b0c7;
  }
}
.layout-side-section .icon-btn {
  background-color: transparent !important;
  border: 1px solid white;
}
.layout-side-section .icon,
.layout-side-section .sidebar-label .icon {
  --icon-stroke: #fff;
  stroke: #fff !important;
  fill: transparent;
  stroke-width: 2;
  stroke: #fff;
}
.layout-side-section .sidebar-label {
  color: #fff;
}
.layout-side-section p,
.layout-side-section .text-muted {
  color: #fff !important;
}
.layout-side-section .checkbox .label-area {
  color: #fff;
}
.layout-side-section a.add-group-by,
.layout-side-section a.list-tag-preview {
  color: #fff;
}
.layout-side-section a.add-group-by:hover,
.layout-side-section a.list-tag-preview:hover {
  color: #fff;
}
.layout-side-section .sidebar-item-control .btn {
  background: transparent;
  border: 1px solid white;
}

header.navbar.navbar-expand.sticky-top {
  background-color: #24b0c7;
}

.widget {
  border-radius: 20px;
}
.widget .widget-head .widget-label .widget-title {
  color: white;
}
.widget .widget-head .widget-label .widget-title svg {
  --icon-stroke: #fff;
  stroke: #fff !important;
  fill: transparent;
  stroke-width: 2;
  stroke: #fff;
}

.widget.edit-mode .widget-head .widget-label .widget-title {
  color: #1F272E;
}

.page-container {
  background-color: #b4f5ff;
}
.page-container .page-head {
  background-color: #b4f5ff;
}

.widget.links-widget-box {
  background: #24b0c7 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 15px;
}
.widget.links-widget-box .link-item {
  color: #06345d;
  background-color: var(--fg-hover-color);
}
.widget.links-widget-box .link-item:hover .indicator-pill {
  background: #178394;
  color: white;
}

.widget.links-widget-box.skeleton-card {
  background-color: var(--skeleton-bg);
}

.list-sidebar .sidebar-section {
  padding: 10px;
}

.desk-sidebar-item.standard-sidebar-item:hover {
  background-color: #24b0c7;
}
.desk-sidebar-item.standard-sidebar-item a:hover {
  color: white;
}

.standard-sidebar .standard-sidebar-item {
  background-color: #4ec3d5;
}
.standard-sidebar .standard-sidebar-item:hover {
  background-color: #24b0c7;
}
.standard-sidebar .standard-sidebar-item.selected {
  background-color: #178394;
}

.search-dialog .search-results .search-sidebar .standard-sidebar-item {
  background-color: #4ec3d5;
}
.search-dialog .search-results .search-sidebar .standard-sidebar-item:hover {
  background-color: #178394;
}
.search-dialog .search-results .search-sidebar .standard-sidebar-item.selected {
  background-color: #178394;
}

.desk-sidebar .standard-sidebar-item {
  background-color: #4ec3d5;
}
.desk-sidebar .standard-sidebar-item:hover {
  background-color: #178394;
}
.desk-sidebar .standard-sidebar-item.selected {
  background-color: #178394;
}

.desk-sidebar-item.selected {
  background-color: #178394;
  border: 1px solid white;
}
.desk-sidebar-item.selected a {
  color: white;
}

.page-content .desk-sidebar-item a {
  color: white;
}

#navbar-breadcrumbs li.disabled a {
  color: #fff;
}
#navbar-breadcrumbs a {
  color: white;
}
#navbar-breadcrumbs a::before {
  content: " ";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right: 10px;
}

[data-page-route=Workspaces] .layout-main .layout-side-section {
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-side-section::-webkit-scrollbar {
  width: 5px;
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-side-section::-webkit-scrollbar-thumb {
  background: #178394;
  border-radius: 20px;
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-side-section::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper::-webkit-scrollbar {
  width: 5px;
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper::-webkit-scrollbar-thumb {
  background: #178394;
  border-radius: 20px;
  scrollbar-color: #178394 transparent;
  scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}

.navbar-nav .icon {
  --icon-stroke: #fff;
  stroke: #fff !important;
  fill: transparent;
  stroke-width: 2;
  stroke: #fff;
}

.standard-sidebar-label {
  color: white;
}

.navbar .navbar-nav .nav-link {
  padding: 0;
  color: white;
}

.widget.shortcut-widget-box.skeleton-card {
  background-color: var(--skeleton-bg);
}

.widget.shortcut-widget-box {
  background: #24b0c7 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding: 15px;
}
.widget.shortcut-widget-box .widget-head .widget-title {
  color: #fff !important;
}
.widget.shortcut-widget-box:hover {
  background: #178394 0% 0% no-repeat padding-box;
}
.widget.shortcut-widget-box:hover .widget-title {
  color: #fff !important;
}

.indicator-pill.yellow {
  background: #24b0c7;
  color: white;
}
.indicator-pill.yellow:before {
  background: white;
}
.indicator-pill.yellow:after {
  background: white;
}

.indicator-pill-right.yellow .indicator-pill-round.yellow {
  background: #24b0c7;
  color: white;
}
.indicator-pill-right.yellow .indicator-pill-round.yellow:before {
  background: white;
}
.indicator-pill-right.yellow .indicator-pill-round.yellow:after {
  background: white;
}

.indicator-pill.gray {
  background: #24b0c7;
  color: white;
}
.indicator-pill.gray:before {
  background: white;
}
.indicator-pill.gray:after {
  background: white;
}

.indicator-pill-right.gray {
  background: #24b0c7;
  color: white;
}
.indicator-pill-right.gray:before {
  background: white;
}
.indicator-pill-right.gray:after {
  background: white;
}

.indicator-pill-round.gray {
  background: #24b0c7;
  color: white;
}
.indicator-pill-round.gray:before {
  background: white;
}
.indicator-pill-round.gray:after {
  background: white;
}

.indicator-pill.grey {
  background: #24b0c7;
  color: white;
}
.indicator-pill.grey:before {
  background: white;
}
.indicator-pill.grey:after {
  background: white;
}

.indicator-pill-right.grey {
  background: #24b0c7;
  color: white;
}
.indicator-pill-right.grey:before {
  background: white;
}
.indicator-pill-right.grey:after {
  background: white;
}

.indicator-pill-round.grey {
  background: #24b0c7;
  color: white;
}
.indicator-pill-round.grey:before {
  background: white;
}
.indicator-pill-round.grey:after {
  background: white;
}

.workspace-skeleton .shortcut-widget-box {
  height: 50px;
}

.layout-main-section .ce-block__content .divider {
  display: none;
}

#current_lang {
  font-size: 14px;
}

[data-theme=dark] .title-area .title-text {
  color: #1F272E;
}
[data-theme=dark] .widget.links-widget-box .link-item {
  color: #fff;
}

.nav-link.lang-icon::before {
  content: "\f0ac";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 4px;
}

[data-page-route=Workspaces] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .widget.edit-mode {
  background-color: #fff;
}

.dashboard .widget .widget-head .widget-label .widget-title {
  color: black;
}

.form-tabs-list .form-tabs .nav-item .nav-link.active {
  color: #2490ef;
}

.form-section .section-head {
  color: #2490ef;
}

.list-row:hover:not(.list-row-head),
.list-row-head:hover:not(.list-row-head) {
  background-color: #b4f5ff;
}

.layout-side-section {
  border-radius: var(--border-radius-md);
}

.like-disabled-input {
  background-color: #C3E0FB;
}

.checkbox .label-area {
  color: #2490ef;
}

.form-section.card-section {
  border-bottom: 8px solid #b4f5ff;
}

.section-body [data-fieldname=items] * {
  font-size: 11px;
}

.section-body .form-grid .grid-heading-row {
  background-color: #24b0c7;
  color: #fff;
}

.form-control,
.form-control:focus {
  box-shadow: 0 0 0 2px #C3E0FB;
}

.btn-primary.primary-action[data-label=Submit] {
  background-color: red;
}

.btn-primary.primary-action[data-label="%D8%AA%D8%B3%D8%AC%D9%8A%D9%84"] {
  background-color: red;
}

.frappe-list .level.list-row-head {
  background-color: #24b0c7;
}
.frappe-list .level.list-row-head .list-header-subject {
  color: #fff;
}
.frappe-list .level.list-row-head .list-count {
  color: #fff;
}
.frappe-list .list-row-container {
  border-bottom: 1px solid #24b0c7;
}
.frappe-list .list-row {
  height: 40px;
}
.frappe-list .list-row-container * {
  font-size: 12px;
}

.dashboard .widget {
  background: linear-gradient(180deg, #24b0c7 0%, #24b0c7 100%);
  box-shadow: var(--shadow-lg);
  border-radius: var(--border-radius-md);
}
.dashboard .widget-group .report-summary {
  background-color: #24b0c7;
  box-shadow: var(--shadow-base);
}

.workspace-sidebar-skeleton .sidebar-box {
  background-color: transparent;
}

.desk-page .ce-header .h4 {
  display: none;
}

.ql-editor {
  font-family: Cairo, sans-serif !important;
}
widget.links-widget-box .link-item:first-child {
    margin-top: 10px;
}
.widget.links-widget-box .link-item {
    margin-bottom: 7px;
}
.widget.links-widget-box .link-item {
    color: #06345d;
    background-color: var(--fg-hover-color);
}
.standard-sidebar .standard-sidebar-item, .desk-sidebar .standard-sidebar-item, .search-dialog .search-results .search-sidebar .standard-sidebar-item {
    margin-bottom: 7px;
}
.desk-sidebar .standard-sidebar-item {
    background-color: #4ec3d5;
}
.widget .widget-head .widget-label .widget-title {
    color: #000000;
}
.widget.dashboard-widget-box {
    border: 1px solid #176e77;
}
.widget {
    background-color: #caeef9;
}
.widget {
    border-radius: 20px;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
    scrollbar-color: #178394 transparent;
    scrollbar-width: unset;
}
[data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
    scrollbar-color: #178394 transparent;
    scrollbar-width: unset;
}
[data-page-route=Workspaces] .widget.number-widget-box {
    border-color: #176e77;
}
.dropdown-help {
    display: none !important;
}

.awesomplete>[role=listbox] {
    position: absolute;
    width: 100%;
    list-style: none;
    background-color: #24b0c7;
    max-height: min(60vh, 300px);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    border: 1px solid #e8c5c5;
    left: 0;
    margin: 0;
    padding: var(--padding-xs);
    z-index: 4;
    min-width: 250px;
}
.awesomplete>[role=listbox]>li:hover, .awesomplete>[role=listbox]>li[aria-selected=true], .awesomplete>[role=listbox]>[role=option]:hover, .awesomplete>[role=listbox]>[role=option][aria-selected=true] {
    background-color: #9acaf6;
    color: var(--text-color);
}.awesomplete>[role=listbox]>li:hover, .awesomplete>[role=listbox]>li[aria-selected=true], .awesomplete>[role=listbox]>[role=option]:hover, .awesomplete>[role=listbox]>[role=option][aria-selected=true] {
    background-color: #9acaf6;
    color: var(--text-color);
}