@font-face {
    font-family: "Cairo";
    src: local("Cairo-Regular"), url("../fonts/Cairo-Regular.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.frappe-control[data-fieldtype="Code"],
.frappe-control[data-fieldtype="Code"] *,
.ace_editor,
.ace_editor * {
    font: 16px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

* {
    font-family: "Cairo", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body,
body * {
    font-family: "Jannat", "Inter", sans-serif !important;
}

.ace_editor,
.control-input,
.control-input * {
    font-family: "Cairo", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
}

:root {
    --indicator-color: #4390d4;
    --sidebar-icon-color: #16437E;
    --sidebar-selected-item-background-color: #1a4977;
    --sidebar-item-label-color: #ffffff;
    /* --sidebar-item-background-color: #0DBAC6; */
    /* --navbar-bg: #ffffff; */
    --box-icon-color: #0DBAC6;
    /* --subnavbar-bg: #ffffff; */
    --scrollbar-bg: #d9d7d7;
    --sidebar-icon-hover-color: #ffffff;
    --box-item-hover: #efefef;
    --btn-bg-color: #4390d4;
    --btn-text-color: #ffffff;
    /* --btn-hover-bg-color: transparent; */
    /* --btn-hover-text-color: #4390d4; */
    --theme-text-color: #0C2677;
    --dropdown-item-text-color: #1f272e;
    --dropdown-item-hover-color: #ffffff;
    --dropdown-item-hover-bg-color: #0DBAC6;

    /* Added color */
    /* --sidebar-selected-item-background-color-from: #12c9fc;
    --sidebar-selected-item-background-color-to: #15488b; */
    --navbar-bg: #f8f8f8;
    --sidebar-item-background-color: #211d6161;
    --btn-hover-bg-color: #657276;
    --btn-hover-text-color: #ffffff;
    --subnavbar-bg: #f8f8f8;
    --site-widget-bg: #ffffff;
    --site-color-purple: #15488b;
    --site-color-blue-bg: #f8f8f8;
    --site-color-blue: #4390d4;
    --site-color-dark-blue: #1a4977;
    --site-color-dark-purple: #6c7db0;
    --site-color-light-purple: #6c7db0;
    --site-color-blue-hover-dark: #657276;
    --site-color-dark-blue-hover-dark: #211d61;
    --site-color-purple-dark-hover: #6c7db0;

    --fw-semibold: 600;
    --fw-bold: 700;

    --DF-color-bg: #F1F6FA;
    --DF-color-primary: #1a4977;
    --DF-color-primary-hover: #63a0c9b0;
    --DF-color-primary-dark: #3878A3;
    --DF-color-primary-light: #B0CFE3;
    --DF-color-primary-light-hover: #90c1e2;
    --DF-color-secondary: #16437E;
    --DF-color-content01: #555555;
    --DF-color-content02: #858585;
}

i.fa {
    font-family: 'FontAwesome' !important;
}

.navbar {
    background: var(--DF-color-bg);
    height: 75px !important;
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.page-head {
    margin-bottom: 0;
}

.layout-side-section {
    padding-top: 25px;
}

.desk-sidebar .standard-sidebar-section .standard-sidebar-label,
.search-dialog .search-results .search-sidebar .standard-sidebar-section .standard-sidebar-label,
.standard-sidebar .standard-sidebar-section .standard-sidebar-label {
    padding: 0 25px;
}

.desk-sidebar .standard-sidebar-item,
.search-dialog .search-results .search-sidebar .standard-sidebar-item,
.standard-sidebar .standard-sidebar-item {
    padding: 10px 25px;
    border-radius: 8px;
    margin-block: 4px;
    margin-inline: 0.75rem;
}

.desk-sidebar .standard-sidebar-label {
    font-size: var(--text-md);
    color: var(--theme-text-color);
    font-weight: bold;
}

.desk-sidebar .sidebar-item-label {
    color: var(--DF-color-content01);
    font-weight: bold;
}

.page-head .primary-action {
    height: 32px !important;
}

.page-head .dropdown-item,
.page-head .dropdown-item,
.navbar .dropdown-item,
.navbar .dropdown-divider {
    color: var(--dropdown-item-text-color);
    transition: all 0.15s ease;
    background-color: var(--site-widget-bg);
    /* cursor: pointer !important; */
}

.page-head .btn.btn-default,
.page-head div#driver-popover-item .driver-popover-footer button.btn-default,
.page-head .btn.btn-primary {
    background: var(--DF-color-primary);
    color: var(--btn-text-color);
    box-shadow: none;
    height: 32px !important;
    padding: 6px 14px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 500;
}

.page-head .icon-btn .icon,
.page-head .ellipsis .icon {
    transition: all 0.25s ease;
    --icon-stroke: var(--btn-text-color);
    stroke: var(--icon-stroke);
}

.page-head .icon-btn:hover .icon,
.page-head .ellipsis:hover .icon,
.page-head .btn.btn-primary:hover .icon {
    transition: all 0.25s ease;
    --icon-stroke: var(--btn-hover-text-color);
    stroke: var(--icon-stroke);
}

.page-head .btn.btn-default:hover,
.page-head .btn.btn-primary:hover {
    background: var(--DF-color-primary-dark);
    color: var(--btn-hover-text-color);
    /* border-color: var(--btn-hover-text-color); */
    border-color: var(--btn-hover-bg-color);
    transition: all 0.25s ease;
}

.desk-page .widget-group .widget-group-head .widget-group-title {
    color: var(--theme-text-color);
    margin-bottom: 8px;
}

.desk-page .widget-group .widget-group-body .links-widget-box .widget-head {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}


.desk-page .widget-group .widget-group-body .widget-title .icon {
    width: 25px;
    height: 25px;
    --icon-stroke: #fff;
    stroke: var(--icon-stroke);
}

.indicator-pill-right.gray,
.indicator-pill-right.grey,
.indicator-pill-round.gray,
.indicator-pill-round.grey,
.indicator-pill.gray,
.indicator-pill.grey {
    background: transparent;
}

.indicator-pill-right.yellow .indicator-pill-round.yellow,
.indicator-pill.yellow {
    background: transparent;
}

.indicator-pill.yellow:before {
    background: var(--site-color-dark-blue);
}

.indicator-color:before {}

.indicator-pill:before {
    height: 6px;
    width: 6px;
}

.widget.links-widget-box .link-item .link-content {
    color: var(--site-color-dark-blue);
    font-weight: 600;
    font-size: var(--text-md);
}

.widget.links-widget-box .link-item:first-child {
    margin-top: 8px;
}

.widget.links-widget-box .link-item {
    margin-bottom: 0;
    transition: all 0.25s ease;
    align-items: center;
}

.widget.links-widget-box .link-item:hover {
    background-color: var(--box-item-hover);
    color: #4390d4;
    transition: all 0.25s ease;
}

/* .widget.links-widget-box .link-item:hover .link-content {
    color: var(--site-color-blue);
    transition: all 0.25s ease;
} */

/* .widget.links-widget-box .link-item:hover .indicator-pill:before {
    background: var(--site-color-blue);
} */

.list-sidebar .list-filters input {
    background: transparent;
    border: 1px solid #ddd;
    height: 42px;
}

.desk-page .widget-group .widget-group-body .links-widget-box:hover {
    box-shadow: var(--shadow-lg);
    transition: all 0.15s ease;
}


.desk-page .widget-group .shortcut-widget-box {
    border-radius: 4px;
}

.desk-page .widget-group .shortcut-widget-box .widget-title {
    color: #fff;
}

.desk-page .widget-group .shortcut-widget-box:nth-child(odd) {
    --card-bg: #0DBAC6;
    background-color: var(--card-bg);
}

.desk-page .widget-group .shortcut-widget-box:nth-child(even) {
    --card-bg: #4390d4;
    background-color: var(--card-bg);
}

.standard-sidebar-section .icon {
    width: 25px;
    height: 25px;
}

.standard-sidebar-section .desk-sidebar-item.standard-sidebar-item:nth-child(even) {
    background-color: #F4F5F7;
}

.standard-sidebar-section .desk-sidebar-item.standard-sidebar-item.selected .icon {
    --icon-stroke: #fff;
    stroke: var(--icon-stroke);
}

.standard-sidebar-section .desk-sidebar-item.standard-sidebar-item.selected {
    background: var(--DF-color-primary);
    color: #fff;
}

.standard-sidebar-section .desk-sidebar-item.standard-sidebar-item.selected .sidebar-item-label {
    color: #fff !important;
}

.desk-sidebar .standard-sidebar-item:hover {
    background: #fff;
    transition: all 0.25s ease;
}

.desk-sidebar .standard-sidebar-item:hover .sidebar-item-label {
    color: var(--DF-color-primary) !important;
    transition: all 0.25s ease;
}

.page-head .page-head-content {
    background: var(--DF-color-bg);
    /* box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05); */
    border-bottom: 1px solid var(--gray-200);
}

/* .layout-main-section-wrapper {
    margin-top: 25px;
} */

.widget.onboarding-widget-box .widget-body .onboarding-step {
    margin-bottom: 5px;
}

.widget.onboarding-widget-box .widget-body .onboarding-step.active {
    background-color: var(--site-color-dark-purple);
    color: #fff;
    transition: all 0.25s ease;
}

.desk-sidebar .standard-sidebar-item .icon {
    --icon-stroke: var(--DF-color-content01);
    stroke: var(--DF-color-content01);
}

.navbar-home img {
    max-height: 65px !important;
    width: 150px !important;
}

.page-form .form-control,
.page-form .awesomplete .input-with-feedback,
.form-page .form-control,
.form-page .awesomplete .input-with-feedback {
    background: transparent;
    border: 1px solid #ddd;
    height: 38px;
}

.form-page .table-multiselect.form-control {
    height: auto !important;
}

.table-multiselect .awesomplete .input-with-feedback {
    border: 0 !important;
    height: auto !important;
}

.navbar-collapse .search-bar .awesomplete input {
    background: transparent;
}

.forgot-password-message {
    display: none;
}

#page-login .btn-login {
    background: #4390d4;
    color: #ffffff;
    box-shadow: none;
    height: 32px !important;
    padding: 6px 14px !important;
    border: 1px solid transparent;
    border-radius: 4px;
}

#page-login .app-logo {
    max-height: initial;
    max-width: 180px;
}

#page-login .page-card-head h4 {
    display: none;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
    }
}


.layout-side-section .overlay-sidebar.opened {
    background: var(--site-widget-bg);
    box-shadow: 2px 5px 7px 5px rgba(0, 0, 0, 0.1);
    background-image: url('../images/aside_bg.png');
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .page-body .layout-side-section {
        background: var(--site-widget-bg);
        box-shadow: 2px 5px 7px 5px rgba(0, 0, 0, 0.1);
        background-image: url('../images/aside_bg.png');
        background-repeat: no-repeat;
    }

    [data-page-route=Workspaces] .layout-main .layout-side-section {
        padding: 15px 0 0;
        background-size: auto 80%;
        background-position-x: 0%;
    }

    [data-page-route=Workspaces] .layout-main {
        background: #F4F5F7;
    }

    /* [data-page-route=Workspaces] .layout-main .layout-main-section-wrapper {
        margin-top: 25px;
    } */

    /* [data-page-route=Workspaces] .layout-main .layout-main-section-wrapper,
    [data-page-route=Workspaces] .layout-main .layout-side-section {
        --gray-200: var(--scrollbar-bg);
        scrollbar-color: var(--gray-200) transparent !important;
    } */
}

.cropper-container {
    direction: ltr;
}

.text-right {
    text-align: right !important;
}

/* Added classes */
.container {
    max-width: 100% !important;
}

.codex-editor .h4 {
    color: var(--site-color-dark-blue);
    font-weight: 600
}

.layout-main-section {
    background-color: transparent !important;
    box-shadow: none !important;
}

.widget.spacer,
.widget.ce-paragraph {
    background-color: transparent;
}

/* Start Sidebar Design */
.standard-sidebar-section .standard-sidebar-item .item-anchor {
    padding: 0;
    align-items: center;
}

/* .standard-sidebar-section .sidebar-item-container:nth-child(even) {
    background: var(--site-color-blue-bg);
} */

/* End Sidebar Design */
/* Start Tutorials Design */
.widget.onboarding-widget-box .widget-body .onboarding-step:not(.active):hover {
    background-color: var(--site-color-light-purple);
    color: #fff;
    transition: all 0.25s ease;
}

.widget.onboarding-widget-box .onboarding-step-footer .btn.btn-primary {
    background-color: var(--site-color-purple);
}

.widget.onboarding-widget-box .onboarding-step-footer .btn.btn-primary:hover {
    background-color: var(--site-color-purple-dark-hover);
    transition: all 0.25s ease;
}

.widget.onboarding-widget-box .widget-body .onboarding-step .step-index {
    width: 21px;
    height: 21px;
}

/* End Tutorials Design */
/* Start Shortcuts Design */
.ce-block.col-xs-12.col-sm-6.col-md-4 .widget.shortcut-widget-box {
    padding: 20px 15px;
}

.ce-block.col-xs-12.col-sm-6.col-md-4:nth-child(odd) .widget.shortcut-widget-box {
    background-color: var(--site-color-blue);
}

.ce-block.col-xs-12.col-sm-6.col-md-4:nth-child(odd) .widget.shortcut-widget-box:hover {
    background-color: var(--site-color-blue-hover-dark);
    transition: all 0.25s ease;
}

.ce-block.col-xs-12.col-sm-6.col-md-4:nth-child(even) .widget.shortcut-widget-box {
    background-color: var(--site-color-dark-blue);
}

.ce-block.col-xs-12.col-sm-6.col-md-4:nth-child(even) .widget.shortcut-widget-box:hover {
    background-color: var(--site-color-dark-blue-hover-dark);
    transition: all 0.25s ease;
}

.widget.shortcut-widget-box+.divider {
    display: none;
}

.widget.shortcut-widget-box .widget-control .indicator-pill.ellipsis.gray:before {
    background: var(--btn-text-color);
}

.widget.shortcut-widget-box .widget-control .indicator-pill.ellipsis.gray {
    color: var(--btn-text-color);
}

.widget.shortcut-widget-box .widget-title .ellipsis {
    color: var(--btn-text-color);
    font-size: var(--text-lg);
}

.widget.shortcut-widget-box .widget-title svg.icon-xs {
    width: 16px;
    height: 16px;
}

.widget.shortcut-widget-box:hover .widget-title .icon,
.widget.shortcut-widget-box .widget-title .icon {
    --icon-stroke: var(--btn-text-color);
    stroke: var(--icon-stroke) !important;
}

.layout-main {
    background: var(--DF-color-bg) !important;
}

/* End Shortcuts Design */
/* Start Widget Design */
.widget.dashboard-widget-box,
.widget.onboarding-widget-box,
.widget.links-widget-box,
.widget.number-widget-box {
    background-color: var(--site-widget-bg);
    box-shadow: 0px 0px 7px 0px var(--gray-400) !important;
    padding: 15px;
}

.widget.dashboard-widget-box:hover,
.widget.onboarding-widget-box:hover,
.widget.links-widget-box:hover,
.widget.number-widget-box:hover {
    box-shadow: 0px 0px 10px var(--gray-400) !important;
    transition: all 0.25s ease;
}

.widget.links-widget-box .widget-head,
.widget.number-widget-box .widget-head {
    border-bottom: 1px solid var(--gray-400);
    padding-bottom: 10px;
}

.widget.links-widget-box .widget-title span,
.widget.number-widget-box .widget-title span {
    color: var(--site-color-blue);
    font-weight: 600;
}

.widget.links-widget-box .widget-title .icon {
    --icon-stroke: var(--site-color-blue);
    stroke: var(--icon-stroke);
    width: 25px;
    height: 25px;
}

.widget.number-widget-box {
    height: 135px
}

.widget.links-widget-box .link-item:hover .indicator-pill {
    background-color: transparent;
}

.widget.quick-list-widget-box,
.widget.dashboard-widget-box {
    padding: var(--padding-lg) !important
}

.widget.dashboard-widget-box .widget-control {
    align-self: start;
}

/* End Widget Design */
/* Start Page Form */
.page-form {
    background-color: transparent;
}

input:not([type="checkbox"]) {
    background-color: #ffffff !important;
}

/* End Page Form */
/* Start Navbar Section */
.desk-sidebar .standard-sidebar-item:hover .icon,
.navbar-collapse .search-bar .awesomplete>ul>li,
.navbar-collapse .search-bar input#navbar-search,
header ul.navbar-nav .nav-item>.nav-link {
    transition: all 0.2s ease;
}

header ul.navbar-nav .vertical-bar.d-sm-block {
    display: none !important;
}

header ul.navbar-nav .nav-item:not(:last-child)>.nav-link {
    border-radius: 8px !important;
    height: 36px;
    outline: unset;
    border-width: 0;
    text-align: center;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px !important;
    color: var(--DF-color-primary);
    cursor: pointer;
    appearance: none;
}

header ul.navbar-nav .nav-item:not(:last-child)>.nav-link:hover,
header ul.navbar-nav .nav-item:not(:last-child)>.nav-link:focus {
    background: var(--DF-color-primary);
    color: var(--btn-hover-text-color);
    --icon-stroke: var(--btn-hover-text-color);
    stroke: var(--btn-hover-text-color);
}

header ul.navbar-nav .nav-item:last-child>a {
    border-radius: 50%;
    border: 2px solid transparent;
}

header ul.navbar-nav .nav-item:last-child>a:focus,
header ul.navbar-nav .nav-item:last-child>a:hover {
    border: 2px solid var(--DF-color-primary);
}

.nav-link {
    gap: 8px;
}

.navbar-collapse .search-bar input#navbar-search {
    border-radius: 8px;
}

.navbar-collapse .search-bar input#navbar-search::placeholder {
    color: var(--gray-500);
}

.navbar-collapse .search-bar input#navbar-search:focus {
    border: 1px solid var(--DF-color-primary);
}

.navbar-collapse .search-bar .awesomplete>ul>li[aria-selected=true],
.page-head .dropdown-item:focus,
.navbar .dropdown-item:focus,
.navbar .dropdown-divider:focus {
    color: var(--btn-hover-text-color);
}

.navbar-collapse .search-bar .awesomplete>ul>li:hover,
.page-head .dropdown-item:hover,
.navbar .dropdown-item:hover,
.navbar .dropdown-divider:hover {
    color: var(--btn-hover-text-color);
    background-color: var(--DF-color-primary-hover);
}

.navbar .container .input-group {
    margin-inline-end: 0;
}

.navbar .container #navbar-breadcrumbs a {
    font-size: var(--text-base);
}

/* End Navbar Section */
/* Start Strock Hover Section */
header ul.navbar-nav .nav-item:not(:last-child)>a,
.desk-sidebar .standard-sidebar-item:hover .icon {
    --icon-stroke: var(--DF-color-primary);
    stroke: var(--DF-color-primary);
}

.navbar-collapse .search-bar .awesomplete+.search-icon .icon {
    --icon-stroke: var(--gray-900);
    stroke: var(--gray-900);
}

/* End Strock Hover Section */
/* Start the Scrollbar Section */
.layout-side-section .overlay-sidebar.opened,
.awesomplete ul#awesomplete_list_1,
.layout-main .layout-main-section-wrapper,
.layout-main .layout-side-section {
    scrollbar-color: var(--DF-color-primary-light) var(--box-item-hover) !important;
    scrollbar-width: thin !important;
}

.layout-side-section .overlay-sidebar.opened:hover,
.awesomplete ul#awesomplete_list_1:hover,
.layout-main .layout-main-section-wrapper:hover,
.layout-main .layout-side-section:hover {
    scrollbar-color: var(--DF-color-primary-light-hover) var(--box-item-hover) !important;
    transition: all 0.25s ease;
}

html {
    scrollbar-width: none !important;
}

@media (max-width: 992px) {
    html {
        scrollbar-color: var(--DF-color-primary-light) var(--box-item-hover) !important;
        scrollbar-width: thin !important;
    }

    html:hover {
        scrollbar-color: var(--DF-color-primary-light-hover) var(--box-item-hover) !important;
        transition: all 0.25s ease;
    }
}

/* End the Scrollbar Section */
/* Start the Custom Block Style */
/* .layout-main .std-form-layout .form-page {
    background: var(--DF-color-bg);
    box-shadow: unset;
} */
.layout-main .std-form-layout .form-page .form-group .control-label {
    font-size: var(--text-base);
    font-weight: 600;
}

.layout-main .std-form-layout .form-page .data-row .col {
    font-weight: 600;
}

.layout-main .std-form-layout .form-page .section-head {
    color: var(--site-color-dark-blue);
    font-weight: 600;
    font-size: var(--text-xl);
}

/* End the Custom Block Style */




header .dropdown-navbar-user .avatar {
    width: 40px;
    height: 40px
}

/* .avatar-frame {
    border-radius: 0;
} */


/* .widget.custom-block-widget-box {
    background: transparent;
} */


.ml-auto.navbar-nav {
    margin-left: auto;
    margin-right: 10% !important;
}

.col-lg-2 {
    flex: 2 0 16.66666667%;
}

@media (max-width: 767.98px) {
    .col-lg-2 {
        flex: 0;
        position: absolute;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .col-lg-2 {
        flex: 0;
        position: absolute;
    }
}

div.widget-control .indicator-pill.grey {
    color: white !important;
}

.filter-box .form-control {
    border: 1px solid #ddd; 
}

.list-row-head{
    color: black !important;
    font-weight: bolder !important;
    background: #c8defd !important;
}

.level-item {
    color: black !important;
    font-weight: bolder !important;
}

.dt-cell--header .dt-cell__content {
    color: black !important;
    font-weight: bolder !important;
    background: #c8defd !important;
}

.grid-heading-row {
    color: black !important;
    font-weight: bolder !important;
    background: #c8defd !important;
}

.phone-picker {
    max-width: unset !important;
    width: 25vw !important;
}

.phone-picker .phones {
    flex-wrap:unset !important;
    flex-direction: column !important;
}

.phone-picker .phones .phone-wrapper {
    width: unset !important;
    white-space: nowrap !important;
}
.phone-picker-popover {
    max-width: unset !important;
}

.page-container {
    background: #f1f6fa !important;
}

.page-head {
    background: #f1f6fa !important;
}

.layout-side-section {
    border-radius: 1rem;
}

.layout-main-section {
    border-radius: 1rem;
    margin: 1rem;
}

div[role="option"]:has(p[title="Advanced Search"]),
div[role="option"]:has(p[title^="Create a new"]) {
    display: none !important;
}
.forgot-password-message {
    display: block;
}