:root {
    --primary-color: #3ea8e8;
    --color-seconday: #000;
    --color-accent: #2f363e;
    --body-bg: #f5f5f5;
    --bs-primary-rgb: var(--color-seconday);
    --sidebar-bg: #2f363e;
    --sidebar-menu-color: var(--primary-color);
    --sidebar-menu-active-item-color: #ffffff;
    --sidebar-menu-active-item-bg:  var(--primary-color);
    --sidebar-menu-icon-color: #3ea8e8;
    --sidebar-menu-icon-active-color: #ffffff;
    --text-primary-color: var(--primary-color);
    --text-secondary-color: var(--color-seconday);
    --text-accent-color: var(--color-seconday);
    --bs-bg-primary: var(--primary-color);
    --text-help-color: var(--orange-300);
    --button-primary-bg: var(--primary-color);
    --button-hover-shadow: var(--primary-color);
    --pagination-active-bg: var(--primary-color);
    --sidebar-menu-header-color: #ffffff;
    --badge-boolean-true-bg: var(--primary-color);
    /*--font-size-base: 15px;*/
    --body-max-width: 100%;
    --bs-card-bg: var(--color-seconday);
    --bs-secondary-bg: var(--color-seconday);
    --bs-primary: var(--primary-color);

    --ct-blue: #3e60d5;
    --ct-indigo: #3e60d5;
    --ct-purple: #6b5eae;
    --ct-pink: #ff679b;
    --ct-red: #f15776;
    --ct-orange: #fd7e14;
    --ct-yellow: #ffc35a;
    --ct-green: #47ad77;
    --ct-teal: #02a8b5;
    --ct-cyan: #16a7e9;
    --ct-black: #000;
    --ct-white: #fff;
    --ct-gray: #6c757d;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f8f9fa;
    --ct-gray-200: #f2f2f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #adb5bd;
    --ct-gray-600: #6c757d;
    --ct-gray-700: #495057;
    --ct-gray-800: #343a40;
    --ct-gray-900: #212529;
    --ct-primary: #3e60d5;
    --ct-secondary: #6c757d;
    --ct-success: #47ad77;
    --ct-info: #16a7e9;
    --ct-warning: #ffc35a;
    --ct-danger: #f15776;
    --ct-light: #f2f2f7;
    --ct-dark: #212529;
    --ct-primary-rgb: 62,96,213;
    --ct-secondary-rgb: 108,117,125;
    --ct-success-rgb: 71,173,119;
    --ct-info-rgb: 22,167,233;
    --ct-warning-rgb: 255,195,90;
    --ct-danger-rgb: 241,87,118;
    --ct-light-rgb: 242,242,247;
    --ct-dark-rgb: 33,37,41;
    --ct-primary-text-emphasis: #3856c0;
    --ct-secondary-text-emphasis: #616971;
    --ct-success-text-emphasis: #409c6b;
    --ct-info-text-emphasis: #1496d2;
    --ct-warning-text-emphasis: #e6b051;
    --ct-danger-text-emphasis: #d94e6a;
    --ct-light-text-emphasis: #ced4da;
    --ct-dark-text-emphasis: #495057;
    --ct-primary-bg-subtle: #eceffb;
    --ct-secondary-bg-subtle: #f8f9fa;
    --ct-success-bg-subtle: #daefe4;
    --ct-info-bg-subtle: #d0edfb;
    --ct-warning-bg-subtle: #fff3de;
    --ct-danger-bg-subtle: #fcdde4;
    --ct-light-bg-subtle: #fcfcfd;
    --ct-dark-bg-subtle: #ced4da;
    --ct-primary-border-subtle: #b2bfee;
    --ct-secondary-border-subtle: #f2f2f7;
    --ct-success-border-subtle: #b5dec9;
    --ct-info-border-subtle: #a2dcf6;
    --ct-warning-border-subtle: #ffe7bd;
    --ct-danger-border-subtle: #f9bcc8;
    --ct-light-border-subtle: #f2f2f7;
    --ct-dark-border-subtle: #adb5bd;
    --ct-white-rgb: 255,255,255;
    --ct-black-rgb: 0,0,0;
    --ct-font-sans-serif: "Figtree",sans-serif;
    --ct-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: var(--ct-font-sans-serif);
    --ct-body-font-size: 0.875rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #6c757d;
    --ct-body-color-rgb: 108,117,125;
    --ct-body-bg: #f2f2f7;
    --ct-body-bg-rgb: 242,242,247;
    --ct-emphasis-color: #000;
    --ct-emphasis-color-rgb: 0,0,0;
    --ct-secondary-color: rgba(108, 117, 125, 0.75);
    --ct-secondary-color-rgb: 108,117,125;
    --ct-secondary-bg: #fff;
    --ct-secondary-bg-rgb: 255,255,255;
    --ct-tertiary-color: #313539;
    --ct-tertiary-color-rgb: 49,53,57;
    --ct-tertiary-bg: #f8f9fa;
    --ct-tertiary-bg-rgb: 248,249,250;
    --ct-link-color: #3e60d5;
    --ct-link-color-rgb: 62,96,213;
    --ct-link-decoration: none;
    --ct-link-hover-color: #3552b5;
    --ct-link-hover-color-rgb: 53,82,181;
    --ct-code-color: #16a7e9;
    --ct-highlight-bg: #fff3de;
    --ct-border-width: 1px;
    --ct-border-style: solid;
    --ct-border-color: #dee2e6;
    --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
    --ct-border-radius: 0.375rem;
    --ct-border-radius-sm: 0.25rem;
    --ct-border-radius-lg: 0.5rem;
    --ct-border-radius-xl: 1rem;
    --ct-border-radius-xxl: 2rem;
    --ct-border-radius-2xl: var(--ct-border-radius-xxl);
    --ct-border-radius-pill: 50rem;
    --ct-box-shadow: 0 1px 3px rgba(27, 23, 30, 0.1);
    --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
    --ct-box-shadow-lg: 0 0 45px 0 rgba(var(--ct-body-color-rgb), 0.2);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(var(--ct-body-color-rgb), 0.075);
    --ct-focus-ring-width: 0.25rem;
    --ct-focus-ring-opacity: 0.25;
    --ct-focus-ring-color: rgba(62, 96, 213, 0.25);
    --ct-form-valid-color: #47ad77;
    --ct-form-valid-border-color: #47ad77;
    --ct-form-invalid-color: #f15776;
    --ct-form-invalid-border-color: #f15776;
}

/*.bg-primary {*/
/*    --bs-bg-opacity: 1;*/
/*    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;*/
/*}*/

.bg-primary {
    background-color: #3ea8e8 !important;
}

.text-primary {
    color: #3ea8e8 !important;
}

.card {
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
    --ct-card-spacer-y: 1.5rem;
    --ct-card-spacer-x: 1.5rem;
    --ct-card-title-spacer-y: 0.75rem;
    /*--ct-card-border-width: var(--ct-theme-card-border-width);*/
    --ct-card-border-color: var(--ct-border-color);
    --ct-card-border-radius: var(--ct-border-radius);
    --ct-card-box-shadow: var(--ct-box-shadow);
    /*--ct-card-inner-border-radius: calc(var(--ct-border-radius) - (var(--ct-theme-card-border-width)));*/
    --ct-card-cap-padding-y: 1.125rem;
    --ct-card-cap-padding-x: 1.5rem;
    --ct-card-cap-bg: transparent;
    --ct-card-bg: var(--ct-secondary-bg);
    --ct-card-img-overlay-padding: 1.5rem;
    --ct-card-group-margin: 0.625rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    /*height: var(--ct-card-height);*/
    color: var(--ct-body-color);
    word-wrap: break-word;
    background-color: var(--ct-card-bg);
    background-clip: border-box;
    border: var(--ct-card-border-width) solid var(--ct-card-border-color);
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-body-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--color-accent);
    background-color: var(--bs-primary);
}

.card-header:first-child {
    border-radius: var(--ct-card-inner-border-radius) var(--ct-card-inner-border-radius) 0 0;
}

.card-header {
    padding: var(--ct-card-cap-padding-y) var(--ct-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--primary-color);
    background-color: var(--ct-card-cap-bg);
    border-bottom: var(--ct-card-border-width) solid var(--ct-card-border-color);
}

.centered-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust as needed */
}

.badge-priority{
    color: white;
    background-color: var(--ct-danger);
}

.extra-small-text {
    font-size: 0.75rem !important; /* Equivalent to 12px */
}

.placeholder {
    background: #ffff00;
    padding: 4px 2px;
    outline-offset: -2px;
    line-height: 1em;
    margin: 0 1px;
}

.placeholder::selection {
    display: none;
}

.dropdown-menu {
    width: 100%; /* Default width for all screens */
}

@media (min-width: 768px) {
    .dropdown-menu {
        width: 20vw; /* Adjust width for larger screens */
    }
}

.list-group {
    background-color: transparent; /* Remove background color */
    border-color: transparent; /* Remove border color */
}



textarea.input100 {
    padding: 19px 35px 0;
}

.input100 {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    color: #8f8fa1;
    line-height: 1.2;
}

textarea {
    outline: none;
    border: none;
    overflow: auto;
    resize: vertical;
}

#LegalFile_caseSubType{
    display: none;
}