@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Light-bgRlIQFQ.woff2') format('woff2'),
        url('/assets/Poppins-Light-Dcv22Q01.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Italic-Bq40s-ld.woff2') format('woff2'),
        url('/assets/Poppins-Italic-BN0P34H5.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-ExtraBoldItalic-BCDwN-vh.woff2') format('woff2'),
        url('/assets/Poppins-ExtraBoldItalic-BK0d4UpN.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-ExtraLight-CqmPI8wu.woff2') format('woff2'),
        url('/assets/Poppins-ExtraLight-DTvs0ua0.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-LightItalic-BLXvog3P.woff2') format('woff2'),
        url('/assets/Poppins-LightItalic-BL0lZB25.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-ExtraLightItalic-ChxJVciR.woff2') format('woff2'),
        url('/assets/Poppins-ExtraLightItalic-B6WSMybz.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Regular-BaFCsOL4.woff2') format('woff2'),
        url('/assets/Poppins-Regular-BPE337P8.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-MediumItalic-Dci770ex.woff2') format('woff2'),
        url('/assets/Poppins-MediumItalic-C_pnhR9R.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-SemiBold-CNA5QnUt.woff2') format('woff2'),
        url('/assets/Poppins-SemiBold-DxUT5rH1.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-ThinItalic-JKoLPdHO.woff2') format('woff2'),
        url('/assets/Poppins-ThinItalic-BgRN3hZk.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Medium-DTH7hWNJ.woff2') format('woff2'),
        url('/assets/Poppins-Medium-LVgVSt0Y.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-SemiBoldItalic--2FwfKkV.woff2') format('woff2'),
        url('/assets/Poppins-SemiBoldItalic-BataqKqY.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-BlackItalic-Dg9s73vb.woff2') format('woff2'),
        url('/assets/Poppins-BlackItalic-CdhsSzZE.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Thin-DgJnVvY3.woff2') format('woff2'),
        url('/assets/Poppins-Thin-CnkTmEuF.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Black-CrKy-4ZW.woff2') format('woff2'),
        url('/assets/Poppins-Black-fB12cViq.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-BoldItalic-DEEHOtii.woff2') format('woff2'),
        url('/assets/Poppins-BoldItalic-CZ-geOdH.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-Bold-DkyIvnv-.woff2') format('woff2'),
        url('/assets/Poppins-Bold-BdBYEG91.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/assets/Poppins-ExtraBold-DQUrO0Zp.woff2') format('woff2'),
        url('/assets/Poppins-ExtraBold-DbcnyoZH.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
}

:root {
    --color-red-50: oklch(.971 .013 17.38);
    --color-red-100: oklch(.936 .032 17.717);
    --color-red-200: oklch(.885 .062 18.334);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-600: oklch(.577 .245 27.325);
    --color-red-700: oklch(.505 .213 27.518);
    --color-red-900: oklch(.396 .141 25.723);
    --color-orange-50: oklch(.98 .016 73.684);
    --color-orange-100: oklch(.954 .038 75.164);
    --color-orange-200: oklch(.901 .076 70.697);
    --color-orange-300: oklch(.837 .128 66.29);
    --color-orange-400: oklch(.75 .183 55.934);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-orange-600: oklch(.646 .222 41.116);
    --color-orange-700: oklch(.553 .195 38.402);
    --color-orange-800: oklch(.47 .157 37.304);
    --color-orange-900: oklch(.408 .123 38.172);
    --color-amber-50: oklch(.987 .022 95.277);
    --color-amber-200: oklch(.924 .12 95.746);
    --color-amber-700: oklch(.555 .163 48.998);
    --color-amber-800: oklch(.473 .137 46.201);
    --color-yellow-50: oklch(.987 .026 102.212);
    --color-yellow-100: oklch(.973 .071 103.193);
    --color-yellow-200: oklch(.945 .129 101.54);
    --color-yellow-500: oklch(.795 .184 86.047);
    --color-yellow-600: oklch(.681 .162 75.834);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-600: oklch(.627 .194 149.214);
    --color-green-700: oklch(.527 .154 150.069);
    --color-emerald-50: oklch(.979 .021 166.113);
    --color-emerald-200: oklch(.905 .093 164.15);
    --color-emerald-700: oklch(.508 .118 165.612);
    --color-blue-50: oklch(.97 .014 254.604);
    --color-blue-100: oklch(.932 .032 255.585);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-blue-700: oklch(.488 .243 264.376);
    --color-blue-800: oklch(.424 .199 265.638);
    --color-blue-900: oklch(.379 .146 265.522);
    --color-purple-50: oklch(.977 .014 308.299);
    --color-purple-100: oklch(.946 .033 307.174);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-600: oklch(.558 .288 302.321);
    --color-purple-700: oklch(.496 .265 301.924);
    --color-pink-100: oklch(.948 .028 342.258);
    --color-pink-600: oklch(.592 .249 .584);
    --color-pink-700: oklch(.525 .223 3.958);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --foreground: #0a0a0a;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --white:#fff;
    --gray700:#4A5565;
    --gray200:#E5E7EB;
    --gray100:#F9FAFB;;
}

body {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    font-family: 'Poppins' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

button {
    font-family: 'Poppins';
}

button:disabled{
    opacity: 0.5;
    pointer-events: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--color-black);
}

button {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

img {
    max-width: 100%;
}

.btn-primary{
    background: #dc3c44;
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-primary svg {
    width: 16px;
    height: 16px;
}

.btn-primary , .btn-white {
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    height: 36px;
    border-color: transparent;
    transition: all 0.4s ease-in-out;
}

.btn-white{
    color: var(--color-gray-700);
}

.btn-white:hover{
    background: var(--color-gray-100);
}

.btn-primary:hover {
   background: #c22d35;
}

.btn-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    padding: 6px 12px;
    border: 1px solid var(--color-orange-300);
    color: var(--color-orange-700);
    font-size: 12px;
    line-height: 16px;
    transition: all 0.4s ease-in-out;
    background: var(--color-white);
}

.btn-outline:hover{
    background: var(--color-orange-50);
}

.btn-outline svg {
    width: 14px;
    height: 14px;
}

.purple-btn{
    border-radius: 4px;
    background: #9810FA;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    color: var(--white);
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.purple-btn svg{
    margin-right: 8px;
}

.outline-rpimary-btn{
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    color: #0A0A0A;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    display: flex;
    height: 36px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.btn-primary-bg-white {
    padding: 16px 24px;
    background: #fff;
    border-radius: 35px;
    color: var(--color-gray-900);
    font-weight: 500;
    font-size: 14px;
    border: 1px solid var(--color-gray-300);
    transition: all 0.4s ease-in-out;
}

.btn-primary-bg-white:hover{
    background: var(--color-gray-50);
}

.btn-h40{
    padding: 10px 24px;
    height: 40px;
    border-radius: 4px;
}

.login-wrapper {
    display: flex;
    min-height: 100vh;
}

.login-wrapper .login-left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #401327 0%, #5A1A38 100%);
}

.login-right-inr {
    width: 100%;
    max-width: 384px;
}

.login-wrapper .login-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #f5f2f0;
}

.title-login {
    padding-bottom: 64px;
}

.login-right-inr .title-login h1 {
    color: #101828;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.inpur-wrapper input {
    width: 100%;
    background: transparent;
    border: none;
    padding: 7px 7px 7px 0px;
    border-bottom: 1px solid var(--color-gray-300);
    color: var(--foreground);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.inpur-wrapper input::placeholder {
    color: #b2b8c2;
}

.inpur-wrapper {
    margin-bottom: 32px;
}

.inpur-wrapper input:focus-visible {
    outline: 3px solid color-mix(in oklab, #a1a1a1 50%, transparent);
}

.inpur-wrapper:last-child {
    margin-bottom: 0;
}

.login-right-inr .btn-wrapper {
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dashboard-main {
    min-height: 100vh;
}

.dashboard-right {
    position: relative;
    min-height: 100vh;
    top: 0;
    left: 78px;
    width: calc(100% - 78px);
    transition: all 0.5s ease;
    z-index: 2;
}

.sidebar.open~.dashboard-right {
    left: 256px;
    width: calc(100% - 256px);
}

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 78px;
    padding: 24px 16px;
    z-index: 1;
    transition: all 0.5s ease;
    border-right: 1px solid var(--color-gray-200);
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: #460f28;
}

.nav-list {
    flex: 1;
}

.sidebar.open {
    width: 256px;
}

.logo-details {
    display: flex;
    align-items: center;
    position: relative;
    gap: 4px;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: 1px solid color-mix(in oklab, var(--color-white) 20%, transparent);
}

.sidebar .logo-details i.burger-menu.btn-bugermenu svg.close-menu,
.sidebar.open .logo-details i.burger-menu.btn-bugermenu svg.open-menu {
    visibility: hidden;
    width: 0;
    opacity: 0;
}

.sidebar.open .logo-details i.burger-menu.btn-bugermenu svg.close-menu {
    width: auto;
    opacity: 1;
    visibility: visible;
}

.logo_name svg path {
    fill: #EF243C;
}

.logo-details i.burger-menu.btn-bugermenu svg {
    stroke: #FFFFFFCF;
    transition: all 0.4s ease-in-out;
}

.logo-details i.burger-menu.btn-bugermenu {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    border-radius: 8px;
    cursor: pointer;
}

.logo-details i.burger-menu.btn-bugermenu:hover {
    background-color:
        color-mix(in oklab, var(--color-white) 5%, transparent);
}

.logo-details i.burger-menu.btn-bugermenu:hover svg {
    stroke: #dc3c44;
}

.logo_name {
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
    width: 0;
    opacity: 0;
}

aside.sidebar.open .logo_name {
    width: auto;
    opacity: 1;
}

.main-nav-list ul li a p,
.nav-list-help ul li a p {
    width: 0;
    opacity: 0;
}

aside.sidebar.open .main-nav-list ul li a p,
aside.sidebar.open .nav-list-help ul li a p {
    opacity: 1;
}

.dropdown-menu {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
    list-style: none;
    padding-left: 14px;
}

.dropdown-menu li a {
    display: block;
    padding: 4px 0;
}

.arrow {
    transition: transform 0.25s ease;
}

.dropdown.open .arrow {
    transform: rotate(90deg);
}

.main-nav-list {
    padding: 30px 0px;
}

.main-nav-list ul li a,
.nav-list-help ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    transition: all 0.4s ease-in-out;
    width: 45px;
}

.sidebar.open .main-nav-list ul li a,
.sidebar.open .nav-list-help ul li a {
    width: 100%;
}

.main-nav-list ul li a span {
    height: 8px;
    min-width: 8px;
    border: 1px solid #FFFFFFCF;
    border-radius: 100%;
}

.main-nav-list ul {
    display: grid;
    gap: 4px;
}

.main-nav-list ul li a svg,
.nav-list-help ul li a svg {
    stroke: var(--color-white);
}

.main-nav-list ul li a p,
.nav-list-help ul li a p {
    color: var(--color-white);
    font-size: 14px;
    flex: 1;
}

.main-nav-list ul li a svg,
.main-nav-list ul li a p,
.nav-list-help ul li a svg path,
.nav-list-help ul li a p {
    transition: all 0.4s ease-in-out;
}

.main-nav-list ul li a:hover svg,
.main-nav-list ul li a.active svg:first-child,
.nav-list-help ul li a:hover,
.nav-list-help ul li a:hover svg:first-child path,
.nav-list-help ul li a.active svg {
    stroke: #dc3c44;
}

.main-nav-list ul li a:hover p,
.main-nav-list li.dropdown .dropdown-menu a:hover p,
.main-nav-list ul li a.active p,
.nav-list-help ul li a:hover p,
.nav-list-help ul li a.active p {
    color: #dc3c44;
}

.main-nav-list ul li a svg:first-child,
.nav-list-help ul li a svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.main-nav-list ul li a svg:last-child {
    width: 18px;
}

.main-nav-list li.dropdown .dropdown-menu a p {
    color: #FFFFFFCF;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-nav-list ul li:last-child {
    padding-top: 5px;
    border-top: 1px solid color-mix(in oklab, var(--color-white) 20%, transparent);
    margin-top: 5px;
    width: 45px;
    transition: all 0.4s ease-in-out;
}

aside.sidebar.open .main-nav-list ul li:last-child {
    width: 100%;
}

.dashboard-card {
    padding: 32px;
}

.dashboard-card .top-card-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
}

.dashboard-card .top-card-list .dashboard-card-body {
    flex: 1;
    padding: 24px;
    border: 1px solid var(--color-gray-200);
    background: var(--color-white);
    border-radius: 10px;
    flex-basis: 260px;
}

.dashboard-card .top-card-list .dashboard-card-body span {
    font-size: 12px;
    margin-bottom: 12px;
    display: inline-block;
    color: var(--color-gray-600);
}

.dashboard-card .top-card-list .dashboard-card-body h3 {
    font-size: 30px;
    margin-bottom: 4px;
    font-weight: normal;
    line-height: 36px;
    color: var(--color-gray-900);
}

.dashboard-card .top-card-list .dashboard-card-body p {
    color: var(--color-gray-500);
    font-size: 12px;
}

.filter-tabs {
    padding: 32px;
    padding-bottom: 0;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.filter-list {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.filter-list span {
    padding: 8px 16px;
    font-size: 14px;
    color: var(--color-gray-600);
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.filter-list span.tab-active {
    border-color: #dc3c44;
}

.right-tab-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.right-tab-inner .search-filter input {
    padding: 8px 12px 8px 36px;
    color: var(--color-gray-900);
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    font-size: 14px;
    line-height: 10px;
    width: 100%;
}

.right-tab-inner .search-filter input::placeholder {
    color: #99A1AF;
}

.right-tab-inner .search-filter {
    position: relative;
    /* min-width: 255px; */
}

.right-tab-inner .search-filter span {
    position: absolute;
    top: 10px;
    left: 12px;
    cursor: pointer;
}

.right-tab-inner .search-filter input:hover,
.right-tab-inner .search-filter input:focus {
    border-color: var(--color-gray-400);
}

.right-tab-inner .search-filter input:focus {
    outline: none;
}

.right-tab-inner .filter-dropdown>span {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    gap: 10px;
}

.right-tab-inner .filter-dropdown>span::before {
    content: '';
    position: absolute;
    left: -12px;
    width: 1px;
    height: 24px;
    background: var(--color-gray-300);
}

.right-tab-inner .filter-dropdown>span:hover,

.filter-dropdown.ausschreibungen-filter.ausschreibungen-categories .categories-title span:hover {
    background: var(--color-gray-100);
}

.right-tab-inner .filter-dropdown>span svg {
    height: 15px;
    width: 15px;
    stroke: var(--gray700);
}

.filter-dropdown {
    position: relative;
}

.filter-drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border: 1px solid var(--color-gray-200);
    background: var(--color-white);
    border-radius: 10px;
    margin-top: 14px;
    width: 200px;
    z-index: 11;
}

.filter-drop-menu ul {
    display: grid;
    gap: 4px;
}

.filter-drop-menu ul li {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-gray-700);
    transition: all 0.15s ease-in-out;
    border-radius: 8px;
}

.filter-drop-menu ul li:hover {
    background: var(--color-gray-100);
}

.filter-drop-menu ul li.active-drop {
    color: #dc3c44;
    background: var(--color-red-50);
}

.filter-tabs-right{
    margin-left: auto;
}

.table-inr-wrapper table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1024px;
}

.table-inr-wrapper table thead tr th {
    text-align: start;
    border-bottom: 1px solid var(--color-gray-100);
    font-size: 14px;
    color: var(--color-gray-500);
    font-weight: normal;
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 16px 24px;
    /* text-transform: uppercase; */
    background: var(--color-white);
}

.table-inr-wrapper {
    max-height: 100vh;
    overflow: auto;
}

.table-inr-wrapper table tfoot {
    position: sticky;
    bottom: 0;
    background: var(--color-white);
}

.padination-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 24px;
    border-top: 1px solid var(--color-gray-100);
}

.padination-wrapper .left-count p {
    font-size: 14px;
    color: var(--color-gray-500);
    line-height: 20px;
}

.padination-wrapper .pagination-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.padination-wrapper .pagination-right button,
.padination-wrapper .pagination-right .page-number-count span {
    padding: 4px 12px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    color: var(--color-gray-600);
    border-radius: 4px;
    display: inline-flex;
    line-height: 20px;
}

.padination-wrapper .pagination-right button:hover,
.pagination-right .page-number-count span:hover {
    background: var(--color-gray-100);
}

.padination-wrapper .pagination-right .page-number-count span.active-page {
    background: #dc3c44;
    color: var(--color-white);
}

.badge {
    padding: 4px 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    width: max-content;
    gap: 4px;
}

.badge svg {
    width: 10px;
    height: 10px;
}

.badge-gray {
    background: var(--color-gray-100);
    color: var(--color-gray-700);
    border-color: var(--color-gray-200);
}

.badge-blue {
    background: #E8EFFF;
    color: #0F42B3;
}

.badge-green {
    background: #ecfdf5;
    color: #007a55;
    border-color: #a4f4cf;
}

.badge-red {
    background: var(--color-red-50);
    color: #dc3c44;
    border-color: var(--color-red-100);
}

.badge-yellow {
    background: var(--color-orange-100);
    color: var(--color-orange-700);
}

.badge-white {
    background: var(--white);
    color: var(--gray700);
    border-color: var(--gray200);
}

.badge-purple {
    background: #F3E8FF;
    color: #8200DB;
}

.table-inr-wrapper table tbody tr td {
    padding: 16px 24px;
    border-top: 1px solid var(--color-gray-100);
    color: var(--color-gray-900);
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-inr-wrapper table tbody tr:first-child {
    height: 20px;
}

.table-inr-wrapper table tbody tr:hover {
    background: var(--color-gray-50);
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.checkbox-wrapper span {
    color: var(--color-gray-900);
    white-space: nowrap;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}

.step-comments.table-inr-wrapper table tbody tr td {
    padding: 20px 24px;
}

.comments-wrapper {
    display: flex;
    gap: 16px;
}

.comments-img-wrapper span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #DC3C44;
    font-size: 14px;
    color: var(--color-white);
}

.comments-name .name-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.comments-name .name-wrapper span {
    position: relative;
    font-size: 14px;
    color: var(--color-gray-900);
    line-height: 20px;
}

.comments-name .name-wrapper span:after,
.comments-name .indicator p span::after {
    content: '';
    position: absolute;
    right: -12px;
    width: 4px;
    height: 4px;
    background: var(--color-gray-400);
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.comments-name .name-wrapper em {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray-500);
}

.comments-name .indicator p {
    color: var(--color-gray-600);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 4px;

}

.comments-name .indicator p span {
    color: #DC3C44;
    position: relative;
    margin-right: 14px;
}

.comments-quote h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: var(--color-gray-700);
}

.badge-solid {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}

.comments-name .name-left {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.dark-red {
    background: #DC3C44;
    color: var(--color-white);
}

.dark-blue{
    background: #3b82f6;
    color: var(--color-white);
}

.dark-yellow{
    background: #f59e0b;
    color: var(--color-white); 
}

.dark-green{
    background: #10b981;
    color: var(--color-white); 
}

.dark-gray{
    background: #6b7280;
    color: var(--color-white); 
}

tr.new-notification {
    background: #fefbfb;
}

.checked-list {
    opacity: 0.5;
}

.filter-tabs.ausschreibungen-tabs {
    border-bottom: 2px solid var(--color-gray-200);
    padding-bottom: 12px;
    margin-bottom: 0;
}

.activefilter-select {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 16px 32px;
    border-bottom: 1px solid var(--color-gray-200);
    background: var(--color-gray-50);
}

.filter-title p {
    color: var(--color-gray-600);
    font-size: 12px;
    line-height: 16px;
}

.filter-slected {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-slected span {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border: 1px solid var(--color-gray-300);
    background: var(--color-white);
    border-radius: 16px;
    color: var(--color-gray-700);
    font-size: 12px;
    line-height: 16px;
}

.filter-slected span svg {
    cursor: pointer;
    width: 12px;
    height: 12px;
}

.remove-btn button {
    color: #dc3c44;
    font-size: 12px;
    line-height: 16px;
}

.filter-tabs.ausschreibungen-tabs .filter-list span {
    color: var(--color-gray-500);
}

.toggle-custom {
    position: relative;
    width: 36px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.toggle-custom input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-custom .slider {
    position: absolute;
    inset: 0;
    background: var(--color-gray-200);
    border-radius: 24px;
    transition: 0.3s;
}

.toggle-custom .slider:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: var(--color-white);
    border-radius: 50%;
    left: 1px;
    top: 1px;
    transition: 0.3s;
    box-shadow: 0px 1px 2px 0px #1018280D;
    border: 2px solid var(--color-gray-200);
}

.toggle-custom input:checked+.slider {
    background: #dc3c44;
}

.toggle-custom input:checked+.slider:before {
    transform: translateX(18px);
    border: 2px solid #dc3c44;
}

.filter-dropdown.ausschreibungen-filter .filter-drop-menu {
    width: 256px;
    padding: 16px;
}

.filter-dropdown.ausschreibungen-filter .ausschreibungen-filter-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.filter-dropdown.ausschreibungen-filter .ausschreibungen-filter-toggle:last-child {
    margin-bottom: 0;
}

.filter-dropdown.ausschreibungen-filter .ausschreibungen-filter-toggle p {
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-700);
    line-height: 16px;
}

.filter-dropdown.ausschreibungen-filter.ausschreibungen-categories .categories-title {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.filter-dropdown.ausschreibungen-filter.ausschreibungen-categories .categories-title p {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray-700);
}

.filter-dropdown.ausschreibungen-filter.ausschreibungen-categories .categories-title span {
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.filter-dropdown.ausschreibungen-filter.ausschreibungen-categories .categories-title span svg {
    width: 12px;
    height: 12px;
}

.categories-list-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.categories-list-wrapper:last-child {
    margin-bottom: 0;
}

.list-wrapper-right {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
}

.list-wrapper-right svg {
    width: 14px;
}

.list-wrapper-right span {
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.edit-icon svg {
    stroke: #155DFC;
}

.delete-icon svg {
    stroke: #E7000B;
}

.edit-icon:hover {
    background: var(--color-blue-100);
}

.delete-icon:hover {
    background-color: var(--color-red-100);
}

.list-left-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-left-wrapper p {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray-700);
}

.add-new-categories {
    padding-top: 10px;
    border-top: 1px solid var(--color-gray-200);
}

.add-new-categories,
.add-new-categories button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-new-categories button:hover {
    background: var(--color-gray-50);
}

.add-new-categories button {
    gap: 8px;
    padding: 8px 12px;
    width: 100%;
    border-radius: 4px;
}

.add-new-categories button svg {
    width: 14px;
    height: 14px;
}

.add-new-categories button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #dc3c44;
    line-height: 16px;
}

.edit-categories-input {
    max-width: 166px;
}

.edit-categories-input input , .add-new-categories-input input {
    background: #f3f3f5;
    border: 1px solid #00000000;
    padding: 4px 12px;
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
}

.edit-categories-input input:focus-visible , .add-new-categories-input input:focus-visible {
    outline: 4px solid #d0d0d0;
}

.tick-icon svg {
    stroke: #00A63E;
}

.cross-icon svg {
    stroke: var(--gray700);
}

.tick-icon:hover {
    background: var(--color-green-100);
}

.cross-icon:hover {
    background: var(--color-gray-200);
}

.table-inr-wrapper thead tr th span,
.table-inr-wrapper table.ausschreibungen-table thead tr th {
    text-transform: capitalize;
}

.table-inr-wrapper thead tr th p {
    display: flex;
    align-items: center;
    gap: 6px;
}

.table-inr-wrapper .ausschreibungen-table thead tr th p span {
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 2px;
    border-radius: 4px;
}

.table-inr-wrapper .ausschreibungen-table thead tr th p span svg {
    width: 14px;
    height: 14px;
}

.table-inr-wrapper .ausschreibungen-table thead tr th p span:hover{
    background: var(--color-gray-100);
}

.table-inr-wrapper table tbody tr.table-devider td {
    border: none;
    padding: 24px;
}

.table-inr-wrapper table tbody tr.table-devider:hover {
    background: transparent;
}

.table-inr-wrapper table tbody tr.table-devider td .devider-badge span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 12px;
    width: max-content;
    border-radius: 16px;
}

.table-inr-wrapper table tbody tr.table-devider td .devider-badge span svg {
    width: 12px;
    height: 12px;
}

.devider-red span {
    background: var(--color-red-50);
    color: #dc3c44;
}

.devider-gray span{
    background: var(--color-gray-100);
    color: var(--color-gray-600);
}

.devider-span span {
    display: flex;
    width: 100%;
    background: var(--color-gray-200);
    height: 1px;
}

.devider-span {
    display: flex;
    align-items: center;
    width: 100%;
}

.devider-main-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.publication-wrapper span.badge.dark-red {
    padding: 2px 6px;
}

.publication-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ausschreibungen-table .client-name h3 {
    color: var(--color-gray-900);
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    white-space: pre-wrap;
}

.ausschreibungen-table .client-name p {
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 16px;
    white-space: pre-wrap;
}

.ausschreibungen-table .industry p , .ausschreibungen-table .budget p {
    color: var(--color-gray-700);
    font-size: 14px;
    line-height: 20px;
}

.ausschreibungen-table .deadline p {
    font-size: 14px;
}

.action-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.action-wrapper span svg {
    width: 14px;
    height: 14px;
}

.action-wrapper span {
    padding: 6px;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-wrapper span:hover{
    background: var(--color-gray-200);
}

.message-box , .activity-history {
    position: fixed;
    right: 0;
    top: 0;
    box-shadow: 0 25px 50px -12px #00000040;
    max-width: 480px;
    height: 100%;
    background: var(--color-white);
    z-index: 9;
    border: 1px solid var(--color-gray-50);
    transition: all 0.4s ease-in-out;
    width: 100%;
}

.message-head {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 16px 24px;
    background: var(--color-gray-50);
    border-bottom: 1px solid var(--color-gray-200);
}

.message-name-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.message-name-wrapper .message-icon span {
    background: #dc3c441a;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.message-name-wrapper .message-icon span svg {
    width: 20px;
    height: 20px;
    stroke: #dc3c44;
}

.message-name-wrapper .messahe-title h3 {
    color: var(--color-gray-900);
    font-size: 18px;
    font-weight: normal;
}

.message-name-wrapper .messahe-title p {
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 16px;
}

.message-head .message-head-btn span svg {
    width: 20px;
    height: 20px;
}

.message-head .message-head-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 10px;
    cursor: pointer;
}

.message-head .message-head-btn span:hover{
    background-color: var(--color-gray-200);
}

.message-body , .history-box-body {
    padding: 16px 24px;
    flex: 1;
    min-height: calc(100vh - 212px);
    overflow: auto;
}

.message-footer {
    padding: 16px 24px;
    background: var(--color-gray-50);
}

.ai-box-wrapper , .user-box-wrapper{
    display: flex;
    gap: 12px;
}

.ai-box-wrapper .ai-icon span , .user-box-wrapper .user-icon span{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: var(--color-gray-600);
    color: var(--color-white);
    font-size: 12px;
    line-height: 16px;
}

.ai-box-wrapper .ai-name-wrapper , .user-box-wrapper .user-name-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    gap: 8px;
}

.ai-box-wrapper .ai-name-wrapper p , .user-box-wrapper .user-name-wrapper p {
    font-size: 12px;
    color: var(--color-gray-900);
}

.ai-box-wrapper .ai-name-wrapper span , .user-box-wrapper .user-name-wrapper span {
    color: var(--color-gray-400);
    font-size: 12px;
}

.ai-box-wrapper .ai-reply-quote , .user-box-wrapper .user-reply-quote {
    padding: 10px 16px;
    border-radius: 10px;
    background: var(--color-gray-100);
}

.ai-box-wrapper .ai-reply-quote h3 , .user-box-wrapper .user-reply-quote h3 {
    font-weight: normal;
    color: var(--color-gray-900);
    font-size: 14px;
    line-height: 20px;
}

.ai-reply, .user-reply {
    margin-bottom: 16px;
    max-width: 368px;
    width: 100%;
}

.user-box-wrapper .user-icon span , .user-box-wrapper .user-reply-quote {
    background: #dc3c44;
}

.user-box-wrapper .user-reply-quote h3{
    color: var(--color-white);
    text-align: end;
}

.user-reply {
    margin-left: auto;
}

.footer-message-input {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.footer-message-input .message-textarea {
    flex: 1;
    display: flex;
}

.footer-message-input .message-textarea textarea {
    resize: none;
    width: 100%;
    padding: 8px 12px;
    color: var(--color-gray-900);
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    background: #f3f3f5;
    min-height: 80px;
    font-family: 'Poppins' !important;
}

.footer-message-input .message-textarea textarea:focus-visible{
    outline: 4px solid #d0d0d0;
}

.message-box-inner , .history-box-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.footer-message-input .send-btn button {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 8px;
    background: #dc3c44;
    width: 40px;
    height: 36px;
}

.footer-message-input .send-btn button:hover{
    background: #c22d35;
}

.footer-message-input .send-btn button svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-white);
}

.message-footer-quote p {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray-400);
}

.history-box-inner .message-name-wrapper .messahe-title h3 {
    margin-bottom: 4px;
}

.history-box-inner .message-head {
    background: transparent;
}

.history-list-wrapper ul li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 24px;
    position: relative;
}

.history-list-wrapper ul li::before{
    content: '';
    position: absolute;
    left: 20px;
    width: 1px;
    height: 100%;
    background: var(--color-gray-200);
    z-index: -1;
}

.history-list-wrapper ul li:last-child::before{
    display: none;
}

.history-list-wrapper ul li:last-child{
    padding-bottom: 0;
}

.history-icon {
    min-width: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
}

.history-name-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 4px;
}

.history-icon svg {
    width: 16px;
    height: 16px;
}

.history-name-wrapper p {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-gray-900);
    line-height: 16px;
}

.history-name-wrapper p svg {
    width: 14px;
    height: 14px;
    stroke: #99A1AF;
}

.history-date span {
    color: var(--color-gray-400);
    font-size: 12px;
}

.history-quote p {
    color: var(--color-gray-600);
    font-size: 14px;
}

.history-reply {
    padding: 12px;
    margin-top: 8px;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
}

.history-reply-wrapper {
    width: 100%;
}

.bookmark-icon svg {
    stroke: #dc3c44;
}

.eye-icon svg {
    stroke: #155DFC;
}

.message-icon svg {
    color: #00A63E;
}

.activities-count {
    padding: 16px 24px;
    text-align: center;
    background: var(--color-gray-50);
    border-top: 1px solid var(--color-gray-200);
}

.activities-count p {
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 16px;
}

.history-box-body{
    min-height: calc(100vh - 130px);
}

.history-reply p {
    color: var(--color-gray-700);
    font-size: 14px;
    line-height: 20px;
}

.right-tab-inner .filter-dropdown .watchlist-selected , .right-tab-inner .filter-dropdown .watchlist-selected:hover {
    background: #dc3c44;
}

.right-tab-inner .filter-dropdown .watchlist-selected svg {
    stroke: var(--color-white);
}

.tab-filter-head-title h2 {
    color: var(--color-gray-900);
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
}

.tab-filter-head-title p {
    color: var(--color-gray-500);
    font-size: 14px;
    margin-top: 4px;
    line-height: 16px;
}

.filter-status .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    color: var(--color-gray-900);
    margin-bottom: 12px;
}

.filter-status .custom-checkbox:last-child{
    margin-bottom: 0;
}

.filter-status .custom-checkbox input[type="checkbox"] {
    display: none;
}

.filter-dropdown.filter-status .filter-drop-menu {
    padding: 16px;
    width: 238px;
}

/* Custom box */

.filter-status .checkbox-box {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid var(--color-gray-300);
    display: inline-block;
    position: relative;
}

/* When checked → fill box + checkmark */

.filter-status .custom-checkbox input[type="checkbox"]:checked + .checkbox-box {
    background-color: #4f7c7a;
    border-color: #4f7c7a;
}

.filter-by-categories {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-gray-200);
}

/* Checkmark */

.filter-status .custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after {
    content: "";
    color: white;
    font-size: 13px;
    position: absolute;
    top: 0px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    left: 0px;
    background-size: 12px;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.filter-status-title p {
    color: var(--color-gray-900);
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 16px;
}

.filter-tabs.watchlist-tab {
    padding: 24px 32px 40px 30px;
    border-bottom: 1px solid var(--color-gray-200);
    margin-bottom: 0;
}

.kanban-board-wrapper {
    padding: 24px 32px;
}

.kanban-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--color-gray-200);
}

.kanban-title h3 span {
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.kanban-new .kanban-head {
    background: rgba(59, 130, 246, 0.082);
}

.kanban-new .kanban-title h3 span {
    background: #3b82f6;
}

.kanban-card {
    max-width: 320px;
    width: 100%;
    min-width: 320px;
}

.kanban-title h3 {
    display: flex;
    gap: 6px;
}

.kanban-title h3 {
    display: flex;
    gap: 6px;
    font-size: 14px;
    color: var(--color-gray-900);
    font-weight: normal;
    line-height: 16px;
    align-items: center;
}

.kanban-content-wrapper .content-head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.kanban-industry {
    margin-top: 12px;
}

.kanban-content-wrapper .content-head span {
    display: flex;
    align-items: center;
}

.kanban-content-wrapper .content-head .content-icon span {
    cursor: all-scroll;
}

.kanban-content-wrapper .content-head p {
    font-size: 14px;
    line-height: 16px;
    color: var(--color-gray-900);
}

.kanban-content-wrapper .content-head span svg {
    stroke: var(--color-gray-400);
    width: 16px;
    height: 16px;
}

.kanban-content-wrapper {
    padding: 12px;
}

.kanban-card-body {
    background: var(--color-gray-50);
    border-radius: 10px;
    overflow: hidden;
}

.kanban-title h3 p {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 16px;
    color: var(--color-gray-500);
}

.kanban-action {
    display: flex;
    align-items: center;
    gap: 4px;
}

.kanban-action , .kanban-action span{
    display: flex;
    align-items: center;
}

.kanban-action{
    gap: 4px;
}

.kanban-action span svg {
    width: 12px;
    height: 12px;
}

.kanban-action span {
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.kanban-content-wrapper .content-head .kanban-industry p {
    color: var(--color-gray-500);
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
}

.kanban-content-wrapper .content-head .kanban-industry span {
    font-size: 12px;
    color: var(--color-green-600);
    line-height: 16px;
}

.kanban-body-wrapper {
    padding: 12px;
}

.kanban-content-wrapper {
    padding: 12px;
    background: var(--color-white);
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    margin-bottom: 12px;
}

.kanban-content-wrapper:last-child{
    margin-bottom: 0;
}

.kanban-content-wrapper:hover{
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
}

.kanban-grid-wrapper {
    display: flex;
    gap: 16px;
    overflow: auto;
}

.kanban-footer {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 12px 0px 0px 24px;
    border-top: 1px solid var(--color-gray-100);
}

.edit-btn svg{
    stroke: var(--color-gray-600);
}

.delete-btn svg {
    stroke: var(--color-red-600);
}

.delete-btn:hover {
    background: var(--color-red-100);
}

.edit-btn:hover{
    background: var(--color-gray-200);
}

.add-new-status {
    padding: 16px;
    border-radius: 16px;
    border: 1px dashed var(--color-gray-300);
    display: flex;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.add-new-status:hover{
    background: var(--color-gray-50);
    border-color: #dc3c44;
}

.add-new-status p svg {
    stroke: var(--color-gray-600);
    width: 20px;
    height: 20px;
}

.add-new-status p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--color-gray-600);
    gap: 7px;
}

.add-new-status .status-input-wrapper input {
    margin-bottom: 12px;
    background: #f3f3f5;
    border: 1px solid #00000000;
    padding: 8px 12px;
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
}

.add-new-status .status-input-wrapper input:focus-visible{
    outline: 4px solid #d0d0d0;
}

.add-new-status .status-input-wrapper {
    width: 100%;
}

.add-new-status .status-input-wrapper .status-btn-wrapper button {
    flex: 1;
}

.add-new-status .status-input-wrapper .status-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kanban-examination .kanban-head {
    background: #f59e0b15;
}

.kanban-examination .kanban-title h3 span {
    background: #f59e0b;
}

.kanban-interessant .kanban-head {
    background: #10b98115;
}

.kanban-interessant .kanban-title h3 span {
    background: #10b981;
}

.kanban-not-relevant .kanban-head {
    background: #6b728015;
}

.kanban-not-relevant .kanban-title h3 span {
    background: #6b7280;
}

.right-tab-inner .filter-dropdown .btn-primary svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-white);
}

.document-header-btn:hover{
    background: transparent !important;
}

.document-header-btn{
    padding: 0 !important; 
}

table.ausschreibungen-table.documents-table tbody tr td {
    color: var(--color-gray-900);
}

.bg-danger:hover {
    background: var(--color-red-50) !important;
}

.bg-danger svg{
    stroke: var(--color-gray-400);
}

.bg-danger:hover svg{
    stroke: #dc3c44;
}

.green-color{
    color: var(--color-green-600) !important;
}

.yellow-color{
    color: var(--color-yellow-600) !important;
}

.red-color{
    color: var(--color-red-600) !important;
}

.orange-color{
    color: var(--color-orange-600) !important;
}

.documents-attention {
    padding: 32px 32px 16px 32px;
    border-bottom: 1px solid var(--color-gray-100);
}

.documents-attention-inr {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid var(--color-orange-200);
    background: var(--color-orange-50);
    border-radius: 10px;
}

.documents-attention-inr .attention-head {
    display: flex;
    gap: 12px;
}

.documents-attention-inr .attention-head .icon-attention svg {
    width: 20px;
    height: 20px;
    stroke: var(--color-orange-600);
}

.documents-attention-inr .attention-head .attention-title h3 {
    color: var(--color-orange-900);
    margin-bottom: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.documents-attention-inr .attention-head .attention-title p {
    color: var(--color-orange-700);
    font-size: 12px;
    line-height: 16px;
}

.filter-tabs-main.documents-tabs .filter-tabs {
    margin-bottom: 0;
}

.filter-tabs.profile-tabs {
    border-bottom: 1px solid var(--color-gray-200);
    margin-bottom: 0;
}

.profile-setting-wrapper {
    padding: 32px;
    max-width: 896px;
}

.account-wrapper .account-title h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: var(--color-gray-900);
    font-weight: normal;
    line-height: 28px;
}

.account-wrapper .account-title p {
    color: var(--color-gray-500);
    font-size: 14px;
    line-height: 20px;
}

.profile-picture {
    margin: 32px 0px;
}

.profile-img-wrapper label input {
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.profile-img-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.profile-picture > p {
    margin-bottom: 12px;
    font-size: 12px;
    color: var(--color-gray-500);
    text-transform: uppercase;
}

.profile-img-wrapper span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #51A2FF 0%, #155DFC 100%);
    border-radius: 100%;
    font-size: 24px;
    color: var(--color-white);
}

.profile-img-wrapper img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    min-width: 80px;
    object-fit: cover;
}

.profile-img-wrapper label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    color: var(--foreground);
    border: 1px solid var(--color-gray-300);
    border-radius: 4px;
    gap: 8px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    font-weight: 500;
}

.profile-img-wrapper label svg {
    width: 16px;
    height: 16px;
}

.input-grid-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 24px;
}

.input-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    flex: 1;
    flex-basis: 200px;
 
}

.input-group label {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--color-gray-700);
    line-height: 16px;
}

.input-group .date-type{
    width: 100%;
    position: relative;
}

.input-group .date-type .icon{
    position: absolute;
    left: 14px;
    top: 13px;
    cursor: pointer;
}

.input-group .date-type input{
    padding-left: 40px;
    color: var(--color-gray-500);
}

.input-group p{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    margin-top: 8px;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    /* display: none;
    -webkit-appearance: none; */
}

.input-group input , .input-group textarea {
    padding: 12px 16px;
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    max-height: 38px;
    font-family: 'Poppins' !important;
    width: 100%;
}

.form-control{
    padding: 12px 16px;
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    max-height: 42px;
    font-family: 'Poppins' !important;
}

.error-message, span[role="alert"]{
    font-size: 12px;
    line-height: 16px;
    color: var(--color-red-600);
    width: 100%;
    margin-top: 4px;
}

.input-group input::placeholder , .input-group textarea::placeholder {
    color: var(--color-gray-500);
}

.input-group .type-icon:focus-visible,
.input-group input:focus-visible , .input-group textarea:focus-visible {
    /* outline: 4px solid #d0d0d0; */
    outline: none;
    border-color: var(--color-gray-400);

}

.input-group .type-icon input:focus-visible {
    outline: none;
}

.profile-form-wrapper form button {
    padding: 8px 32px;
    line-height: 20px;
    border-radius: 4px;
}

.email-tenders {
    padding-top: 32px;
    border-top: 1px solid var(--color-gray-200);
    margin-top: 32px;
}

.email-tender-head {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.tender-head-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tender-head-wrapper .icon-wrapper {
    padding: 8px;
    border-radius: 10px;
    color: var(--color-gray-700);
    display: flex;
    align-items: center;
    background: var(--color-gray-100);
}

.tender-head-wrapper .icon-wrapper svg {
    width: 18px;
    height: 18px;
}

.tender-head-wrapper h3 {
    color: var(--color-gray-900);
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
}

.tender-notification-wrapper p , .notification-time p {margin-bottom: 12px;color: var(--color-gray-500);font-size: 12px;line-height: 16px;text-transform: uppercase;}

.notification-lst-wrapper label {
    color: var(--color-gray-700);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}

.tender-notification-wrapper {
    margin-bottom: 24px;
}

.notification-lst-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.time-lst-wrapper label input {
    width: 100%;
    max-width: 320px;
    padding: 12px 16px;
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    max-height: 36px;
}

.time-lst-wrapper label input:focus-visible {
    outline: 4px solid #d0d0d0;
}

.password-wrapper.account-wrapper form {
    max-width: 450px;
    margin-top: 32px;
}

span.number-red  {
    background: #dc3c44;
}

span.number-gray {
    background: var(--color-gray-400);
}

span.action-edit svg {
    width: 16px;
    height: 16px;
}

span.action-edit {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    padding: 8px;
    border-radius: 10px;
    color: var(--color-gray-600);
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

span.action-edit:hover{
    background: var(--color-gray-100);
}

.table-inr-wrapper tbody tr:hover td span.action-edit{
    opacity: 1;
}

span.number-red , span.number-gray {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--color-white);
}

.profile-detail {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-img span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--color-white);
    background: #dc3c44;
    font-size: 12px;
    line-height: 16px;
}

.profile-detail .profile-name h3 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-gray-900);
}

.last-active {
    display: flex;
    align-items: center;
    gap: 6px;
}

.badge-transparent {
    display: flex;
    align-items: center;
    gap: 8px;
}

.badge-transparent span {
    width: 6px;
    height: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.badge-transparent-red p{
    color: var(--color-orange-600);
}

.badge-transparent-red span{
    background: var(--color-orange-600);;
}

.badge-transparent-green p{
    color: var(--color-green-600);
}

.badge-transparent-green span{
    background: var(--color-green-600);
}

.badge-transparent-gray p{
    color: var(--color-gray-400);
}

.badge-transparent-gray span{
    background: var(--color-gray-400);
}

.tenplate-card-wrapper {
    padding: 24px;
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}

.tenplate-card-wrapper:hover{
    border-color: #dc3c44;
}

.ai-template-wrapper {
    padding: 24px 32px;
}

.template-head {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.template-head .template-left h3 {
    color: var(--color-gray-900);
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 4px;
}

.template-head .template-left p {
    font-size: 14px;
    color: var(--color-gray-500);
    line-height: 16px;
}

.template-head .template-action-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.template-head .template-action-wrapper span {
     display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

span.danger-btn svg {
    stroke: var(--color-red-600);
}

.template-head .template-action-wrapper span svg {
    width: 14px;
    height: 14px;
}

.danger-btn:hover{
    background: var(--color-red-100);
}

.danger-btn:hover svg{
    stroke:var(--color-red-600)
}

.ai-template-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.ai-template-body {
    padding: 16px;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
    margin-top: 16px;
}

.ai-template-body .template-prompt span {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
    font-size: 12px;
    color: var(--color-gray-600);
    line-height: 16px;
}

.ai-template-body .template-prompt span svg {
    width: 14px;
    height: 14px;
}

.ai-template-body p {
    color: var(--color-gray-700);
    font-size: 14px;
    line-height: 20px;
}

.ai-template-footer p {
    color: var(--color-gray-400);
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
}

/* global modal css start  */

.global-modal {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 9999;
}

.global-modal.active {
    pointer-events: all;
    opacity: 1;
}

.global-modal .overlay {
    position: absolute;
    inset: 0;
    background: color-mix(in oklab, var(--color-black) 50%, transparent);
    opacity: 0;
    transition: opacity .3s ease;
}

.global-modal.active .overlay {
    opacity: 1;
}

.global-modal .modal-wrapper {
    position: relative;
    background: var(--color-white);
    border-radius: 16px;
    transform: scale(0.95) translateY(10px);
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease;
    /* max-height: 94vh;
    overflow-y: auto; */
    scrollbar-width: thin;
    scrollbar-color: #8b8b8b transparent;
}

.global-modal .modal-wrapper .modal-body::-webkit-scrollbar {
    width: 8px;
}

.global-modal .modal-wrapper .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.global-modal .modal-wrapper .modal-body::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    border-radius: 4px;
}

.global-modal .modal-wrapper .modal-body::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}

.global-modal.active .modal-wrapper {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.global-modal.user-modal .modal-wrapper {
    max-width: 780px;
    width: 100%;
}

.global-modal.user-modal .modal-wrapper.modal-sm{
    max-width: 450;
}

.modal-head {
    padding: 20px 32px;
    border-bottom: 1px solid var(--color-gray-100);
    justify-content: space-between;
    display: flex;
}

.modal-head-inr {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.modal-title h3 {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: var(--color-gray-900);
}

.add-form-steps .steps-list ul {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.add-form-steps .steps-list ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.add-form-steps {
    margin-top: 24px;
}

.add-form-steps .steps-list ul li span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: var(--color-gray-200);
    color: var(--color-gray-500);
    font-weight: normal;
}

.add-form-steps .steps-list ul li p {
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 16px;
}

.add-form-steps .steps-list ul li.active-step span {
    background: #dc3c44;
}

.add-form-steps .steps-list ul li.done-step span {
    background: var(--color-green-500);
}

.add-form-steps .steps-list ul li.active-step span{
    color: var(--color-white);
}

.add-form-steps .steps-list ul li.active-step p {
    color: var(--color-gray-900);
}

.modal-body {
    padding: 24px 32px;
    max-height: 490px;
    overflow: auto;
}

.close-btn{
    cursor: pointer;
}

.add-user-form p {
    margin-bottom: 24px;
    color: var(--color-gray-900);
    font-size: 14px;
    line-height: 20px;
}

.modal-footer{
    padding: 20px 32px;    
    border-top: 1px solid var(--color-gray-100);
}

.modal-footer .btn-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.modal-footer .btn-container .btn-h40{
    width: 50%;
    justify-content: center;
}

.tender-tranparent-btn {
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.4s ease-in-out;
    font-size: 14px;
    color: var(--color-gray-700);
}

.tender-tranparent-btn:disabled{
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.tender-tranparent-btn:hover {
    background: var(--color-gray-100);
}

.input-inr-checkbox {
    margin-top: 8px;
}

.input-inr-checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.winner-input-wraper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.winner-input-wraper input {
    flex: 1;
}

.winner-input-wraper button {
    padding: 8px 12px;
    border-radius: 8px;
    background: #dc3c44;
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.winner-input-wraper button:hover{
    background: #c22d35;
}

.winner-input-wraper button svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-white);
}

.winner-input-list {
    margin-top: 8px;
}

.winner-input-list .list-content {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    background: var(--color-gray-50);
    padding: 8px;
    border-radius: 8px;
}

.winner-input-list .list-content p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-gray-700);
}

.winner-input-list .list-content span svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-red-600);
}

.winner-input-list .list-content span {
    cursor: pointer;
}

.note-required-field p {
    margin-bottom: 0;
    font-size: 12px;
    color: var(--color-orange-800);
    line-height: 16px;
}

.note-required-field {
    padding: 16px;
    background: var(--color-orange-50);
    border: 1px solid var(--color-orange-200);
    border-radius: 10px;
}

.custom-input-file input {
    position: absolute;
    width: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.custom-input-file label:hover{
    border-color: #dc3c44;
}

.custom-input-file label{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4px;
     position: relative;
    padding: 32px;
    border: 1px dashed var(--color-gray-300);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.custom-input-file label p{
    color: var(--color-gray-500);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}

.custom-input-file label span{
    font-size: 12px;
    color: var(--color-gray-400);
    line-height: 16px;
}

.add-user-form.tender-step4 textarea {
    resize: none;
    min-height: 142px;
}

.form-tips-wrapper p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-blue-800);
    display: flex;
    align-items: center;
    gap: 4px;
}

.form-tips-wrapper {
    padding: 16px;
    background: var(--color-blue-50);
    border-radius: 10px;
    border: 1px solid var(--color-blue-200);
}

.modal-title h3 svg {
    stroke: #dc3c44;
    width: 20px;
    height: 30px;
}

.modal-title h3 {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* global modal css end  */

.categories-btn-wrapper {
    display: flex;
    margin-top: 8px;
    gap: 8px;
}

.categories-btn-wrapper button {
    padding: 8px 16px;
    border-radius: 8px;
}

.categories-btn-wrapper button:disabled{
    opacity: 0.5;
}

.categories-btn-wrapper button.btn-primary-red {
    background: #dc3c44;
    color: var(--color-white);
    transition: all 0.4s ease-in-out;
}

.categories-btn-wrapper button.btn-primary-red:hover{
    background: #c22d35;
}

.add-new-categories-input{
    width: 100%;
}

.categories-btn-wrapper button.btn-outline-white {
    color: var(--foreground);
    border: 1px solid var(--color-gray-300);
    transition: all 0.4s ease-in-out;
}

.email-reminder-details {
    padding: 16px;
    background: var(--color-blue-50);
    border: 1px solid var(--color-blue-200);
    border-radius: 10px;
    margin-bottom: 24px;
}

.email-reminder-details h3 {
    font-weight: normal;
    color: var(--color-blue-900);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
}

.email-reminder-details ul li {
    padding-left: 15px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-blue-800);
    position: relative;
}

.email-reminder-details ul li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--color-blue-600);
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.current-memory-wrapper > h3 {
    font-weight: normal;
    color: var(--color-gray-900);
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 16px;
}

.memory-card-wrapper {
    padding: 16px;
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    margin-bottom: 12px;
}

.memory-card-wrapper:last-child{
    margin-bottom: 0;
}

.memory-card-wrapper {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.memory-card-wrapper .card-left h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-gray-900);
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
}

.memory-card-wrapper .card-left h3 svg {
    stroke: var(--color-gray-400);
    width: 16px;
    height: 16px;
}

.memory-card-wrapper .card-left p {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--color-gray-500);
    font-size: 12px;
    line-height: 16px;
}

.global-modal.user-modal.categories-modal .modal-wrapper {
    max-width: 512px;
}

.global-modal h3.text-xl{
    color: #0A0A0A;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}

.added-list-label p {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-gray-700);
}

.added-list-card {
    padding: 12px;
    background: var(--color-gray-50);
    margin-bottom: 8px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.added-list-card:hover{
    background: var(--color-gray-100);
}

.added-list-card:last-child{
    margin-bottom: 0;
}

.added-list-card {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.added-list-card .card-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.added-list-card .card-left .left-icon svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-gray-400);
}

.added-list-card .name-wrapper h3 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-gray-900);
}

.added-list-card .name-wrapper p {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray-500);
}

.added-list-card .card-right span {
    padding: 6px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.categories-modal .winner-input-wraper button {
    padding: 10px 16px;
}

.added-list-card .card-right span svg {
    width: 16px;
    height: 16px;
    transition: all 0.4s ease-in-out;
}

.added-list-card .card-right span:hover{
    background: var(--color-red-50);
}

.added-list-card .card-right span:hover svg{
    stroke: var(--color-red-600);
}

.categories-added-list {
    max-height: 320px;
    overflow: auto;
}

/* media query start  */

.global-modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 9999;
}

.global-modal.active {
  pointer-events: all;
  opacity: 1;
}

.global-modal .overlay {
  position: absolute;
  inset: 0;
  background: #000000B2;
  opacity: 0;
  transition: opacity .3s ease;
}

.global-modal.active .overlay {
  opacity: 1;
}

.global-modal .modal-wrapper {
  position: relative;
  background: var(--white);
  border-radius: 10px;
  transform: scale(0.95) translateY(10px);
  opacity: 0;
  overflow: hidden;
  transition: all .3s ease;
  max-height: 94vh;
  overflow-y: auto;
}

.global-modal.active .modal-wrapper {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.role-module-permission .global-form-content .table-wrapper table.user-table {
    min-width: 610px;
}

.role-module-permission .table-main {
    padding: 0;
    border: none;
    box-shadow: none;
}

.select-permission {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    border: 1px solid var(--gray300);
    background: var(--white);
    border-radius: 8px;
    width: 44px;
    height: 40px;
}

.role-modal .add-user-form , .company-modal .add-user-form {
    padding: 0;
    margin-bottom: 24px;
}

.global-form-content .table-wrapper table.user-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1080px;
}

.global-form-content .table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
     border: 1px solid var(--gray200);
    border-radius: 8px;
}

.global-form-content .table-wrapper table.user-table tbody tr {
    border-bottom: 1px solid var(--gray200);
}

.global-form-content .table-wrapper table.user-table tbody tr:last-child {
    border-bottom: none;
}

.global-form-content .table-wrapper table.user-table thead tr th {
    text-align: center;
    color: var(--gray700);
    padding: 16px 12px;
    background: var(--gray100);
   color: var(--gray700);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */

}

.global-form-content .table-wrapper table.user-table tbody tr td{
    align-items: center;
    color: #364153;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.global-form-content .table-wrapper table.user-table tbody tr td:first-child,
.global-form-content .table-wrapper table.user-table thead tr th:first-child{
    text-align: start;
}

.global-form-content .table-wrapper table.user-table tbody tr td , .global-form-content .table-wrapper table.user-table tbody tr td h6 {
    padding: 0px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray600);
    height: 62px;
}

.global-form-content .table-wrapper table.user-table tbody tr td h6{
    font-weight: 600;
    display: flex;
    align-items: center;
}

/* global modal style end  */

/* Checkbox checked state */

.checkbox-group .check-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.750rem;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-600);
  cursor: pointer;
}

.checkbox-group .check-label input[type="checkbox"] {
  display: none;
}

.checkbox-group .check-label span {
  padding-left: 24px;
  position: relative;
  display: block;
  min-height: 18px;
  font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: var(--Gray-500);
}

.checkbox-group .check-label span strong{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    width: 100%;
    display: flex;
    margin-top: 4px;
}

.checkbox-group .check-label span>a {
  font-weight: 700;
  color: var(--primary-blue-600);
}

.checkbox-group .check-label span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #F3F3F5;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 4px;
  transition: 0.2s all ease-in-out;
}

.checkbox-group .check-label span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M8.55545%201.3335L3.66656%206.07424L1.44434%203.91935'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-position: 3px 4px;
  background-size: 11px;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  width: 16px;
  height: 16px;
}

.checkbox-group .check-label input[type="checkbox"]:checked+span:after {
  opacity: 1;
  visibility: visible;
}

.checkbox-group .check-label.check-md span:after {
  background-size: 12px;
}

.checkbox-group .check-label input[type="checkbox"]:checked+span:before {
  background: #DC3C44;
  border-color: #DC3C44;
}

.radiobtn-group { display: flex; flex-wrap: wrap; gap: 0px 20px; }

.radiobtn-group .check-label { display: flex; padding: 0 0; align-items: center; align-self: stretch; position: relative; gap: 5px; font-size: 14px; line-height: 18px; font-weight: 400; color: var(--Gray-500); cursor: pointer; }

.radiobtn-group .check-label input[type="radio"] { display: none; }

.radiobtn-group .check-label span { line-height: 18px; padding-left: 22px; position: relative; display: block;}

.radiobtn-group.radiobtn-24 .check-label span { line-height: 24px;}

.radiobtn-group.radiobtn-24  .check-label span:before {width: 24px; height: 24px; }

.radiobtn-group.radiobtn-24  .check-label span:after {left: 7px; top: 7px; width: 10px; height: 10px;}

.radiobtn-group .check-label span:before { content: ""; position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; background-color: #F3F3F5; border: 1px solid var(--Gray-300); border-radius: 20px; transition: 0.2s all ease-in-out; width: 16px; height: 16px; }

.radiobtn-group .check-label input[type="radio"]:checked + span:before { background: #dc3c44; border-color: #1B56B2; }

.radiobtn-group .check-label span:after { content: ""; position: absolute; left: 5px; top: 5px; opacity: 0; visibility: hidden; width: 6px; height: 6px; background-color: #FFF; border-radius: 10px; }

.radiobtn-group .check-label input[type="radio"]:checked + span:after { opacity: 1; visibility: visible; }

.user-table .checkbox-group{
    margin: 0 auto;
    width: 20px;
}

.file-control{
    justify-content: center;
    align-items: center;
    display: flex;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    border: 2px solid #D1D5DC;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.file-control input{
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    max-height: 100%;
}

.file-control p{
    color: #99A1AF;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.file-control h4{
  color: #4A5565;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin-bottom: 0px;
}

.file-control .icon{
    border-radius: 33554400px;
    display: flex;
    width: 80px;
    justify-content: center;
    align-items: center;
    height: 80px;
    margin-bottom: 0;
}

.required-password{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.required-password li{
    color:var(--gray700);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    position: relative;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
    padding-left: 24px;
}

.required-password li::before{
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 33554400px;
    background: var(--gray200);
    position: absolute;
    left: 0;
    top: 1px;
    content: "";
}

.required-password li.active::before{
    background: var(--color-green-500);
}

.password-strength{
    width: 100%;
    padding-top: 10px;
}

.password-strength .strength-row{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.password-strength .strength-row label{
    color: var(--gray700);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.password-strength .password-progress{
    display: flex;
    height: 8px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 33554400px;
    background: var(--gray200);
    position: relative;
}

.password-strength .password-progress .progress{
    height: 8px;
    flex-shrink: 0;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    align-self: stretch;
    border-radius: 33554400px;
    background: #FB2C36;
}

.about-section .left-col{
    background-size: 80% 80%;
    background-position: right top;
    background-repeat: no-repeat;
}

/* Top Navigation */

.top-nav {
   display: flex;
    width: 100%;
    padding: 0px 32px 0px 32px;
    align-items: flex-start;
    border-top: 1px solid var(--gray200);
    border-bottom: 1px solid var(--gray200);
}

.top-nav.secondary-nav {
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
}

.top-nav.secondary-nav .outline-rpimary-btn{
    margin-left: 10px;
}

.top-nav ul.nav{
    display: flex;
}

.top-nav ul.nav li{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-right: 32px;
}

.top-nav ul.nav a {
    color: #6A7282;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    display: flex;
    padding: 12px 4px;
    align-items: flex-start;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.top-nav ul.nav a:hover,
.top-nav ul.nav a.active {
    color: black;
    font-weight: 500;
    border-color: var(--color-red-600);
}

.back-btn svg{
    margin-right: 8px;
}

.back-btn{
    color:var(--gray700);
    text-align: center;
    padding: 12px 4px;
    display: flex;
    align-items: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-right: 32px;
}

.back-btn:hover{
    color: var(--color-red-600);
}

.back-btn:hover svg path{
    stroke: var(--color-red-600);
}

.cloud-wrapper{
    display: flex;
    gap: 30px;
    padding: 30px;
}

.cloud-wrapper .cloud-left{
    width: 75%;
}

.cloud-wrapper .cloud-left .accordion{
    width: 100%;
}

.cloud-left .accordion .acc-item{
    margin-bottom: 16px;
    width: 100%;
}

.cloud-left .accordion .acc-btn{
    border-radius: 10px;
    background: #F9FAFB;
    display: flex;
    height: 44px;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    cursor: pointer;
}

.cloud-left .accordion .acc-item.active .acc-content{
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.cloud-left .accordion .acc-item.active .icon{
    transform: rotate(180deg);
}

.cloud-left .acc-content{
    width: 100%;
    display: none;
}

.cloud-left .acc-content h3{
    color: var(--gray700);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
}

.cloud-left .acc-content ul{
    list-style: disc;
    padding-left: 0;
    margin-left: 20px;
}

.cloud-left .acc-content ul li{
    color: var(--gray700);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
}

.cloud-left .accordion .acc-btn .icon{
    display: flex;
    align-items: center;
}

.cloud-wrapper .cloud-right{
    width: 25%;
}

.card{
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 10px;
    background: #F9FAFB;
    margin-bottom: 24px;
}

.card h3{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
}

.schedule-item{
    display: flex;
    margin-bottom: 16px;
    width: 100%;
    align-items: center;
}

.schedule-item .status-dot{
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 33554400px;
    background: var(--gray200);
    margin-right: 12px;
    position: relative;
}

.schedule-item .status-dot.deadline{
    background: #FFE2E2;
}

.schedule-item .status-dot.deadline::after{
    background-color: #DC3C44;
}

.schedule-item .status-dot::after{
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    border-radius: 33554400px;
    background: #99A1AF;
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
}

.schedule-item strong{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.schedule-item p{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.schedule-item p.deadline{
    color: #DC3C44;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.card .tags {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.card .tags span{
    display: inline-flex;
    padding: 4px 11.563px 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 33554400px;
    background: #FFE2E2;
    color: #DC3C44;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.card.details p{
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.card.details p strong{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    text-transform: uppercase;
}

.card.details p:last-child{
    margin-bottom: 0;
}

.informed-updates{
    border-radius: 10px;
    border: 1px solid #FFC9C9;
    background: #FEF2F2;
    padding: 20px;
    display: flex;
    align-items: center;
    color: #82181A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    width: 100%;
}

.informed-updates .info-icon{
    padding: 0;
    border-radius: 100%;
    background: #FFE2E2;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.documents-wrapper{
    width: 100%;
    padding: 32px;
}

.documents-wrapper .documents-block{
    padding: 16px 0;
    margin-bottom: 16px;
}

.documents-wrapper .documents-name{
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 30px;
}

.documents-wrapper .documents-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.documents-wrapper .documents-name .documents-icon{
    position: absolute;
    left: 0;
    top: 10px;
}

.documents-wrapper .documents-name h4{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 4px;
}

.documents-wrapper .documents-name .size{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.btn-row{
    display: flex;
    align-items: center;
}

.btn-row .btn-outline{
    margin-right: 10px;
}

.budget-holder{
    padding: 24px 32px 0;
    display: flex;
}

.budget-holder .federal-ministry{
    display: flex;
    padding: 24px 24px 10px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    background: #F9FAFB;
    width: 20%;
}

.budget-holder .federal-ministry p{
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 16px;
}

.budget-holder .federal-ministry label{
    color: #6A7282;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */

}

.budget-holder .federal-ministry strong{
    color: #101828;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin-bottom: 12px;
}

.budget-holder .filter-awards{
    width: 80%;
    padding-left: 25px;
}

.budget-holder .filter-awards h3{
    color: #101828;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin-bottom: 16px;
}

.slected-box{
    display: flex;
    align-items: center;
}

.filter-row{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.budget-holder .filter-tabs-right{
    display: flex;
    justify-content: end;
}

.budget-holder .slected-box .selected-item{
    border-radius: 10px;
    border: 1px solid #D1D5DC;
    background: #FFF;
    width: 160px;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    cursor: pointer;
    margin-left: 12px;
}

.available-tenders{
    padding: 24px;
    border-radius: 10px;
    border: 1px solid var(--gray200);
    background: #FFF;
    position: relative;
    margin-bottom: 16px;
}

.available-tenders .close-btn{
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
}

.available-tenders .tender-tag{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.available-tenders .tender-tag .tag{
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 4px;
    line-height: 16px; 
    margin-right: 12px;
}

.available-tenders .tender-tag .tag.active{
    color: #008236;
    background: #DCFCE7;
}

.available-tenders .tender-tag .tag.web-development{
    background: #FFE2E2;
    color: #DC3C44;
}

.available-tenders h4{
    color: #101828;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin-bottom: 16px;
}

.available-tenders p{
    color: var(--gray700);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 16px;
}

.available-tenders .info-row{
    color: var(--gray700);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.available-tenders .info-row span{
    margin-right: 16px;
}

.view-details{
    position: absolute;
    right: 24px;
    bottom: 24px;
    color: #DC3C44;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.bid-no-bid{
    padding:24px 32px;
    display: grid;
    column-gap: 16px;
    flex-shrink: 0;
    align-self: stretch;
    
}

.bid-grid-wrapper{
    margin: 0 -10px;
    display: flex;
    width: 100%;
}

.bid-no-bid h3{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 16px;
}

.bid-no-bid .bid-card .icon{
    border-radius: 10px;
    background: #F3F4F6;
    display: flex;
    width: 48px;
    justify-content: center;
    align-items: center;
    height: 48px;
    margin-bottom: 12px;
}

.bid-no-bid .bid-card{
    display: flex;
    padding: 26px 16px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    justify-self: stretch;
    border-radius: 10px;
    border: 2px solid var(--gray200);
    background: #FFF;
    margin-bottom: 4px;
    width: calc(33.333% - 24px);
    margin: 0 10px;
}

.bid-no-bid .bid-card h3{
    color: var(--gray700);
text-align: center;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}

.bid-no-bid .bid-card p{
    color: #6A7282;
text-align: center;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
}

.project-name {
    display: flex;
    align-items: center;
}

.project-name .project-icon{
    border-radius: 10px;
    background: rgba(220, 60, 68, 0.10);
    display: flex;
    width: 40px;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-right: 12px;
    float: inline-start;
}

.project-name h4{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.status{
    display: inline-flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    border-radius: 12px;
}

.status.active{
    color: var(--color-green-600);
    border: 1px solid #A4F4CF;
    background: #ECFDF5;
}

.status.completed{
    color: var(--color-gray-700);
    border: 1px solid var(--color-gray-400);
    background: var(--color-gray-200);
}

.status.paused{
    color: var(--color-orange-700);
    border: 1px solid var(--color-orange-300);
    background: var(--color-orange-100);
}

.progressbar-main {
    margin-top: 0;
}

.progressbar-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.progressbar-title span{
    color: var(--color-gray-600);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.progressbar-main .progress {
    height: 6px;
    background: var(--color-gray-200);
    border-radius: 16px;
}

.progressbar-main .progress .progress-bar{
    background-color: var(--color-red-600);
}

.progressbar-main .progress .progress-bar{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 16px;
    transition: width 0.6s ease;
}

.search-with-filters{
    display: flex;
    justify-content: space-between;
    padding: 15px 32px;
    border-bottom: 1px solid var(--color-gray-200);
}

.search-with-filters .ausschreibungen-filter>span:before{
    display: none;
}

.filter-drop-menu h4{
    color: #99A1AF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

.ai-chatbot{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 151;
	cursor: pointer;
}

.ai-chatbot .chatbot-icon{
    border-radius: 33554400px;
    background: var(--color-red-600);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    transition: transform .2s; /* Animation */
}

.ai-chatbot .chatbot-icon:hover{
    transform: scale(1.1);  
}

.chatbot-block{
	border-radius: 16px;
	border-radius: 10px;
    border: 1px solid var(--gray200);
    background: #FFF;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	display: block;
	width: 100%;
	min-width: 528px;
	position: absolute;
	right: 20px;
	bottom: 60px;
}

.chatbot-block.maximize {
    right: 0;
    min-width: calc(100vw - 40px);
    bottom: 0;
}

.chatbot-block .chatbot{
	overflow: hidden;
    border-radius: 10px;
}

.chatbot-block .chatbot .chatbot-col{
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	position: relative;
	padding: 0;
}

.chatbot-block .chatbot .chatbot-col::after{
	border-radius: 392.647px;
	background: rgba(129, 155, 255, 0.20);
	filter: blur(157px);
	position: absolute;
	left: 0;
	top: 0;
	width: 392px;
	height: 392px;
	left: -119px;
	top: -184px;
	content: "";
}

.chatbot-block .chatbot-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	background: #DC3C44;
	padding-bottom: 16px;
	z-index: 100;
	position: relative;
    padding: 26px;
    color: var(--color-white);
}

.chatbot-block .chatbot-header .right-col button{
    margin-left: 10px;
}

.chatbot-block .response-btn{
	font-size: 12px;
}

.chatbot-block .chatbox{
	width: 100%;
	max-height: 360px;
	overflow: auto;
    padding: 16px;
}

.chatbot-block .chat-bar{
	width: 100%;
	border-radius: 12px;
	display: flex;
	padding: 0;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
    border-radius: 4px;
    border: 1px solid #D1D5DC;
    padding: 6px;
}

.chatbot-block .chat-bar:focus-within{
    border-color: var(--color-red-600);
    outline: 1px solid var(--color-red-600);
}

.chatbot-block .chat-bar .input-form-control{
	width: 100%;
	height: 21px;
	background: none;
	border: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	color: var(--color-gray-700);
	display: flex;
	outline: none;
    padding-left: 10px;
    
}

.chatbot-block .send-btn{
	width: 32px;
	height: 32px;
	border: none;
	background: none;
	padding: 8px;
    background: var(--color-red-600);
    align-items: center;
    display: flex;
    border-radius: 4px;
}

.bottom-chat{
    padding: 16px;
    border-top: 1px solid var(--color-gray-200);
    z-index: 110;
    position: relative;
}

.chatbot-block .trending-button-row{
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.chatbot-block .trending-btn{
	margin: 0;
    display: flex;
    padding: 7px 13px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 4px;
    border: 1px solid var(--color-gray-300);
    color: var(--gray700);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    position: relative;
}

.chatbot-block .message{
	z-index: 100;
	position: relative;
	margin-bottom: 16px;
}

.chatbot-block .message.bot{
	border-radius: 8px 8px 8px 0px;
	background: var(--Foundation-white-white-50, #FFF);
	box-shadow: 0px 0px 6.2px 0px rgba(23, 25, 25, 0.12);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	width: 100%;
	max-width: max-content;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 10px;
}

.chatbot-block .directly-quoted{
    display: flex;
    align-items: center;
    color: var(--gray700);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding: 8px 0;
}

.chatbot-block .tag-size{
    display: flex;
    align-items: center;
    padding: 0px 0 8px;
}

.chatbot-block .tag-size .tag{
    display: flex;
    width: 35.016px;
    margin-right: 6px;
    height: 26px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--gray200);
    background: var(--bg-1);
}

.chatbot-block .directly-quoted svg{
    width: 30px;
    flex-shrink: 0;
}

.chatbot-block .general-requirements {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--gray200);
    background: var(--color-white);
}

.chatbot-block .message.user{
	border-radius: 8px;
	background: #DC3C44;
	box-shadow: 0px 0px 6.2px 0px rgba(23, 25, 25, 0.12);
	display: flex;
	max-width: fit-content;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
	gap: 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--color-white);
    max-width: 80%;
    margin-left: auto;
}

.chatbot-block .message .user-head{
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding-bottom: 8px;
    width: 100%;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.chatbot-block .message .user-head svg{
    margin-right: 8px;
}

.concept-writing{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 0;
}

.concept-writing .icon{
    border-radius: 100%;
    background: #FCE7F3;
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.concept-writing h3{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 8px;
}

.concept-writing p{
    color: var(--gray700);
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
}

.select-documents{
    padding: 20px 0;
}

.select-documents h4{
    color: #101828;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
}

.select-documents p{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
}

.select-documents .documents-row{
    padding: 16px 16px 0;
}

.documents-btn{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid var(--gray200);
    margin-top: 16px;
}

.statement-xlsx{
    display: flex;
    padding: 14px;
    justify-content: center;
    align-items: start;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--gray200);
    background: var(--bg-1);
}

.statement-xlsx:hover{
    border: 1px solid var(--color-red-500);
}

.statement-xlsx .icon{
    flex-shrink: 0;
    margin-right: 10px;
}

.statement-xlsx h4{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
}

.statement-xlsx .size{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.statement-xlsx .deadline{
    border-left: 2px solid #FF8904;
    background: #FFF7ED;
    display: flex;
    padding: 8px 2px 8px 14px;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    margin-top: 8px;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
    color: #364153;
}

.action-menu{
    position: absolute;
    left: 0;
    bottom: 45px;
    border-radius: 10px;
    border: 1px solid var(--gray200);
    background: var(--white);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-items: start;
    z-index: 10;
    width: 280px;
    max-height: 300px;
    overflow: auto;
    /* display: none; */
}

.action-menu li{
    width: 100%;
    display: flex;
    align-items: start;
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    padding: 12px;
    border-radius: 12px;
    cursor: pointer;
}

.action-menu li:hover{
    background: var(--gray100);
}

.action-menu li .icon{
    flex-shrink: 0;
    margin-right: 10px;
}

.action-menu li h5{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    flex: 1 0 0;
}

.action-menu li label{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
    width: 100%;
    display: flex;
}

.prompt-templates{
    position: absolute;
    right: 0;
    bottom: 45px;
    border-radius: 10px;
    border: 1px solid var(--gray200);
    background: var(--white);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    text-align: left;
    width: 320px;
}

.prompt-templates .prompt-head{
    padding: 12px;
    border-bottom: 1px solid var(--gray200);
}

.prompt-templates .prompt-head h3{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px;
    color: #101828;
}

.prompt-templates .prompt-head p{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.prompt-templates ul{
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    max-height: 250px;
    overflow: auto;
}

.prompt-templates ul li{
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}

.prompt-templates ul li .label{
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    color: #1447E6;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    border-radius: 4px;
    background: #DBEAFE;
}

.prompt-templates ul li .label.rating{
    background: #F3E8FF;
    color: #8200DB;
}

.prompt-templates ul li .label.concept{
    background: #DCFCE7;
    color: #008236;
}

.prompt-templates ul li h4{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 4px;
}

.prompt-templates ul li p{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.details-block{
    display: flex;
    width: 500px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    right: 0;
    position: fixed;
    background: var(--white);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    z-index: 10;
    top: 0;
    height: 100%;
    overflow: auto;
    transition: all 0.5s ease;
}

.details-block .details-header{
    padding: 24px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid var(--gray200);
}

.details-block .details-header h2{
    color: #101828;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.details-block .details-inr-wrapper{
    padding: 24px;
    width: 100%;
}

.details-block .a2{
    margin-top: 10px;
    color: #4C9AFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.details-block .details-inr-wrapper h4{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.details-block .input-grid-wrapper{
    width: 100%;
    margin-top: 24px;
}

.details-block .input-grid-wrapper label{
    color: #6A7282;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.details-block .input-group{
    width: 100%;
    flex: auto;
}

.details-block .input-group textarea{
    height: 138px;
    max-height: none;
    resize: none;
}

.details-block .btn-outline{
    width: 100%;
    padding: 12px;
    border-color: var(--color-red-500);
    color: var(--color-red-500);
}

.antwort-td,
.requirement-td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
    font-size: 12px;
    color: #99A1AF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.source-td{
    color: #99A1AF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--color-blue-600);
    display: flex;
    align-items: center;
    
}

.source-td .quelle-btn{
    margin-right: 10px;
    cursor: pointer;
}

.source-td .quelle-btn svg{
    display: block;
}

.status-td{
    border: 1px solid var(--color-red-200);
    padding: 4px 6px;
    font-size: 12px;
    display: inline-block;
    border-radius: 8px;
    color: var(--color-red-600);
    background-color: var(--color-red-50);
    align-items: center;
}

.status-td svg{
    display: inline-block;
}

.more-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.more-arrow svg{
    width: 20px;
}

.source-btn{
    display: flex;
    align-items: center;
    color: var(--color-blue-600);
    cursor: pointer;
}

.source-btn svg{
    margin-right: 8px;
}

.footer-btn-row{
    width: 100%;
    display: flex;
    justify-content: end;
}

.footer-btn-row .btn-h40{
    margin-left: 10px;
}

.footer-btn-row .btn-right{
    display: flex;
    align-items: center;
}

.footer-btn-row .btn-right button{
    margin-left: 10px;
}

.source-block{
    border-radius: 10px;
    border: 1px solid #BEDBFF;
    background: #EFF6FF;
    display: flex;
    padding: 17px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding-left: 50px;
    position: relative;
}

.source-block p{
    color: #1C398E;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
}

.source-block .pdf{
    color: #1447E6;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    display: flex;
}

.source-block .pdf svg{
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.source-block .icon{
    border-radius: 100px;
    background: #DBEAFE;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 16px;
    top: 16px;
}

.the-ai-generated{
    max-height: 250px;
    overflow: auto;
    width: 100%;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: var(--white);
    margin-top: 20px;
}

.the-ai-generated h5{
    font-weight: normal;
    margin-bottom: 10px;
}

.the-ai-generated p,
.the-ai-generated ul{
    margin-bottom: 10px;
}

.the-ai-generated ul li{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.type-icon{
    width: 100%;
    position: relative;
    padding-left: 36px;
    border: 1px solid var(--color-gray-200);
    border-radius: 4px;
}

.type-icon.fell{
    background-color: #F9FAFB;
}

.type-icon input{
    border: none;
    outline: none;
    border-radius: 0;
    padding-left: 0;
    background: none;
}

.type-icon .icon{
    position: absolute;
    left: 10px;
    top: 12px;
}

.select-evaluation{
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    padding: 16px;
    margin-bottom: 16px;
}

.modal-scroll{
    max-height: 280px;
    overflow: auto;
}

.select-the-table {
    padding-top: 10px;
}

.select-the-table .select-evaluation{
    margin-bottom: 0;
}

.select-the-table p{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.select-the-table span label{
    color: #99A1AF;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.select-the-table h4{
    color: #364153;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
}

.tender-modal .modal-wrapper{
    max-width: 900px;
    width: 100%;
}

.tender-modal h3.text-xl{
    color: #fff;
    font-weight: 400;
    line-height: 24px;
}

.tender-modal .modal-head{
    background: #DC3C44;
    color: #fff;
    border-bottom: 0;
}

.historical-search .icon{
    display: flex;
width: 32px;
height: 32px;
padding-right: 0.016px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 33554400px;
background: #DC3C44;
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
position: absolute;
left: 0;
top: 16px;
left: 28px;
}

.historical-search p{
    color: #4A5565;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 19.5px; /* 162.5% */
}

.historical-search h4{
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.historical-search{
    border-left: 4px solid #DC3C44;
    border-right: 4px solid #DC3C44;
    background: #FEF2F2;
    padding: 16px 24px;
    padding-left: 75px;
    position: relative;
}

.search-tender{
    display: flex;
    padding: 16px 24px;
    flex-direction: row;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: space-between;
    border-bottom: 1px solid #E5E7EB;
}

.filter-btn-row{
    display: flex;
    align-items: center;
}

.search-tender .filter-btn{
    border-radius: 4px;
    border: 1px solid #D1D5DC;
    display: flex;
    height: 38px;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    color: #364153;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-left: 10px;
}

.search-tender.right-tab-inner .search-filter{
    min-width: 560px;
}

.tender-card{
    display: flex;
    padding: 16px;
    flex-direction: row;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;
}

.tender-card .tender-right-info{
    display: flex;
    flex-direction: column;
    align-items: end;
}

.tender-card .tender-right-info .status{
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #DCFCE7;
    color: #008236;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    margin-bottom: 10px;
}

.tender-card .tender-right-info .status.completed{
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #DBEAFE;
}

.tender-card .tender-right-info label{
    color: #00C950;
    text-align: right;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
}

.tender-card .tender-right-info span{
    color: #6A7282;
    text-align: right;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.tender-card .tender-right-info .match{
    display: flex;
    align-items: end;
    flex-direction: column;
}

.tender-card .date-info{
    margin-bottom: 12px;
    display: flex;
}

.tender-card .date-info span{
    margin-right: 10px;
    align-items: center;
    display: flex;
}

.tender-card .date-info span svg{
    margin-right: 6px;
}

.tender-card .date-info{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.tender-card h5{
    color: #6A7282;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 6px;
}

.documents-available .documents{
    display: flex;
    height: 24px;
    padding: 4px 8.453px 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #F3F4F6;
    color: #364153;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    margin-right: 10px;
}

.documents-available .documents svg{
    margin-right: 6px;
}

.documents-available {
    margin-bottom: 12px;
}

.tender-modal .modal-body{
    padding: 16px 24px;
    overflow: auto;
    max-height: 400px;
}

.documents-available .documents-row{
    display: flex;
    align-items: center;
}

.contract-value{
    color: #4A5565;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.tender-card h4{
    color: #101828;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}

/*--css added on 6-1-26---*/

.global-modal.ai-concept-modal .modal-wrapper {
    max-width: 672px;
}

.global-modal.ai-concept-modal .modal-body {
    padding: 32px;
    max-height: max-content;
}

.ai-concept-content {
    text-align: center;
    margin-bottom: 32px;
}

.ai-concept-content h4 {
    color: #101828;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.ai-concept-content p {
    color: #4A5565;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
}

.animated-icon {
    position: relative;
    display: flex;
    width: 80px;
    height: 80px;
    margin: 10px auto 24px auto;
}

.animated-pulse-effect {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    animation: pulseFade 2s ease-in-out infinite;
}

.animated-ripple {
    position: absolute;
    inset: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(to bottom right, #AD46FF, #DC3C44);
    animation: ripple 1s ease-out infinite;
}

@keyframes pulseFade {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

@keyframes ripple {
    0% {
        opacity: 0.15;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.gradient-progress-block {
    margin-bottom: 24px;
}

.gradient-progress-block .progress-bar {
    position: relative;
    background: #E5E7EB;
    border-radius: 45px;
    width: 100%;
    height: 12px;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
}

.gradient-progress-block .progress-bar .progress-item {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    background: linear-gradient(90deg, #AD46FF 0%, #DC3C44 100%);
    transition: 0.3s all ease-in-out;
    border-radius: 45px;
}

.gradient-progress-block .progress-count {
    text-align: center;
    margin: 15px 0 0 0;
    color: #101828;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.checklist ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

.checklist ul > li {
    position: relative;
    color: #4A5565;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 20px;
    transition: 0.3s all ease-in-out;
}

.checklist ul > li::before {
    position: absolute;
    top: 7px;
    left: 0;
    content: '';
    display: inline-flex;
    width: 8px;
    height: 8px;
    background-color: #D1D5DC;
    border-radius: 100%;
    transition: 0.3s all ease-in-out;
}

.checklist ul > li.checked {
    color: #101828;
}

.checklist ul > li.checked::before {
    background: #00C950;
}

/*-----*/

@media (max-width: 560px) {
	.chatbot-block{
		min-width: fit-content;
	}

    .global-modal.ai-concept-modal .modal-body {
        padding: 24px;
    }
}

@media screen and (max-height: 700px) {
  .chatbot-block .chatbox{
	max-height: 250px;
  }
}

@media screen and (max-height: 550px) {
  .chatbot-block .chatbox{
	max-height: 150px;
  }
}

@media(max-width:1380px){
    .budget-holder .federal-ministry{
        width: 25%;
    }
    .budget-holder .filter-awards{
        width: 75%;
    }
    .budget-holder .filter-tabs-right{
        margin-left: 0;
        justify-content: start;
    }
    .right-tab-inner .search-filter{
        min-width: 200px;
    }
    .budget-holder .filter-tabs-right,
    .filter-row{
        flex-wrap: wrap;
    }
    
}

@media(max-width:991px){
    .ai-template-grid{
        grid-template-columns: 1fr;
    }
    .budget-holder .federal-ministry{
        width: 100%;
    }
    .budget-holder{
        flex-wrap: wrap;
    }
    .budget-holder .filter-awards{
        width: 100%;
        padding-left: 0;
        padding-top: 16px;
    }
    .budget-holder .slected-box .selected-item{
        margin-top: 10px;
        margin-left: 0;
        margin-right: 10px;
    }
}

@media(max-width:767px) {
    .login-wrapper .login-left {
        display: none;
    }

    .login-wrapper .login-right {
        padding: 20px;
    }

    .login-right-inr .btn-wrapper {
        margin-top: 44px;
    }

    .title-login {
        padding-bottom: 44px;
    }
    .cloud-wrapper{
        flex-wrap: wrap;
        padding: 16px;
    }
    .cloud-wrapper .cloud-right,
    .cloud-wrapper .cloud-left{
        width: 100%;
    }
    .back-btn{
        margin-right: 10px;
    }
    .top-nav{
        padding: 0 16px;
    }
    .top-nav ul.nav li{
        margin-right: 10px;
    }
    .top-nav ul.nav{
        overflow: auto;
    }
    .top-nav ul.nav a{
        white-space: nowrap;
    }
    .filter-tabs-right{
        margin-left: 0;
    }
    .view-details{
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 10px;
    }
    .available-tenders{
        padding: 16px;
    }
    .bid-no-bid{
        padding:16px;
    }
    .bid-grid-wrapper{
        margin: 0;
        flex-wrap: wrap;
    }
    .bid-no-bid .bid-card{
        width: 100%;
        margin: 0 0 16px; 
    }
}

.loading-overlay[data-v-ee9fd33f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: rgba(255, 255, 255, 0.8); */
  backdrop-filter: blur(2px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-spinner[data-v-ee9fd33f] {
  text-align: center;
  background: white;
  padding: 2rem;
  border-radius: 12px;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
}
.spinner[data-v-ee9fd33f] {
  width: 40px;
  height: 40px;
  border: 4px solid #e0e0e0;
  border-top: 4px solid var(--brand500);
  border-radius: 50%;
  animation: spin-ee9fd33f 1s linear infinite;
  margin: 0 auto 1rem;
}
.loading-spinner p[data-v-ee9fd33f] {
  margin: 0;
  color: #7f8c8d;
  font-weight: 500;
}
@keyframes spin-ee9fd33f {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

/* Transition styles */
.loading-enter-active[data-v-ee9fd33f],
.loading-leave-active[data-v-ee9fd33f] {
  transition: opacity 0.3s ease;
}
.loading-enter-from[data-v-ee9fd33f],
.loading-leave-to[data-v-ee9fd33f] {
  opacity: 0;
}

.toast-container[data-v-44d1c176] {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 10000;
  pointer-events: none;
}
.toast[data-v-44d1c176] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: white;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-left: 4px solid;
  min-width: 300px;
  max-width: 400px;
  pointer-events: auto;
  cursor: pointer;
  transition: all 0.3s ease;
}
.toast[data-v-44d1c176]:hover {
  transform: translateX(-4px);
}
.toast-success[data-v-44d1c176] {
  border-left-color: #2ecc71;
}
.toast-error[data-v-44d1c176] {
  border-left-color: #e74c3c;
}
.toast-warning[data-v-44d1c176] {
  border-left-color: #f39c12;
}
.toast-info[data-v-44d1c176] {
  border-left-color: #3498db;
}
.toast-icon[data-v-44d1c176] {
  font-size: 1.2rem;
  flex-shrink: 0;
}
.toast-content[data-v-44d1c176] {
  flex: 1;
}
.toast-title[data-v-44d1c176] {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}
.toast-message[data-v-44d1c176] {
  font-size: 0.9rem;
  color: #7f8c8d;
  line-height: 1.4;
}
.toast-close[data-v-44d1c176] {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #95a5a6;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.toast-close[data-v-44d1c176]:hover {
  background: #ecf0f1;
  color: #7f8c8d;
}

/* Transition styles */
.toast-enter-active[data-v-44d1c176],
.toast-leave-active[data-v-44d1c176] {
  transition: all 0.3s ease;
}
.toast-enter-from[data-v-44d1c176] {
  opacity: 0;
  transform: translateX(100%);
}
.toast-leave-to[data-v-44d1c176] {
  opacity: 0;
  transform: translateX(100%);
}
.toast-move[data-v-44d1c176] {
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
.toast-container[data-v-44d1c176] {
    left: 1rem;
    right: 1rem;
    top: 1rem;
}
.toast[data-v-44d1c176] {
    min-width: auto;
    max-width: none;
}
}

.v-select .vs__dropdown-toggle {
  padding: 6px 8px;
  border: 1px solid var(--color-gray-200);
  border-radius: 4px;
  background: transparent;
  font-size: 14px;
  line-height: 16px;
  max-height: 38px;
  font-family: 'Poppins' !important;
  transition-property: color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.v-select.vs--open .vs__dropdown-toggle {
  padding: 6px 8px;
  border: 1px solid var(--color-gray-200);
  border-radius: 4px;
  background: transparent;
  font-size: 14px;
  line-height: 16px;
  max-height: 38px;
  font-family: 'Poppins' !important;
}
.vs__dropdown-toggle:focus,
.vs__search:focus,
.vs__search:focus-visible {
  outline: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.v-select .vs__search::placeholder {
  color: #b2b8c2;
  font-size: 13px;
  font-weight: 300;
}
.v-select .vs__selected {
  font-size: 14px;
  font-weight: 400;
  color: var(--foreground);
  font-family: 'Poppins' !important;
  margin: 0;
  padding: 0;
}
.v-select .vs__dropdown-menu {
  border: 1px solid var(--color-gray-200);
  background: #fff;
  border-radius: 4px;
  margin-top: 4px;
}
.v-select .vs__dropdown-option {
  padding: 8px 12px;
  color: #333;
  font-family: 'Poppins' !important;
  font-size: 14px;
}
.v-select .vs__dropdown-option--highlight {
  background: var(--color-red-100) !important;
}
.v-select .vs__dropdown-option--selected {
  background: var(--color-red-200) !important;
}
.v-select .vs__search,
.v-select .vs__search:focus {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  font-family: 'Poppins' !important;
  box-shadow: none !important;
  width: auto;
}
.v-select .vs__actions {
  padding: 0 0 0 8px;
}
.vs__no-options {
  /* padding: 2px; */
  text-align: center;
  color: #667085;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}

/* Global Radio button styling */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
  flex-shrink: 0;
}
input[type="radio"]:checked {
  border-color: #DC3C44;
}
input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #DC3C44;
}
input[type="radio"]:hover {
  border-color: #DC3C44;
}
input[type="radio"]:focus {
  box-shadow: 0 0 0 3px rgba(220, 60, 68, 0.1);
}
input[type="radio"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bg-danger svg{
   stroke: currentColor;
}

.modal-backdrop[data-v-6c6dc584] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal[data-v-6c6dc584] {
  background: white;
  padding: 20px;
  border-radius: 8px;
}
.modal-sm .modal-wrapper[data-v-6c6dc584]{
    width: 450px;
}
.modal-head[data-v-6c6dc584] {
    padding: 20px 32px;
    border-bottom: 1px solid var(--color-gray-100);
    justify-content: space-between;
    display: block;
}

.tiptap-wrapper[data-v-d058a445] {
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  background: white;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.editor-toolbar[data-v-d058a445] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 12px;
  background: #f9f9f9;
  border-bottom: 2px solid #e5e5e5;
  align-items: center;
}
.toolbar-group[data-v-d058a445] {
  display: flex;
  gap: 2px;
}
.toolbar-btn[data-v-d058a445] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  transition: all 0.15s ease;
}
.toolbar-btn[data-v-d058a445]:hover:not(:disabled) {
  background: #fef2f2;
  border-color: #dc3c44;
  color: #dc3c44;
}
.toolbar-btn.is-active[data-v-d058a445] {
  background: #dc3c44;
  border-color: #dc3c44;
  color: white;
}
.toolbar-btn[data-v-d058a445]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.toolbar-btn svg[data-v-d058a445] {
  width: 16px;
  height: 16px;
}
.toolbar-divider[data-v-d058a445] {
  width: 1px;
  height: 24px;
  background: #d1d5db;
  margin: 0 6px;
}
.editor-content[data-v-d058a445] {
  background: white;
}
.editor-content[data-v-d058a445] .ProseMirror {
  padding: 16px;
  min-height: 120px;
  outline: none;
  font-size: 15px;
  line-height: 1.6;
  color: #1f2937;
}
.editor-content[data-v-d058a445] .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: #aaa;
  pointer-events: none;
  height: 0;
  float: left;
}
.editor-content[data-v-d058a445] .ProseMirror h1 {
  font-size: 2em;
  font-weight: 700;
  margin: 0.67em 0;
  color: #111827;
}
.editor-content[data-v-d058a445] .ProseMirror h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0.75em 0;
  color: #111827;
}
.editor-content[data-v-d058a445] .ProseMirror h3 {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0.83em 0;
  color: #111827;
}
.editor-content[data-v-d058a445] .ProseMirror p {
  margin: 1em 0;
}
.editor-content[data-v-d058a445] .ProseMirror strong {
  font-weight: 700;
  color: #111827;
}
.editor-content[data-v-d058a445] .ProseMirror em {
  font-style: italic;
}
.editor-content[data-v-d058a445] .ProseMirror u {
  text-decoration: underline;
}
.editor-content[data-v-d058a445] .ProseMirror s {
  text-decoration: line-through;
}
.editor-content[data-v-d058a445] .ProseMirror ul,
.editor-content[data-v-d058a445] .ProseMirror ol {
  padding-left: 1.5em;
  margin: 1em 0;
}
.editor-content[data-v-d058a445] .ProseMirror ul {
  list-style-type: disc;
}
.editor-content[data-v-d058a445] .ProseMirror ol {
  list-style-type: decimal;
}
.editor-content[data-v-d058a445] .ProseMirror li {
  margin: 0.5em 0;
}
.editor-content[data-v-d058a445] .ProseMirror li p {
  margin: 0.25em 0;
}
.editor-content[data-v-d058a445] .ProseMirror hr {
  border: none;
  border-top: 2px solid #e5e5e5;
  margin: 2em 0;
}
.editor-content[data-v-d058a445] .ProseMirror blockquote {
  border-left: 4px solid #dc3c44;
  padding-left: 1em;
  margin: 1em 0;
  color: #6b7280;
  font-style: italic;
}
.editor-content[data-v-d058a445] .ProseMirror code {
  background: #f3f4f6;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: #dc3c44;
}
.editor-content[data-v-d058a445] .ProseMirror pre {
  background: #1f2937;
  color: #f9fafb;
  padding: 1em;
  border-radius: 6px;
  overflow-x: auto;
  margin: 1em 0;
}
.editor-content[data-v-d058a445] .ProseMirror pre code {
  background: none;
  color: inherit;
  padding: 0;
  font-size: 0.875em;
}
.editor-content[data-v-d058a445] .ProseMirror [style*="text-align: left"] {
  text-align: left;
}
.editor-content[data-v-d058a445] .ProseMirror [style*="text-align: center"] {
  text-align: center;
}
.editor-content[data-v-d058a445] .ProseMirror [style*="text-align: right"] {
  text-align: right;
}
.editor-content[data-v-d058a445] .ProseMirror [style*="text-align: justify"] {
  text-align: justify;
}
.editor-content[data-v-d058a445] .ProseMirror:focus {
  outline: none;
}

.custom-dropdown-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    flex: 1;
    flex-basis: 200px;
}
.custom-dropdown-group label {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--color-gray-700);
    line-height: 16px;
}
.custom-dropdown-group-auto {
    display: flex;
    flex: auto;
    flex-direction: column;
    margin-bottom: 24px;
    width: 100%;
}
textarea {
    resize: none;
    max-height: none !important;
}
:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}

.checkbox-group[data-v-ac64fd3a] {
    margin-top: 5px;
}

.modal-backdrop[data-v-d05d32bf] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center;
}
.modal[data-v-d05d32bf] { background: white; padding: 20px; border-radius: 8px;
}
.modal-sm .modal-wrapper[data-v-d05d32bf]{
    width: 450px;
}

.sort-icon[data-v-4dde889c] {
  margin-left: 4px;
  font-size: 12px;
  color: #666;
}
.no-data-message[data-v-4dde889c] {
    text-align: center;
    padding: 40px;
    color: #999;
}

.message-head-btn[data-v-261dbe81] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.refresh-btn[data-v-261dbe81] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.refresh-btn:hover svg[data-v-261dbe81] {
    color: #374151;
}
.rotating[data-v-261dbe81] {
    animation: rotate-261dbe81 0.6s linear;
}
@keyframes rotate-261dbe81 {
from {
        transform: rotate(0deg);
}
to {
        transform: rotate(360deg);
}
}

.user-box-wrapper[data-v-0d45f0b1] {
    justify-content: end;
}

.selected-item[data-v-0d793d82] {
  border: 0px;
}
.slected-box[data-v-0d793d82] {
  gap: 10px;
}
.budget-holder .slected-box .selected-item[data-v-0d793d82] {
  border: none;
  min-width: 150px;
  width: fit-content;
}
.custom-dropdown-group[data-v-0d793d82] {
  margin-bottom: 0px;
}
.filter-tabs-right[data-v-0d793d82] {
  display: flex;
  gap: 10px;
}
.vs__search[data-v-0d793d82]::placeholder {
  opacity: 1 !important;
  color: #999 !important;
}
.vs__dropdown-toggle[data-v-0d793d82] {
  min-height: 40px;
}

.file-control[data-v-4fa97c11]:hover {
  opacity: 0.9;
}
.file-preview[data-v-4fa97c11] {
  cursor: pointer;
}
.file-preview svg[data-v-4fa97c11]:hover {
  opacity: 0.8;
}

.file-control {
&[data-v-d51f5df1] {
    border: 2px dashed var(--Gray-300);
    background: var(--bg-1);
}
.icon {
&[data-v-d51f5df1] {
        position: relative;
        background: #FFEDD4;
        margin-bottom: 12px;
}
img[data-v-d51f5df1] {
            width: 80px;
            height: 80px;
            border-radius: 100%;
            min-width: 80px;
            object-fit: cover;
}
.img-delete-icon[data-v-d51f5df1] {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 11;
}
}
}

.filter-drop-menu[data-v-c0e390e5] {
  padding: 16px;
}

.ai-mode-cell {
    margin-bottom: 0 !important;
    position: relative;
    /* width: 60%; */
}
.ai-mode-cell .v-select {
    width: 100%;
}
.ai-mode-cell .vs__dropdown-menu {
    z-index: 9999 !important;
    position: absolute !important;
}
.ai-mode-cell .vs--disabled .vs__dropdown-toggle {
    background-color: var(--color-gray-50, #f9fafb);
    cursor: not-allowed;
    opacity: 0.6;
}
.user-table td {
    overflow: visible !important;
}
.user-table tbody tr {
    position: relative;
}
.ai-mode {
    width: 25%;
}

.notification-time[data-v-382f580f] {
    margin-bottom: 24px;
}
.img-container {
&[data-v-382f580f] {
    position: relative;
    }
.img-delete-icon[data-v-382f580f] {
        position: absolute;
        top: 0;
        right: 0;
}
}

.btn-primary[data-v-f1edde3f]{
    margin-top: 40px;
}

.form-section[data-v-42516880] {
  padding: 16px;
}
.section-title[data-v-42516880] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #374151;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 8px;
}
.help-text[data-v-42516880] {
  color: #6b7280;
  font-size: 12px;
  font-style: italic;
}

.company-ai-container[data-v-9b9be42a] {
    /* padding: 32px; */
}
.header-section[data-v-9b9be42a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.subtitle[data-v-9b9be42a] {
    color: #666;
    font-size: 14px;
    margin-top: 4px;
}
.section[data-v-9b9be42a] {
    margin-bottom: 32px;
}
.section-header[data-v-9b9be42a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.section-header h3[data-v-9b9be42a] {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0;
}
.main-header h3[data-v-9b9be42a] {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0;
}
.model-count[data-v-9b9be42a] {
    font-size: 13px;
    color: #6b7280;
    background: #f3f4f6;
    padding: 4px 12px;
    border-radius: 12px;
}
.table-card[data-v-9b9be42a] {
    background: white;
    /* border: 1px solid #dee2e6; */
    /* border-radius: 10px; */
    margin-bottom: 24px;
}
.footer-actions[data-v-9b9be42a] {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
    border-top: 1px solid #eee;
}
.radio-cell[data-v-9b9be42a] {
    display: flex;
    justify-content: center;
}
.status-badge[data-v-9b9be42a] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}
.status-badge.active[data-v-9b9be42a] {
    background: #d4edda;
    color: #155724;
}
.status-badge.inactive[data-v-9b9be42a] {
    background: #f8d7da;
    color: #721c24;
}
.icon-plus[data-v-9b9be42a] {
    margin-right: 8px;
}

.no-max-width[data-v-8cab56b6] {
  max-width: 100%;
}

.clickable {
    cursor: pointer;
}

.form-section[data-v-64764d2e] {
  padding: 16px;
}
.section-title[data-v-64764d2e] {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #374151;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
}
.input-row[data-v-64764d2e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.input-row[data-v-64764d2e]:last-child {
  margin-bottom: 0;
}
.custom-dropdown-group label[data-v-64764d2e] {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--color-gray-700);
  line-height: 16px;
}
.input-group[data-v-64764d2e],
.custom-dropdown-group[data-v-64764d2e] {
  margin-bottom: 0;
}
.input-group.full-width[data-v-64764d2e],
.custom-dropdown-group.full-width[data-v-64764d2e] {
  grid-column: 1 / -1;
}
.error-message[data-v-64764d2e] {
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
}
.help-text[data-v-64764d2e] {
  margin-top: 4px;
  color: #6b7280;
  font-size: 12px;
  font-style: italic;
}
.text-xl[data-v-64764d2e] {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.ai-config-container[data-v-d1e61acd] {
  padding: 32px;
}
.header-section[data-v-d1e61acd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.header-section h2[data-v-d1e61acd] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.icon-plus[data-v-d1e61acd] {
  margin-right: 8px;
}
.config-table[data-v-d1e61acd] {
  background: white;
  border-radius: 8px;
  overflow-x: auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
table[data-v-d1e61acd] {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}
thead[data-v-d1e61acd] {
  background-color: #f8f9fa;
}
th[data-v-d1e61acd] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
}
td[data-v-d1e61acd] {
  padding: 12px 16px;
  border-bottom: 1px solid #dee2e6;
  font-size: 14px;
}
tbody tr[data-v-d1e61acd]:hover {
  background-color: #f8f9fa;
}
.badge[data-v-d1e61acd] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.badge.hosted[data-v-d1e61acd] {
  background-color: #cfe2ff;
  color: #084298;
}
.badge.local[data-v-d1e61acd] {
  background-color: #e7e7e7;
  color: #333;
}
.status-badge[data-v-d1e61acd] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.status-badge.active[data-v-d1e61acd] {
  background-color: #d4edda;
  color: #155724;
}
.status-badge.inactive[data-v-d1e61acd] {
  background-color: #f8d7da;
  color: #721c24;
}
.icon-btn[data-v-d1e61acd] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 4px 8px;
  margin: 0 4px;
}
.icon-btn[data-v-d1e61acd]:hover {
  opacity: 0.7;
}
.text-center[data-v-d1e61acd] {
  text-align: center;
}

.ai-model-container[data-v-da5cd17f] {
  padding: 32px;
}
.header-section[data-v-da5cd17f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.header-section h2[data-v-da5cd17f] {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.icon-plus[data-v-da5cd17f] {
  margin-right: 8px;
}
.models-table[data-v-da5cd17f] {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
table[data-v-da5cd17f] {
  width: 100%;
  border-collapse: collapse;
}
thead[data-v-da5cd17f] {
  background-color: #f8f9fa;
}
th[data-v-da5cd17f] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
}
td[data-v-da5cd17f] {
  padding: 12px 16px;
  border-bottom: 1px solid #dee2e6;
  font-size: 14px;
}
tbody tr[data-v-da5cd17f]:hover {
  background-color: #f8f9fa;
}
.status-badge[data-v-da5cd17f] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.status-badge.active[data-v-da5cd17f] {
  background-color: #d4edda;
  color: #155724;
}
.status-badge.inactive[data-v-da5cd17f] {
  background-color: #f8d7da;
  color: #721c24;
}
.icon-btn[data-v-da5cd17f] {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 4px 8px;
  margin: 0 4px;
}
.icon-btn[data-v-da5cd17f]:hover {
  opacity: 0.7;
}
.text-center[data-v-da5cd17f] {
  text-align: center;
}

.kanban-body-wrapper[data-v-e7f75126] {
    position: relative;
    min-height: 100px;
    transition: background-color 0.2s ease;
}
.column-edit-wrapper[data-v-e7f75126] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}
.column-edit-input[data-v-e7f75126] {
    flex: 1;
    padding: 4px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    outline: none;
    font-family: 'Poppins', sans-serif;
}
.column-edit-actions[data-v-e7f75126] {
    display: flex;
    gap: 0.25rem;
}
.btn-icon[data-v-e7f75126] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn-save[data-v-e7f75126] {
    color: #43A047;
}
.btn-save[data-v-e7f75126]:hover {
    color: #388E3C;
}
.empty-drop-zone[data-v-e7f75126] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 2rem;
    border: 2px dashed #e5e7eb;
    border-radius: 8px;
    background-color: #f9fafb;
    color: #9ca3af;
    transition: all 0.2s ease;
    margin: 0.5rem;
}
.empty-drop-zone .empty-icon[data-v-e7f75126] {
    width: 32px;
    height: 32px;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}
.empty-drop-zone p[data-v-e7f75126] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
}
.empty-drop-zone.drag-over-empty[data-v-e7f75126] {
    border-color: #3b82f6;
    background-color: #eff6ff;
    color: #3b82f6;
}
.empty-drop-zone.drag-over-empty .empty-icon[data-v-e7f75126] {
    opacity: 1;
    animation: bounce-e7f75126 0.5s ease-in-out infinite;
}
@keyframes bounce-e7f75126 {
0%,
    100% {
        transform: translateY(0);
}
50% {
        transform: translateY(-5px);
}
}
.drop-indicator[data-v-e7f75126] {
    position: relative;
    height: 8px;
    margin: 0;
    transition: all 0.2s ease;
    opacity: 0;
}
.drop-indicator.active[data-v-e7f75126] {
    height: 40px;
    opacity: 1;
}
.drop-indicator.drop-indicator-end[data-v-e7f75126] {
    margin-top: 0.5rem;
}
.drop-indicator.drop-indicator-end.active[data-v-e7f75126] {
    height: 40px;
}
.drop-line[data-v-e7f75126] {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    right: 0.5rem;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
    border-radius: 2px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.drop-indicator.active .drop-line[data-v-e7f75126] {
    opacity: 1;
    animation: pulse-e7f75126 1.5s ease-in-out infinite;
}
@keyframes pulse-e7f75126 {
0%,
    100% {
        opacity: 1;
}
50% {
        opacity: 0.6;
}
}
.drop-line[data-v-e7f75126]::before,
.drop-line[data-v-e7f75126]::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    background-color: #3b82f6;
    border-radius: 50%;
    transform: translateY(-50%);
}
.drop-line[data-v-e7f75126]::before {
    left: -4px;
}
.drop-line[data-v-e7f75126]::after {
    right: -4px;
}
.kanban-content-wrapper[data-v-e7f75126] {
    transition: all 0.2s ease;
    cursor: pointer;
}
.kanban-content-wrapper[data-v-e7f75126]:active {
    cursor: grabbing;
}
.kanban-content-wrapper.being-dragged[data-v-e7f75126] {
    opacity: 0.5;
    transform: scale(0.95);
    cursor: grabbing;
}
.kanban-body-wrapper[data-v-e7f75126]:not(.empty-column) {
    display: flex;
    flex-direction: column;
}
.delete-btn.disabled[data-v-e7f75126] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.user-box-wrapper[data-v-947b8ce5] {
    justify-content: end;
}

.file-control[data-v-989e6f77]:hover {
  opacity: 0.9;
}
.file-preview[data-v-989e6f77] {
  cursor: pointer;
}
.file-preview svg[data-v-989e6f77]:hover {
  opacity: 0.8;
}