/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@font-face {
    font-family: 'Raleway-Light';
    src: url('../fonts/Raleway-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway-Semibold';
    src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('../fonts/RobotoSlab-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

* {
    font-family: Roboto-Regular, Arial, sans-serif;
}

:root {
    --GLS-email-list-background: white;
    --GLS-email-list-item-color: #414141;
    --GLS-email-list-bind-color: rgba(0,0,0,.6);
    --GLS-email-item-border: #e1e1e1;
    --GLS-email-item-disabled: #b1b1b1;
    --GLS-email-item-selected: #f1f1f1;
    --GLS-email-hover-background: #f8f9fa;
    --GLS-email-toolbar-background: #fff;
    --GLS-email-hover-color: #000;
    --GLS-email-new-indicator: dodgerblue;
}


html,
body,
#root,
#app,
app {
    height: 100%;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    min-height: 100vh;
}

canvas {
    display: block;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
    list-style: none;
}

a {
    color: black;
}

.inline-svg svg {
    height: 1em;
    vertical-align: text-bottom;
}

.e-fe-save::before {
    content: '\ec11';
}

.e-fe-save-as::before {
    content: '\e704';
}

.input-border {
    border: 1px solid #d9d9d9;
    min-height: 41px;
    border-radius: 4px;
}

    .input-border:hover {
        border-color: #40a9ff;
        border-right-width: 1px;
    }

    .input-border .ant-row {
        padding: 8px;
    }

.ant-pro-setting-drawer-handle {
    display: none;
}

.ant-divider-horizontal {
    margin: 12px !important;
}

.dark-divider {
    margin: 12px 0px !important;
    border-top: 2px solid;
}

.ant-pro-page-container-children-content {
    margin: 0px;
}

.main-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}

.gls-content-no-padding {
    background-color: white;
}

.ant-form-item {
    margin-bottom: 5px !important;
}

.small-font {
    font-size: 12px;
    margin-top: -10px;
}

.e-rowcell:has(.dropdown) {
    overflow: initial;
}

.dropdown {
    position: relative;
}

.hoverMe {
    height: 100%;
    font-size: 18px;
    background-color: #fff;
    padding: 5px
}

    .hoverMe:hover + .dropContent {
        display: block;
    }

.dropContent {
    display: none;
    position: absolute;
    transform: translate(-100%, -100%);
    width: max-content;
    background-color: #eff1f4;
    z-index: 10;
}

[dir="rtl"] .dropContent {
    transform: translate(100%, -100%);
}

.dropContent:hover {
    display: block;
}


    .dropContent:hover > [data-tooltip]:after {
        white-space: nowrap;
    }

/* width */
::-webkit-scrollbar {
    width: 10px;
    margin-left: 1px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #6f6b6b4d;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.padding-20 {
    padding: 20px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-horizontal-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.custom-title {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: x-large;
}

.padding-10 {
    padding: 10px;
}

.logo {
    line-height: 32px;
    cursor: pointer;
    width: 45px;
    margin-left: 75px;
    margin-bottom: 10px;
}

.side-margin-4 {
    margin-left: 4%;
    margin-right: 4%;
}

.side-margin-15 {
    margin-left: 15%;
    margin-right: 15%;
}

.white-bg {
    background-color: #FFFFFF;
}

.strike-through {
    text-decoration: line-through;
}

.text-centered {
    text-align: center;
}

.red-text {
    color: red;
}

.custom-icons {
    font-size: 80px;
}

.m-t-1 {
    margin-top: 5px;
}

.m-t-2 {
    margin-top: 10px;
}

.m-t-3 {
    margin-top: 15px;
}

.m-t-4 {
    margin-top: 20px;
}

.m-t-5 {
    margin-top: 25px;
}

.m-t-6 {
    margin-top: 30px;
}

.m-l-1 {
    margin-left: 5px;
}

.m-l-2 {
    margin-left: 10px;
}

.m-l-4 {
    margin-left: 20px;
}

.m-l-5 {
    margin-left: 25px;
}

.m-b-1 {
    margin-bottom: 5px;
}

.m-b-2 {
    margin-bottom: 10px;
}

.m-b-3 {
    margin-bottom: 15px;
}

.m-b-6 {
    margin-bottom: 30px;
}

.m-b-6 {
    margin-bottom: 30px;
}

.m-b-8 {
    margin-bottom: 45px;
}

.m-r-1 {
    margin-right: 5px;
}

.m-r-2 {
    margin-right: 10px;
}

.m-h-3 {
    margin-left: 15px;
    margin-right: 15px;
}

.table-header {
    color: #1C2023 !important;
    letter-spacing: -1.5px;
    font-family: Raleway-Light, Arial, sans-serif;
    vertical-align: middle;
    font-size: 2rem !important;
}

.tooltip-min-width {
    min-width: 500px;
}

.ant-layout-header {
    background-color: #fff !important;
    padding-right: 5px;
    height: 68px;
}

.gls-logo-content {
    background-color: #fff !important;
    align-items: center;
}

.gls-logo-img1 {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 32px;
    cursor: pointer;
    width: 45px;
    height: 68px;
    padding: 8px 0px;
}

.gls-logo-small {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 32px;
    cursor: pointer;
    width: 26px;
    height: 40px;
    padding: 8px 0px;
}

.ant-layout-footer {
    padding: 8px;
}

.menu-shortcut-content {
    padding: 0px 12px !important;
}

.menu-shortcut-content-collapsed {
    padding-left: 5px;
}

.ant-pro-sider-menu,
.ant-layout-sider-trigger {
    max-width: 200px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.ant-layout-footer {
    height: 30px !important;
    background-color: transparent;
}

.menu-shortcut-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 16px;
    border-radius: 4px;
}

.ant-layout-content {
    margin-top: 5px;
}

.ant-message {
    z-index: 1200000;
}

.sant-layout-sider-children {
    overflow-x: auto;
}


.ant-menu-item, .ant-menu-submenu-title {
    padding-left: 10px !important;
    padding-right: 0 !important;
}

.ant-menu-submenu-open > ul > li > .ant-menu-title-content {
    padding-left: 20px !important;
    padding-right: 0 !important;
    font-size: 12px;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 32px;
    line-height: 32px;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #456f80;
}

.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub {
    color: rgba(255, 255, 255, 0.65);
    background: #487486;
}

.ant-pro-sider-links > ul,
.ant-pro-sider-menu,
.ant-layout-sider-trigger,
.ant-menu-sub {
    color: white !important;
    font-weight: 500;
    background-color: #3a5d6b !important;
    box-shadow: none;
}

.ant-pro-sider-menu {
    overflow-y: hidden !important;
}

.ant-pro-sider-links > ul > li > ul {
    color: white !important;
    background-color: #487486 !important;
    font-weight: 200;
    font-size: 13px
}

.ant-menu-title-content {
    padding: 0 4px;
    margin-left: 0px !important;
    margin-right: 20px;
}

.ant-menu-submenu-title {
    padding: 0 6px !important;
}

.ant-menu-item {
    padding-left: 10px !important;
    padding-right: 0 !important;
    margin: 0px;
}

    .ant-menu-item > span {
        color: #fff !important;
        font-family: Roboto-Regular, 'Arial', sans-serif;
    }

.detail-header {
    font-size: 13px;
    color: rgba(0,0,0,0.45);
}

.ant-tooltip-inner {
    color: black;
    background-color: #fff;
    display: block;
}

.ant-tooltip-arrow-content::before {
    background: #fff !important;
}

.ant-menu-item .anticon + span {
    margin-left: 0px;
}

.ant-btn-sm {
    padding: 0px 4px;
}

.ant-badge-count {
    background-color: #c0392b;
}

.bi-reset-filter {
    min-width: 15px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-y: top;
    background-position-x: center;
    vertical-align: middle;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M629.76 888.746667L750.933333 768l-121.173333-120.746667 60.16-60.16L810.666667 706.986667l120.746666-119.893334 60.16 60.16L871.68 768l119.893333 120.746667-60.16 60.16L810.666667 827.733333l-120.746667 121.173334-60.16-60.16M85.333333 85.333333h768v85.333334h-3.413333L554.666667 465.92v511.573333l-170.666667-170.666666v-341.333334L89.173333 170.666667H85.333333V85.333333z' fill='black' /></svg>");
}

.bi-reset-filter-disabled {
    background-image: url("data:image/svg+xml;utf8,<svg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M629.76 888.746667L750.933333 768l-121.173333-120.746667 60.16-60.16L810.666667 706.986667l120.746666-119.893334 60.16 60.16L871.68 768l119.893333 120.746667-60.16 60.16L810.666667 827.733333l-120.746667 121.173334-60.16-60.16M85.333333 85.333333h768v85.333334h-3.413333L554.666667 465.92v511.573333l-170.666667-170.666666v-341.333334L89.173333 170.666667H85.333333V85.333333z' fill='rgba(0,0,0,.25)' /></svg>");
}

.disabled-button {
    cursor: not-allowed;
}

.ant-menu-item > span > a {
    color: rgba(255, 255, 255, 1) !important;
}

    .ant-menu-item > span > a:hover {
        color: rgba(255, 255, 255, 0.65) !important;
    }

.ant-empty {
    padding-top: 50px;
}

.mailbox {
    font-weight: 400;
    padding: 5px 4px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0 !important;
    border-radius: 0.25rem;
    word-break: normal;
    line-height: 30px;
    margin-right: 3px;
}

.description {
    margin-top: 0;
    font-size: .92857143em;
    color: rgba(0,0,0,.4);
}

.matter-sub-category {
    color: rgba(0,0,0,.65);
}

.column-subtitle {
    margin-top: 24px;
    font-size: 12px;
}

.mailbox-sender {
    background-color: #868e96;
}

.mailbox-to {
    background-color: #817086;
}

.mailbox-cc {
    background-color: #26dad2;
}

.mailbox-bcc {
    margin-top: 50px;
    background-color: #1890FF;
}


button.inline {
    background-color: var(--GLS-email-item-border);
    border-color: var(--GLS-email-item-border);
    color: var(--GLS-email-hover-color);
    margin-right: 5px;
}

    button.inline:hover {
        background-color: var(--GLS-email-item-disabled) !important;
        border-color: var(--GLS-email-item-disabled) !important;
        color: var(--GLS-email-hover-color) !important;
    }

    button.inline:focus {
        background-color: var(--GLS-email-item-disabled) !important;
        border-color: var(--GLS-email-item-disabled) !important;
        color: var(--GLS-email-hover-color) !important;
    }

.e-btn {
    background-color: var(--GLS-email-toolbar-background);
    border-color: var(--GLS-email-toolbar-background);
    color: var(--GLS-email-hover-color);
}

.e-btn-group .e-btn:disabled {
    cursor: not-allowed;
    background-color: var(--GLS-email-toolbar-background);
    border-color: var(--GLS-email-toolbar-background);
    color: var(--GLS-email-item-disabled);
}

.e-btn-group .e-btn:hover {
    background-color: var(--GLS-email-toolbar-background);
    border-color: var(--GLS-email-toolbar-background);
    border-bottom-color: var(--GLS-email-new-indicator);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: var(--GLS-email-new-indicator);
}

.e-btn-group .e-btn:focus {
    background-color: var(--GLS-email-toolbar-background);
    border-color: var(--GLS-email-toolbar-background);
    border-bottom-color: var(--GLS-email-new-indicator);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: var(--GLS-email-new-indicator);
}

.e-btn-group .e-btn:focus, .e-btn-group input:focus + label.e-btn, .e-css.e-btn-group .e-btn:focus, .e-css.e-btn-group input:focus + label.e-btn {
    outline: none;
    outline-offset: 0;
    box-shadow: 0 0 0 0px rgba(130,138,145,.5);
    outline-color: inherit;
}

.e-btn-group:not(.e-outline), .e-css.e-btn-group:not(.e-outline) {
    box-shadow: none;
}

.e-grid td.e-active {
    background: #badeff;
}

.e-dashboardlayout {
    z-index: 50;
}

.e-freezerightborder {
    clip-path: none !important;
    box-shadow: none !important;
}

.e-altrow > .e-rowcell.e-rightfreeze {
    background-color: transparent !important;
}

tr:not(.e-altrow) > .e-rowcell.e-rightfreeze {
    background-color: transparent !important;
}

.e-grid .e-row:hover .e-rowcell.e-rightfreeze {
    background-color: transparent !important;
}

.e-grid .e-row .e-selectionbackground.e-rowcell.e-rightfreeze {
    background-color: transparent !important;
}

.ant-select-dropdown {
    border-radius: 4px !important;
}

.ant-select-item {
    padding: 5px 4px !important;
    border-bottom: #f5f5f5 0.5px solid !important;
}

.matter-heading {
    margin-bottom: -2px;
    margin-left: 5px;
}

.matter-name {
    white-space: nowrap;
}

.matter-details {
    margin-left: 5px;
    font-size: 11px;
}

.matter-page-details {
    color: rgb(28, 32, 35);
    outline: none !important;
}

.serial-number {
    margin-right: 1rem;
}

.matter-category {
    margin-top: -8px;
}

.ant-card-body {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 2px;
}

.ant-card-head {
    padding: 0 12px !important;
}

.ant-card-extra button {
    background-color: inherit;
    border-style: none;
}

.ant-form-item {
    margin-bottom: 0;
}

code {
    color: var(--GLS-email-list-item-color);
}

.unbind {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: red;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.btn-more {
    border-width: 0px;
    box-shadow: none;
    color: var(--GLS-email-new-indicator);
    padding: 5px;
}

.fixed-panel {
    overflow: auto;
    background-color: var(--GLS-email-list-background);
    overflow-x: hidden;
}

.ant-list {
    font-size: 13px;
}

.ant-list-item {
    margin-left: 5px;
    user-select: none !important;
}

.ant-list-split .ant-list-item:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal {
    background-color: var(--GLS-email-list-background);
}

.e-avatar.e-avatar-circle {
    border-radius: 50%;
    margin: 6px;
    margin-right: 20px;
    color: var(--GLS-email-list-background);
    min-width: 40px;
}

.client-avatar {
    background-color: rgb(100, 61, 61);
}

.employee-avatar {
    background-color: rgb(38, 38, 38);
}

.spoc-avatar {
    background-color: rgb(65, 42, 76);
}

.candidate-avatar {
    background-color: rgb(10, 59, 100);
}

.vendor-avatar {
    background-color: rgb(18, 84, 153);
}

.unknown-avatar {
    background-color: rgb(200, 200, 200);
}

.items-list {
    max-height: 50vh;
    overflow: inherit;
}

.list-item {
    position: relative;
    display: flex;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: var(--GLS-email-item-border);
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-item-info {
    width: 100%;
}

.list-email {
    color: var(--GLS-email-list-item-color);
    background-color: var(--GLS-email-list-background);
    border-width: 0px;
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.375rem;
}

.list-email-item.selected {
    z-index: 2;
    background-color: var(--GLS-email-item-selected);
}

    .list-email-item.selected:hover {
        background-color: var(--GLS-email-item-border);
    }

.list-email-item {
    position: relative;
    display: block;
    padding: 7px 2px;
    color: var(--GLS-email-list-item-color);
    text-decoration: none;
}

    .list-email-item:hover {
        color: var(--GLS-email-hover-color);
        background-color: var(--GLS-email-hover-background);
        cursor: pointer;
    }

.list-email-content {
    color: var(--GLS-email-list-bind-color);
}

.list-email-header {
    color: var(--GLS-email-hover-color);
}

.list-email-unread {
    font-weight: 600;
    color: var(--GLS-email-hover-color);
}

.text-muted {
    color: var(--GLS-email-list-item-color) !important;
}

.email-attachment {
    float: right;
    font-size: 16px;
    margin-top: 6px;
}

.email-tag-color {
    float: right;
    font-size: 14px;
    float: right;
    margin-left: 5px;
}

.email-matter {
    font-size: 12px;
    float: right;
    margin-left: 5px;
    font-weight: 600;
    line-height: 22px;
    border-width: 0px;
    padding: 0px 10px;
    background-color: #E8E8E8;
    border-radius: 0.28571429rem;
    color: var(--GLS-email-list-bind-color);
}

    .email-matter a {
        color: var(--GLS-email-list-bind-color);
    }

.bi::before {
    line-height: inherit;
}

.bi-email-unread::before {
    color: var(--GLS-email-new-indicator);
    padding-left: 2px;
    font-size: 11px;
    content: "\f287";
}

.bi-email-reply::before {
    color: var(--GLS-email-new-indicator);
    padding-left: 1px;
    font-size: 16px;
    content: "\f51f";
}

.ant-input-affix-wrapper-borderless {
    background-color: var(--GLS-email-list-background);
    box-shadow: none;
    padding-bottom: 5px;
}

.btn-darkgreen {
    background-color: #607D8B;
    color: #fff;
}

    .btn-darkgreen:hover {
        background-color: #5a7582;
        color: #fff;
    }

    .btn-darkgreen:focus {
        background-color: #5a7582;
        color: #fff;
    }

.btn-darkblue {
    background-color: #273c75;
    color: #fff;
}

    .btn-darkblue:hover {
        background-color: #233563;
        color: #fff;
    }

    .btn-darkblue:focus {
        background-color: #233563;
        color: #fff;
    }

.btn-purple {
    background-color: rgb(105,94,162);
    color: #fff;
}

    .btn-purple:hover {
        background-color: rgb(128,117,183);
        color: #fff;
    }

    .btn-purple:focus {
        background-color: rgb(128,117,183);
        color: #fff;
    }

.site-tag-plus {
    background: #fff;
    border-style: dashed;
}

.ant-btn-round {
    height: 31px;
    padding: 0px 5px;
    font-size: 20px;
}

.section-title {
    color: rgb(28, 32, 35) !important;
    font-family: Raleway-Light, Arial, sans-serif !important;
    display: inline;
}

.employee-btn-primary {
    border-color: #1890ff !important;
    background: #1890ff !important;
}

.employee-card .ant-card-body {
    padding-top: 0px !important;
}

.ant-col {
    overflow-wrap: break-word;
}

.ellipses {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.ellipses-nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header-fixed {
    position: static;
    z-index: 19;
    top: 70px;
    left: 183px;
    right: 2px;
    box-shadow: 0px 4px 10px -2px rgb(0 0 0 / 10%);
    margin-top: -1px;
}

.footer-fixed {
    position: sticky;
    z-index: 16;
    bottom: 0;
    padding: 10px;
}

.col-photo {
    height: 70px !important;
}

.profile-image-col {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
}

.ant-page-header-footer {
    margin-top: 6px;
}

.ant-page-header-heading-title {
    color: #1C2023 !important;
    letter-spacing: -1.5px;
    font-family: Raleway-Light, Arial, sans-serif;
    vertical-align: middle;
    font-size: 2rem !important;
    font-weight: normal;
    line-height: 37px;
}

.ant-menu-item, .ant-menu-submenu {
    margin: 0px !important;
}

.menu-item-height, .ant-menu-submenu-title {
    height: 28px !important;
}

.ant-menu-submenu-title {
    margin: 0 !important;
}

Input.disabled {
    color: black !important
}

.ant-tag-darkgreen {
    color: #487486;
    background: #fff;
    border-color: #487486;
}

.candidateEditIcon, .candidateConvertIcon, .employeeEditIcon {
    font-size: 20px;
}

.EditSignatureBtn {
    margin-top: 120px !important;
}

.btn-matt-purple {
    color: #fff !important;
    background-color: #8c7ae6 !important;
    border-color: #8c7ae6 !important;
}

.reportFilter {
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 10px;
}

.reportCard {
    text-align: center;
    padding: 10px 0px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
    height: 100%;
}

.fullHeigh, .fullHeightCard .ant-card-body {
    height: 100%;
}

.cardNumberBold {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1;
}

.cardTitle {
    font-family: Raleway-Light, Arial, sans-serif !important;
    line-height: 18px;
    font-size: 16px;
}

.reportCard:hover {
    color: #1890ff
}

.reports-page .report-icon-wrap {
    height: 125px;
}

.report-icon-wrap {
    height: 80px;
}

.reports-page .report-icon {
    height: 100%;
    margin-bottom: 0px;
}

.report-icon {
    bottom: 6px;
    margin-bottom: 10px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 70%;
}

.reportCard .anticon {
    width: 50px;
}

.reports-page .anticon {
    width: 85px;
    margin-top: 15px;
}

.reports-page .reportCard .content {
    font-size: 16px;
}

    .reports-page .reportCard .content i {
        font-size: 5em;
    }

.reportCard .content i {
    font-size: 3.5em;
}

.reportsSubtitle {
    padding-left: 10px;
}

.missingChecklis {
    margin-top: 20px;
}

.reports {
    padding: 0px 10px;
}

.reportNestedCell {
    min-height: 20px;
}

.reportTotal {
    color: #1C2023 !important;
    letter-spacing: -1.5px;
    font-family: Raleway-Light, Arial, sans-serif;
    font-size: 2rem !important;
    vertical-align: middle;
}

.center {
    height: 50px;
    line-height: 50px;
}

.matterHandlerConfirmIcon {
    color: #faad14;
    margin-right: 10PX;
    font-size: 20px;
}

.notification_item {
    padding: 6px !important;
}

.notification-popup {
    background-color: #487486;
    padding: 10px 15px 0px 15px;
    width: 350px;
    cursor: pointer;
    margin-left: 50px;
    border-radius: 4px;
    margin-bottom: 0px;
}

.notification-popup-icon {
    font-size: 20px;
}


.notification_popup_title {
    font-size: 16px !important;
    color: #ffffff;
    font-weight: bold;
}

.notification_popup_description {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 8px;
}

    .notification_popup_description a {
        color: #ffffff;
    }

.notification_popup_footer {
    margin-top: 5px;
    font-size: 12px;
    color: #ffffff;
}

.ant-notification-notice-close,
.ant-notification-notice-close:hover {
    color: #ffffff;
}

.notification_title {
    font-size: 13.5px !important;
    font-family: Roboto-Regular, 'Arial', sans-serif;
    color: #000000A6;
}

.notification_description {
    margin-top: 5px;
    font-size: 10px;
    color: #5f6368;
}

    .notification_description b {
        font-weight: 700
    }


.notification_unseen {
    background-color: #f0f0f0;
    font-weight: bold;
}

.alert-box {
    margin-top: 0.75rem;
    border-radius: 5px !important;
}

.ant-list-item-notify {
    padding: 1px 0;
}

.display-none {
    display: none !important;
}

ul.notification-list-dashboard li {
    font-size: 12px;
    border-left: 1px solid #ddd;
}

.exclamation-warning {
    font-weight: 900;
    font-size: 1.33333em;
    line-height: .75em;
    color: rgb(248, 148, 6);
    margin-right: 10px;
    margin-left: 10px;
}

.ant-notification-notice-close {
    top: 12px;
}

.text-muted {
    color: #99abb4 !important;
}

.seeMorebtn {
    color: black;
}

    .seeMorebtn:hover {
        background-color: lightgray;
        color: black
    }

.e-gridheader-b {
    background-color: #fff;
    border-bottom-color: #dee2e6;
    border-top-color: #dee2e6;
    color: #212529;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
}

.user-image-grid {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-style: none;
}

.text-align-last-centered {
    text-align-last: center;
}

.consultant-card {
    width: 300px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    background-color: white;
}

    .consultant-card .header {
        height: 100px;
        background-color: #007BFF;
    }

        .consultant-card .header .avatar {
            margin-top: 40px;
            background-color: white;
            border: 5px solid white;
        }

    .consultant-card .content {
        padding: 0px 15px 0px 15px;
    }

.fullWidth {
    width: 100%;
}

.archiveicon {
    color: #3FA8FD;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    padding: 6px;
}

.ant-page-header {
    padding: 4px 8px !important;
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab {
    padding: 3px 6px !important;
}

.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
    padding-left: 5px !important;
}

.relate-div {
    color: #fff;
    background-color: #487486;
    border-color: #487486;
    padding: 4px;
    border-radius: 3px;
    font-size: 11px;
    white-space: nowrap;
}

.contact-tags {
    color: #275297;
    font-size: 11px;
}

.menu-overflow {
    height: 100vh;
    padding-bottom: 30px;
    overflow-y: auto !important;
}

.calendar-link-main-card .ant-card-head {
    background-color: #1890ff;
    color: white;
    font-weight: bold;
    border-radius: 3px;
}

.calendar-link-sub-card {
    font-weight: bold;
    border-radius: 3px;
}

.ant-skeleton-element, .ant-skeleton-input {
    width: 100% !important;
}

@media (max-width: 480px) {
    .ant-table {
        width: 100%;
        overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
        /*white-space: pre;*/
    }

        .ant-table-thead > tr > th > span,
        .ant-table-tbody > tr > th > span,
        .ant-table-thead > tr > td > span,
        .ant-table-tbody > tr > td > span {
            display: block;
        }

    .ant-layout-header {
        height: auto !important;
        line-height: 35px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body .ant-design-pro > .ant-layout {
        min-height: 100vh;
    }
}

@media print {

    table {
        width: 100%;
        break-inside: auto
    }

    .e-gridheader {
        background: #faf9fc;
        font-weight: 700;
        display: table-header-group !important;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    input, .input-border, .ant-input-number {
        border: 0 !important;
        visibility: visible !important;
    }

    button, .anticon-close, .ant-form-item-required::before, .e-hide, .no-display, .e-spin-bootstrap5 {
        display: none !important;
    }

    span > svg {
        display: none;
    }

    .ant-select-selector {
        border: 0 !important;
    }

    .e-headercelldiv {
        text-align: left !important;
    }

    .e-rowcell {
        border: 0 !important;
    }

    .e-grid {
        border: 0 !important;
    }

    .e-rhandler {
        border: 0 !important;
    }

    .relate-div {
        color: black !important;
        background-color: #fff !important;
        border: 0 !important;
    }

    .e-toolbar, .anticon-copy {
        display: none !important;
    }

    .ant-typography {
        color: black !important;
    }
}

@media screen and (max-width: 1200px) {
    .baseView {
        flex-direction: column-reverse;
    }

        .baseView .right__b__1 {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 448px;
            padding: 20px;
        }

            .baseView .right__b__1 .avatar_title {
                display: none;
            }
}

.ant-btn > span {
    margin-left: 2px !important;
}

#reconnect-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255,0.7); /* White w/ opacity */

    color: #000000;
    border: 1px solid #888;
    padding-top: 27px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.recipients-container {
    width: 100%;
}

.recipients {
    display: flex;
    flex-direction: row;
}

.dropzone {
    list-style: none;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    display: flex;
}

.ant-drawer-right > .ant-drawer-content-wrapper {
    box-shadow: none;
}

.ant-modal-footer {
    padding: 10px 24px !important;
}

.ant-modal-body {
    padding: 12px 18px 6px 18px !important;
}

.ant-modal-header {
    padding: 16px 24px 6px 18px !important;
}

.contact-list-modal {
    z-index: 1030;
}

div#grid-cc-record-print-area .e-tooltip-wrap.e-popup {
    width: 220px !important;
    left: 30px !important;
}

.e-tooltip-wrap.e-popup {
    background-color: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 2px !important;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05) !important;
    font-family: Roboto-Regular, 'Arial', sans-serif !important;
}

.e-tooltip-wrap .e-tip-content {
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    font-family: Roboto-Regular, 'Arial', sans-serif !important;
}

.e-tooltip {
    font-size: 14px;
    font-family: Roboto-Regular, 'Arial', sans-serif !important;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
    border-left: 12px solid #ffffff00;
    border-right: 14px solid #ffffff00;
    border-top: 12px solid #ffffff00;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
    color: #fff;
}

.e-tooltip-wrap .e-tip-content {
    color: #000 !important;
}

.ant-affix {
    animation: none !important;
}

.ant-affix-static {
    animation: none !important;
}

@media print {
    .e-tooltip {
        font-weight: 600;
    }
}


.invoice-table .e-grid {
    border: solid 1px !important;
}


.invoice-table .e-gridcontent {
    height: auto !important;
}

.invoice-table .e-grid .e-gridheader {
    border: none !important;
}

.invoice-table .e-rowcell {
    border: none !important;
    background-color: #ffffff !important;
    vertical-align: middle !important;
    text-align: center !important;
    margin: auto !important;
}

.invoice-table .e-headercell {
    border: none !important;
    background-color: #eeeeee !important;
}

.invoice-table .e-summarycell {
    vertical-align: middle !important;
    text-align: center !important;
    border: none !important;
    background-color: #eeeeee !important;
}

.invoice-table .table-header {
    font-size: 1.6rem !important;
}

.multi-column-list {
    column-count: 2;
    column-gap: 1rem;
}

.plan-input-number {
    width: 80px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

    .plan-input-number:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

.e-appointment {
    cursor: pointer !important;
}

.e-bottom-handler {
    margin-bottom: .5rem;
}

    .e-bottom-handler::before {
        display: block;
        margin: auto;
        content: "=";
        width: 20px;
        height: 20px;
        color: #dbdbdb;
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s ease;
        font-size: 1.5em;
    }

.e-appointment.e-lib.e-draggable:not(.e-all-day-appointment):hover {
    width: 100% !important;
    z-index: 1000;
}

.e-appointment:hover .e-bottom-handler::before {
    opacity: 1;
}


.dropdownshourtcut {
    width: 32px;
    height: 32px;
    padding: 0px 6px 0px 6px !important;
    font-size: 16px;
    border-radius: 4px;
}


    .dropdownshourtcut .e-btn-icon {
        width: fit-content !important;
        margin: 0px !important;
    }

    .dropdownshourtcut:hover, .dropdownshourtcut:focus {
        color: #40a9ff;
        border-color: #40a9ff;
        background: #fff;
    }

    .dropdownshourtcut ul {
        position: relative;
        bottom: 30px;
        margin-left: 2rem;
        background: white;
        color: black;
    }

        .dropdownshourtcut ul .e-item:hover {
            color: #40a9ff;
        }

    .dropdownshourtcut .e-caret, .dropdownshourtcut.e-btn .e-caret {
        visibility: hidden;
    }

    .dropdownshourtcut.e-btn.e-active {
        background: #ffffff;
        color: black;
    }

.e-dropdown-popup.e-control.dropdownshourtcut {
    background: transparent !important;
}

.ant-input-textarea-show-count::after {
    font-size: x-small;
}

.small-btn {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 15px;
    border-radius: 4px;
}

.e-rte-content ul, .e-rte-content ol {
   list-style: revert;
}

.e-rte-content li {
   margin: 0 0 !important;
}

/* RTL fixes for GLSTable ExtraActions margin utilities */
[dir="rtl"] .m-l-1 {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

[dir="rtl"] .m-l-2 {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

[dir="rtl"] .m-l-4 {
    margin-left: 0 !important;
    margin-right: 20px !important;
}

[dir="rtl"] .m-l-5 {
    margin-left: 0 !important;
    margin-right: 25px !important;
}

/* RTL fixes for right margin utilities */
[dir="rtl"] .m-r-1 {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

[dir="rtl"] .m-r-2 {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* RTL fixes for horizontal margin utilities */
[dir="rtl"] .m-h-3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

/* RTL fixes for padding utilities if needed */
[dir="rtl"] .p-l-4 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

[dir="rtl"] .p-r-4 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}