body {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* margin-top: 120px; */
    margin-top: 60px;
    /* Adjust this value to match the height of your header */
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
    letter-spacing: 0px;
    /* align-items: center; */
    /* position: absolute; */
    /* margin: 0px; */
    /* width: 100%; */
    /* padding: 0px; */
    /* max-width: 2000px; */
    /* background-color: #b05656; */
    /* color: var(--mantine-color-dark-4); */
    color: #55595c;
}

[data-mantine-color-scheme='dark'] body {
    color: var(--mantine-color-text);
}

::selection {
    /* background: rgb(133, 210, 137); */
    /* background: #c1c1c1; */
    background: rgb(240, 240, 240);
}

[data-mantine-color-scheme='dark'] ::selection {
    /* color: var(--mantine-color-text); */
    /* border: 2px solid rgb(255, 255, 255); */
    background: var(--mantine-color-dark-4);
}

.dmc-container {
    /* border: 5px solid rgb(34, 34, 34); */
    /* background-color: #7f2d2d; */
}

.dmc-space {
    background-color: #b05656;
}

/* :focus {
    outline: none;
} */

#menu-btn:hover {
    background-color: #55595c;
}

#menu-btn {
    cursor: pointer;
    align-items: baseline;
    padding: 0.625rem 1rem;
}

.menu-left-icon i {
    color: #98ffb08e;
}



.footer-child {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* text-align: center; */
    /* width: 90%; */
    /* border: 1px solid #999; */
    /* Add a border to links */
    /* padding: 5px 5px; */
    /* Add padding for better spacing 5px top down 5px right left*/
}

[data-mantine-color-scheme='dark'] .footer-child {
    color: var(--mantine-color-text);
}

.footer-text {
    text-decoration: none;
    color: rgb(80, 80, 80);
    width: 80%;
    text-align: center;
    font-weight: 500;
    /* font-size: small; */
    /* font-size: medium; */
}

[data-mantine-color-scheme='dark'] .footer-text {
    color: var(--mantine-color-text);
}

.footer-child a:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
}

[data-mantine-color-scheme='dark'] .footer-child a:hover {
    color: var(--mantine-color-white);
}

.footer-stack {
    /* height: 50px; */
    /* border: 2px solid #c1c1c1; */
    width: 100%;
    /* outline: 2px solid rgb(133, 183, 8); */
}

.mantine-Tooltip-tooltip {
    /* color: rgb(80, 80, 80); */
    background-color: rgb(34, 34, 34);
}

.mantine-15lc8d2 {
    background-color: rgb(255, 255, 255);
    /* background-color: rgb(34, 34, 34); */
    color: rgb(34, 34, 34);
    /* font-size: small; */
    /* font-weight: 700; */
    border-radius: 0px;
    /* border: 1px solid rgb(80, 80, 80); */
    border: 1px solid #c1c1c1;
}

.mantine-1xkc0qs {
    /* background-color: rgb(255, 255, 255); */
    /* background-color: rgb(34, 34, 34); */
    /* color: rgb(34, 34, 34); */
    font-size: small;
    font-weight: 300;
    /* border-radius: 0px; */
    /* border: 1px solid rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
}

.mantine-5f6x53 {
    align-content: center;
}

.transactions-grid-element-center {
    flex-direction: column;
}

.favourites-stack,
.change-password-stack {
    /* height: 500px; */
    min-height: 500px;
}

.login-stack {
    height: 250px;
}

.login-stack-google {
    height: 330px;
}

.register-stack {
    height: 330px;
}

/* .div-space {
    background-color: rgb(175, 69, 69);
} */

.header-top-text,
.register-anchor-text {
    color: rgb(255, 255, 255);
    letter-spacing: 0.5px;
    font-weight: 600 !important;
    padding-bottom: 6px;
    /* font-weight: bolder; */
    /* font-size: larger; */
}

[data-mantine-color-scheme='dark'] .header-top-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

[data-mantine-color-scheme='dark'] .register-anchor-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.header-top-text:hover,
.register-anchor-text:hover {
    /* color: rgb(133, 183, 8); */
    /* color: rgb(90, 159, 78); */
    color: rgb(0, 100, 50);
    /* color: rgb(134, 188, 37) */
    /* color: rgb(100, 160, 130); */
}

.header-top-anchor,
.header-top-anchor-landing {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    /* Center the logo horizontally */
}

.header-top-anchor:hover,
.header-top-anchor-landing:hover {
    text-decoration: none;
    /* color: rgb(133, 183, 8); */
}

.header-top-center {
    /* background-color: rgb(80, 80, 80); */
    background-color: rgb(34, 34, 34);
    width: 100%;
    margin-left: 0%;
    padding-right: 0%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* Center items by default */
    /* position: relative;
    white-space: nowrap; */
    /* align-items: center; */
    /* margin: ; */
    /* padding-left: -15px; */
    /* margin-right: +100px; */
    /* width: max-content; */
    /* max-width: 100%; */
    /* margin-left: -15px; */
    /* margin-right: 30px; */
    /* width: auto; */

}

.portfolio-position-title {
    padding-top: 45px;
    padding-bottom: 100px;
}

.portfolio-distribution-title {
    padding-top: 45px;
    /* padding-bottom: 45px; */
}

.portfolio-distribution-stack {
    /* width: 400px; */
    height: 450px;
}

.portfolio-position-stack {
    /* width: 400px; */
}

.mantine-Group-root {
    align-items: start;
}

.header-top-group {
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(34, 34, 34); */
    background-color: rgb(33, 33, 33);
    width: 100%;
    margin-left: 0%;
    padding-right: 0%;
    align-items: center;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 1000;
    /* display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    /* Center items by default */
    /* position: relative;
    white-space: nowrap; */
    /* align-items: center; */
    /* margin: ; */
    /* padding-left: -15px; */
    /* margin-right: +100px; */
    /* width: max-content; */
    /* max-width: 100%; */
    /* margin-left: -15px; */
    /* margin-right: 30px; */
    /* width: auto; */

}

[data-mantine-color-scheme='dark'] .header-top-group {
    /* color: var(--mantine-color-text); */
    /* color:rgb(201, 201, 201); */
    /* color: rgb(130, 130, 130); */
    /* color: rgb(66, 66, 66); */
    /* border: 2px solid rgb(255, 255, 255); */
    background-color: var(--mantine-color-dark-8);
}

.header {
    margin-top: 0px;
    height: 60px;
    position: fixed;
    top: 0px;
    width: 100%;
    /* z-index: 1000; */
    background-color: rgb(255, 255, 255);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* max-width: 80%; */
    /* margin-left: 100px;
    margin-right: 150px; */
    /* margin-left: 50px; */
    /* margin-right: 50px; */
    /* align-items: center; */
    /* border: 2px solid #c1c1c1; */
    align-content: center;
    /* padding-top: 20px; */
}

.header-row {
    align-items: center;
    /* background-color: rgb(80, 80, 80); */
}

.header-main-row {
    align-items: center;
    /* position: fixed; */
    /* top: 80; */
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(0, 100, 58); */
    /* border: 2px solid #c1c1c1; */
    /* position: fixed; */
    /* align-content: ; */
}

.header-user-menu-dropdown {
    z-index: 2000;
    /* width: 600px; */
}

.header-user-anchor,
.header-home a,
.header-about a,
.header-pricing a,
.header-sign-in-anchor a,
.header-sign-up-anchor a {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    letter-spacing: 0px;
    /* border: 2px solid #c1c1c1; */
    /* position: relative; */
    /* right: 0px; */
    /* outline: 2px solid #c1c1c1; */
    /* align-content: end; */
}

.header-user-anchor:hover,
.header-home a:hover,
.header-about a:hover,
.header-pricing a:hover,
.header-sign-in-anchor a:hover,
.header-sign-up-anchor a:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
    /* font-weight: 700; */
    cursor: pointer;
    /* border-radius: 40px; */
    /* border: 1px solid rgb(34, 34, 34); */
    /* outline: 1px solid rgb(34, 34, 34); */
}

/* .header-user-anchor .element {
    border: 2px solid #c1c1c1;
} */

.header-menu-button {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    background-color: rgb(255, 255, 255);
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    /* border: 2px solid #c1c1c1; */
    /* position: relative; */
    /* right: 0px; */
    /* outline: 2px solid #c1c1c1; */
    /* align-content: end; */
}

.header-menu-button:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
    background-color: rgb(255, 255, 255);
    /* font-weight: 700; */
    cursor: pointer;
    /* margin-left: 200px; */
    /* border-radius: 40px;
    border: 1px solid rgb(34, 34, 34); */
}

.header-menu-button:focus {
    /* outline: 1px solid rgb(80, 80, 80); */
    outline: 0px;
    border-radius: 0px;
    border: 1px solid rgb(80, 80, 80);
}

.header-user-menu-anchor {
    color: rgb(80, 80, 80);
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    /* font-size: large; */
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    text-align-last: center;
    align-items: center;
    align-content: center;
    align-self: center;
    /* margin-top: 0px; */
    margin-left: 30px;
    /* padding-top: 0px; */
    border: 2px solid #c1c1c1;
    /* position: relative; */
    /* right: 0px; */
    outline: 2px solid #9f3939;
    justify-content: right;
    justify-items: center;
    width: 100px;
    /* align-content: end; */

}

.header-user-menu-anchor:hover {
    outline: 0px;
    text-decoration: none;
    color: rgb(34, 34, 34);

}

.gif-grid {
    flex: auto;
    /* outline: 2px solid #c1c1c1; */
    /* outline: 2px solid rgb(80, 80, 80); */
}

.right-col {
    /* position: ; */
    justify-content: right;
    border: 2px solid rgb(80, 80, 80);
    align-items: right;
    width: 20px;
    align-content: end;

}

.right-group {
    align-items: right;
    border: 2px solid rgb(80, 80, 80);
    width: 600px;
    position: absolute;
    right: 50px;
    align-content: end;
}

.menu-dropdown {
    background-color: rgb(184, 108, 108);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    /* margin-left: 50%; */
    align-self: center;
    /* position: static; */
    /* padding-left: 250px; */
    /* outline: 2px solid rgb(15, 66, 219); */
}

.menu {
    background-color: rgb(133, 183, 8);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    outline: 2px solid rgb(15, 66, 219);
    /* margin-left: 200px; */
}

.center-menu {
    background-color: rgb(133, 183, 8);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    outline: 2px solid rgb(15, 66, 219);
    /* margin-left: 200px; */
}

/* set the background color of many elements across the grid */
/* .ag-theme-alpine:hover {
    --ag-background-color: rgb(80, 80, 80) !important;
} */
/* change the font style of a single UI component */
.ag-theme-alpine {
    --ag-header-background-color: white !important;
    --ag-odd-row-background-color: rgb(245, 245, 245) !important;
    --ag-alpine-active-color: rgb(80, 80, 80) !important;
    --ag-row-hover-color: rgb(240, 240, 240) !important;
    --ag-border-radius: 0px !important;
    --ag-borders-input: solid 1px !important;
    --ag-input-focus-box-shadow: none !important;
    --ag-input-focus-border-color: rgb(80, 80, 80) !important;
    --ag-icon-font-family: agGridMaterial !important;
    /* --ag-set-filter-indent-size: 0px !important; */
}

.ag-header-row {
    font-weight: normal !important;
    /* color: rgb(80, 80, 80) !important; */
    /* border-radius: 0px !important; */
}

.ag-header-cell-label {
    font-weight: 600 !important;
    font-size: 17px !important;
    color: rgb(80, 80, 80) !important;
    border-radius: 0px !important;
}

.ag-header-cell-label:hover {
    color: rgb(34, 34, 34) !important;
}

.ag-row {
    font-weight: 500 !important;
    color: rgb(80, 80, 80) !important;
    border: 0px solid #c1c1c1 !important;
    /* border: 2px solid #c1c1c1 !important; */
}

.ag-root-wrapper {
    border-radius: 0px !important;
    border: 1px solid #c1c1c1 !important;
}

[data-mantine-color-scheme='dark'] .ag-theme-alpine {
    --ag-background-color: var(--mantine-color-dark-6) !important;
    --ag-header-background-color: var(--mantine-color-dark-6) !important;
    --ag-odd-row-background-color: var(--mantine-color-dark-5) !important;
    --ag-alpine-active-color: var(--mantine-color-text) !important;
    --ag-row-hover-color: var(--mantine-color-dark-4) !important;
    --ag-border-radius: 0px !important;
    --ag-borders-input: solid 1px !important;
    --ag-input-focus-box-shadow: none !important;
    --ag-input-focus-border-color: #ffffff !important;
    --ag-input-background-color: var(--mantine-color-dark-6) !important;
    --ag-icon-font-family: agGridMaterial !important;
    --ag-font-color: var(--mantine-color-text) !important;
}




[data-mantine-color-scheme='dark'] .ag-row {
    font-weight: 500 !important;
    color: var(--mantine-color-text) !important;
    /* background-color: var(--mantine-color-dark-6) !important; */
    border: 0px solid #c1c1c1 !important;
}

[data-mantine-color-scheme='dark'] .ag-header-cell-label {
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-header-cell-label:hover {
    color: rgb(255, 255, 255) !important;
}

[data-mantine-color-scheme='dark'] input[class^="ag-"] {
    background-color: var(--mantine-color-dark-6) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-paging-panel {
    background-color: var(--mantine-color-dark-6) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-tooltip {
    background-color: var(--mantine-color-dark-6) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-root-wrapper {
    border-radius: 0px !important;
    border: 1px solid #c1c1c1 !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-body {
    background-color: var(--mantine-color-dark-6) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon-menu {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-filter-wrapper {
    background-color: var(--mantine-color-dark-6) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon-filter {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-select {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-ltr {
    color: #c1c1c1 !important;
}

[data-mantine-color-scheme='dark'] .ag-popup {
    color: #c1c1c1 !important;
}

/* [data-mantine-color-scheme='dark'] .ag-popup {
    color: #c1c1c1 !important;
} */

/* .year_change {
    background-color: #7f2d2d;
    font-size: x-large;
} */

/* .ag-paging-panel {
    margin: 0px;
} */


input[type=email] {
    width: 100%;
    padding: 6px 20px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 2px solid #c1c1c1;
    -webkit-transition: 0.5s;
    transition: 0.5s ease;
    outline: none;
    border-radius: 0px;
    color: rgb(80, 80, 80);
    font-weight: 600;
    text-align: center;
}

input[type=email]:focus {
    border: 2px solid rgb(80, 80, 80);
}

/* input[type=password] {
    width: 100%;
    padding: 6px 20px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 2px solid #c1c1c1;
    -webkit-transition: 0.5s;
    transition: 0.5s ease;
    outline: none;
    border-radius: 0px;
    color: rgb(80, 80, 80);
    font-weight: 600;
    text-align: center;
} */

/* input[type=password]:focus {
    border: 2px solid rgb(80, 80, 80);
} */

/* .input:focus-visible {
    border: 2px solid rgb(80, 80, 80);
    background-color: rgb(68, 169, 56);
} */
/* .mantine-Text-root {
    font-weight: 800;
} */
input:checked+.mantine-bphvxq {
    /* background-color: rgb(90, 159, 78); */
    /* background-color: rgb(0, 100, 50); */
    background-color: rgb(100, 160, 130);
    border-color: rgb(255, 255, 255);
}

input:focus+.mantine-bphvxq {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    outline: 1px solid rgb(80, 80, 80);
}

/* a:focus {
    outline: none;
} */

.mantine-Container-root {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    /* background-color: #55595c; */
}

.mantine-focus-auto {
    outline: none;
}

[data-mantine-color-scheme='dark'] .mantine-focus-auto:focus-visible {
    outline: none;
}

/* .ai-textinput {
    min-height: 800px;
} */
/* .mantine-Textarea-input {

} */

@media (max-width: 940px) {
    .ai-textarea {
        margin-left: 10px;
        margin-right: 10px;
        /* min-height: 300px; */
    }


}

/* @media (min-width: 75em) {
    .mantine-hidden-from-lg {
        display: none !important;
    }
} */
@media (min-width: 1024px) {
    .mantine-hidden-from-lg {
        display: none !important;
        /* left: 0px; */
    }
}

@media (max-width: 1023px) {
    .header {
        display: none !important;
    }

    .desktop-menu-icon {
        display: none !important;
    }

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

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

    .header-genikos-group {
        /* display: none !important; */
        height: 22px !important;
        width: 460px !important;
        top: 31px !important;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .header-top-anchor {
        top: 5px !important;
    }

    /* .header-top-anchor-landing {
        top: 5px !important;
    } */

    .header-top-text {
        font-size: larger !important;
    }

    .genikos-constant-text {
        /* display: none !important; */
        font-size: 12px !important;
        width: 166px !important;
    }

    .genikos-header-date {
        /* display: none !important; */
        font-size: 12px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
        width: 70px !important;
        text-align: center !important;
    }

    .genikos-header-turnover {
        /* display: none !important; */
        font-size: 12px !important;
        width: 104px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
        text-align: center !important;
    }

    .genikos-header-close {
        width: 104px !important;
        font-size: 12px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
        text-align: center !important;
        /* position: absolute;
        right: 20px; */
    }
}

@media (min-width: 800px) {

    .mantine-Drawer-overlay,
    .mantine-Drawer-content,
    .mantine-Drawer-inner {
        width: 350px;
        /* justify-self: right; */
        /* right: 0px; */
    }
}

@media (min-width: 800px) {
    .menu-drawer {
        width: 350px;
        /* justify-self: right; */
        /* right: 0px; */
    }
}

@media (max-width: 840px) {

    .portfolio-distribution-stack,
    .portfolio-position-stack {
        width: 100%;
        /* justify-content: center !important; */
        /* right: 0px; */
    }
}

@media (min-width: 841px) {

    .portfolio-distribution-stack,
    .portfolio-position-stack {
        width: 400px;
        /* justify-content: center !important; */
        /* right: 0px; */
    }
}

@media (max-width: 640px) {
    .header-genikos-group {
        width: 194px !important;
        margin-left: 4px;
    }

    .genikos-constant-text-mobile {
        display: block !important;
        font-size: 12px !important;
        width: 16px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
    }

    .genikos-constant-text {
        display: none !important;
    }

    .genikos-header-turnover {
        display: none !important;
    }
}


.register-anchor {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 15px;
    /* top: 9px; */
    white-space: nowrap;
}

.register-anchor:hover {
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
}

.login-anchor {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 110px;
    /* top: 9px; */
    white-space: nowrap;
}

.login-anchor:hover {
    text-decoration: none;
    /* font-weight: 600; */
    /* color: rgb(80, 80, 80); */
}

.header-genikos-group {
    position: absolute;
    right: 20px;
    height: 52px;
    width: 300px;
    /* top: 9px; */
    background-color: transparent;
    font-size: 24px;
    color: rgb(255, 255, 255);
    /* --group-gap: 0px; */
}

[data-mantine-color-scheme='dark'] .header-genikos-group {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.genikos-constant-text {
    width: 220px;
    /* align-items: center; */
    /* left: 70px; */
    /* padding-left: 8px; */
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: left;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    padding-top: 4px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.genikos-constant-text-mobile {
    display: none;
    width: 220px;
    /* align-items: center; */
    /* left: 70px; */
    /* padding-left: 8px; */
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: left;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    padding-top: 4px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.genikos-header-date {
    width: 80px;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    padding-top: 4px;
}

.genikos-header-close {
    width: 130px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    padding-top: 0px;
    margin-top: -14px;
}

.genikos-header-turnover {
    width: 170px;
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    padding-top: 0px;
    margin-top: -14px;
}

.desktop-menu-icon {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(255, 255, 255); */
    /* outline: 2px solid rgb(34, 34, 34); */
    /* border-radius: 0; */
    /* margin-left: 5px; */
    /* margin-right: 10px; */
    /* justify-self: left; */
    position: absolute;
    left: 15px;
    top: 9px;
    /* left: 15px; */
    /* Space from the right edge */
    /* display: none; Hidden by default */
    /* height: 44px;
    width: 44px; */
    background-color: transparent;
    /* border: none; */
    font-size: 24px;
    /* cursor: pointer; */
}

.desktop-menu-icon:hover {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.mobile-menu-icon {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(255, 255, 255); */
    /* outline: 2px solid rgb(34, 34, 34); */
    /* border-radius: 0; */
    /* margin-left: 5px; */
    /* margin-right: 10px; */
    /* justify-self: left; */
    position: absolute;
    left: 15px;
    /* left: 15px; */
    /* Space from the right edge */
    /* display: none; Hidden by default */
    /* height: 44px;
    width: 44px; */
    background-color: transparent;
    /* border: none; */
    font-size: 24px;
    /* cursor: pointer; */
}

.mobile-menu-icon:hover {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.mobile-menu-icon:active {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.menu-drawer {
    margin-top: 60px;
    /* max-width: 300px; */
}

[data-mantine-color-scheme='dark'] .mobile-menu-icon:focus {
    border: 0px;
    outline: 0px;

}

.mantine-Drawer-inner {
    margin-top: 60px;
}

.mantine-Overlay-root {
    margin-top: 60px;
}

.menu-drawer-navlink-first {
    /* font-weight: 600;
    font-size: x-large;
    size: x-large;
    color: rgb(80, 80, 80);
    letter-spacing: 1px; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 40px; */
}

[data-mantine-color-scheme='dark'] .menu-drawer-navlink-first {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.mantine-NavLink-root {
    /* border: 2px solid rgb(80, 80, 80); */
    outline: none;
    /* text-decoration: none; */
    /* border-radius: 0px; */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* background-color: rgb(34, 34, 34); */
}

.mantine-NavLink-root:focus {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    /* text-decoration: none; */
    /* border-radius: 0px; */
    outline: 2px solid rgb(80, 80, 80);
    /* background-color: rgb(34, 34, 34); */
}

.menu-drawer-navlink-first-text {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    letter-spacing: 0px;
}

[data-mantine-color-scheme='dark'] .menu-drawer-navlink-first-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

/* .mantine-Container-root.header {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
} */

.mantine-ActionIcon-root:focus {
    /* border: 1px solid #c1c1c1; */
    outline: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: #7f2d2d; */
}

/* .mantine-Button-root {
    background-color: white;
    color: rgb(80, 80, 80);
    font-size: large;
    font-weight: 600;
    text-decoration: none;
    transition: 0s;
} */

.mantine-Button-root:hover {
    background-color: white;
    color: rgb(34, 34, 34);
}

.mantine-Button-root:focus {
    outline: 0px;
    border: 1px solid rgb(80, 80, 80);
    border-radius: 0px;
}

.mantine-Button-root:active {
    outline: 0px;
    border: 0px;
    /* transition: 3s;
/* }

.favourites-list {
    border: 2px solid rgb(80, 80, 80);
    color: rgb(80, 80, 80);
    outline: 1px solid rgb(80, 80, 80);
}

.wiki-accordion {
    /* border: 1px solid #c1c1c1; */
    border-radius: 0px;
    color: rgb(80, 80, 80);
}

.mantine-List-root {
    /* border: 2px solid #c1c1c1; */
    /* width: 200px; */
    /* justify-self: center; */
}

.mantine-List-item {
    color: rgb(80, 80, 80);
    /* font-weight: 800; */
    /* font-size: xx-large; */
    /* border: 1px solid #4230cb; */
    /* justify-content: center;
    justify-items: center;
    justify-self: center;
    text-justify: center;
    justify-tracks: center; */
}

[data-mantine-color-scheme='dark'] .mantine-List-item {
    color: var(--mantine-color-text);
}

.favourites-list-item-text {
    font-weight: 600;
    font-size: small;
    /* border: 1px solid #b52323; */
}

.mantine-ThemeIcon-root {
    /* color: rgb(204, 39, 188); */
    color: rgb(34, 34, 34);
}

.m_fe19b709 {
    border-bottom: 0px solid var(--item-border-color);
}

.mantine-Accordion-root {
    border: 1px solid rgb(158, 132, 0);
    /* border */
    /* outline: 1px solid var(--mantine-color-dark-2); */
    border-left: 2px solid #c1c1c1;
    border-right: 2px solid #c1c1c1;
    border-top: 2px solid #c1c1c1;
}

.mantine-Accordion-item-bottom {
    /* border: 1px solid #c1c1c1; */
    /* border-bottom: 2px solid #c1c1c1; */
    border-bottom: 2px solid #c1c1c1;
}

.mantine-Accordion-item[data-active] {
    background-color: rgb(250, 250, 250);
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-item[data-active] {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
    background-color: var(--mantine-color-dark-6);
}


/* data-active */
.mantine-Accordion-panel {
    font-weight: 500;
    font-size: 14px;
    color: rgb(80, 80, 80);
    /* border-bottom: 2px solid #c1c1c1; */
    /* color: rgb(142, 23, 23); */
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-panel {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.mantine-Accordion-label {
    font-weight: 600;
    color: rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-label {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}


.mantine-Accordion-control:hover {
    /* outline: 2px solid #9f3939; */
    background-color: rgb(250, 250, 250);
    /* font-weight: 500; */
    /* color: rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-control:hover {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
    background-color: var(--mantine-color-dark-6);
}

.mantine-Menu-label {
    /* border: 2px solid #c1c1c1; */
}

.mantine-Menu-dropdown {
    border: 2px solid #c1c1c1;
    /* border: 0px; */
    border-radius: 0px;
    font-weight: 600;
    /* width: 700px; */
    /* text-decoration: none; */
    /* color: rgb(80, 80, 80); */
    /* font-size: large; */
    /* align-items: center; */
    /* align-content: center; */
    /* border: 2px solid #c1c1c1; */
    /* font-weight: 600; */
    /* color: rgb(80, 80, 80); */
    /* text-align: center; */
    /* text-align-last: center; */
    /* transition: 0.5s ease; */
    /* padding-left: 25px; */
    /* border-radius: 0px; */
    /* outline: 1px solid rgb(80, 80, 80); */
    /* padding: 0; */
    /* left: 0 !important; */
    /* margin-left: 42px; */
}

[data-mantine-color-scheme='dark'] .mantine-Menu-dropdown {
    /* color: var(--mantine-color-text); */
    border: 2px solid rgb(128, 128, 128);
}

.mantine-Menu-item {
    align-items: center;
    align-content: center;
    /* text-align: center; */
    /* text-align-last: center; */
    color: rgb(80, 80, 80);
    align-self: center;
    letter-spacing: 1px;
    font-size: small;
}

[data-mantine-color-scheme='dark'] .mantine-Menu-item {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(255, 255, 255); */
}

.mantine-Menu-item[data-hovered] {
    background-color: rgb(240, 240, 240);
    /* background-color: white; */
    color: rgb(34, 34, 34);
}

[data-mantine-color-scheme='dark'] .mantine-Menu-item[data-hovered] {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-5);
}

.mantine-Anchor-root {
    /* border: 2px solid #c1c1c1; */
    color: rgb(80, 80, 80);
    font-weight: 600;
    text-decoration: none;
    /* outline: 1px solid rgb(80, 80, 80); */
}

.mantine-Anchor-root:focus {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
}

.mantine-Anchor-root:focus-visible {
    /* border: 2px solid #c1c1c1; */
    outline: 1px solid rgb(80, 80, 80);
}


.mantine-Anchor-root:hover {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
}

[data-mantine-color-scheme='dark'] .mantine-Anchor-root-switch {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
    color: var(--mantine-color-text);
}

.mantine-Checkbox-input {
    border-radius: 0px;
}

.mantine-DatePickerInput-input {
    border: 2px solid #c1c1c1;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    color: rgb(80, 80, 80);
    /* padding-left: 30px; */
}

[data-mantine-color-scheme='dark'] .mantine-DatePickerInput-input {
    color: var(--mantine-color-text);
}

.mantine-DatePickerInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-DatePickerInput-input:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

.mantine-DatePickerInput-dropdown {
    border: 2px solid #c1c1c1;
    border-radius: 0px;
}

.mantine-DatePickerInput-day[data-selected] {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    background-color: rgb(240, 240, 240);
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-monthsListCell[data-selected] {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    background-color: rgb(240, 240, 240);
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-day:focus,
.mantine-DatePickerInput-month:focus,
.mantine-DatePickerInput-monthsListControl:focus-visible,
.mantine-DatePickerInput-yearsListControl:focus-visible {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    /* background-color: rgb(240, 240, 240); */
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-calendarHeaderLevel:focus,
.mantine-DatePickerInput-calendarHeaderControl:focus {
    /* background-color: #7f2d2d; */
    outline: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
}

.mantine-DatePicker-monthPickerControlActive {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.mantine-DatePicker-monthPickerControlActive:hover {
    background-color: rgb(240, 240, 240);
}

.mantine-DatePicker-monthPickerControl:focus {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;

}

.mantine-DatePicker-yearPickerControlActive {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.mantine-DatePicker-yearPickerControlActive:hover {
    background-color: rgb(240, 240, 240);
}

.mantine-DatePicker-yearPickerControl:focus {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
}

.mantine-NumberInput-input {
    border: 2px solid #c1c1c1;
    font-weight: 600;
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
    text-align: center;
    /* text-align-last: center; */
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    color: rgb(80, 80, 80);
    /* text-shadow: none; */
    /* padding-left: 15px; */
}

[data-mantine-color-scheme='dark'] .mantine-NumberInput-input {
    color: var(--mantine-color-text);
}

.mantine-NumberInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-NumberInput-input:focus {
    border: 2px solid rgb(255, 255, 255);
}

.mantine-PasswordInput-innerInput {
    text-align: center;
}

.mantine-PasswordInput-input,
.mantine-TextInput-input {
    border: 2px solid #c1c1c1;
    font-weight: 600;
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* text-align: left; */
    text-align: center;
    /* text-align-last: center; */
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    /* text-shadow: none; */
    /* padding-left: 15px; */
    padding: 6px 20px;
    resize: none;
}

[data-mantine-color-scheme='dark'] .mantine-TextInput-input {
    color: var(--mantine-color-text);
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input {
    color: var(--mantine-color-text);
}

.mantine-PasswordInput-input:focus,
.mantine-TextInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-TextInput-input:focus {
    border: 2px solid #ffffff;
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input:focus-within {
    border: 2px solid #ffffff;
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input:focus {
    border: 2px solid #ffffff;
}

.mantine-Switch-track {
    /* background-color: rgb(68, 169, 56); */
    /* background-color: var(--mantine-color-red-filled); */
    /* color: #7f2d2d; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* flood-color: #7f2d2d; */
    /* accent-color: #7f2d2d; */
    /* border-radius: 0px; */
    /* box-sizing: border-box; */
    /* opacity: 0.7; */

}

.mantine-Select-input,
.mantine-MultiSelect-input {
    /* background-color: red; */
    border: 2px solid #c1c1c1;
    font-weight: 600;
    color: rgb(80, 80, 80);
    text-align: center;
    text-align-last: center;
    transition: 0.5s ease;
    padding-left: 25px;
    border-radius: 0px;
}

[data-mantine-color-scheme='dark'] .mantine-Select-input {
    color: var(--mantine-color-text);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-input {
    color: var(--mantine-color-text);
}

.mantine-MultiSelect-searchInput {
    /* color: rgb(80, 80, 80); */
    /* font-size: 14px; */
    font-weight: 600;
    /* padding-left: 20px; */
    /* background-color: none; */
    padding-right: 20px;
}

.mantine-MultiSelect-values {
    /* color: rgb(80, 80, 80); */
    /* font-size: 14px; */
    font-weight: 600;
    padding-left: 20px;
    /* background-color: none; */
    /* padding-left: 25px; */
}

.mantine-MultiSelect-value {
    color: rgb(80, 80, 80);
    font-size: 14px;
    font-weight: 600;
    background-color: rgb(255, 255, 255);
    padding-left: 9px;
    /* max-width: None; */
    max-width: calc(100% - 5px);
    /* background-color: rgb(241, 243, 245); */
    /* padding-left: 25px; */
}


.mantine-Select-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-Select-input:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-wrapper:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

.mantine-zunujd:focus,
.mantine-zunujd:focus-within {
    outline: none;
    border: 2px solid rgb(80, 80, 80);
}

/* .mantine-Select-option, */
.m_8fb7ebe7:focus,
.m_8fb7ebe7:focus-within {
    outline: none;
    border: 2px solid rgb(80, 80, 80);
    --input-bd: rgb(80, 80, 80);
    /* background-color: rgb(80, 80, 80); */
}

[data-mantine-color-scheme='dark'] .m_8fb7ebe7:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme='dark'] .m_8fb7ebe7:focus-within {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme="light"] .m_9307d992 {
    --switch-bg: rgb(80, 80, 80);
}

.m_9307d992 {
    --switch-bg: rgb(80, 80, 80);
    /* --switch-bg: rgb(100, 160, 130); */
    --switch-bd: none !important;
    --switch-text-color: var(--mantine-color-white);
}

.m_9307d992:checked {
    --switch-bg: rgb(100, 160, 130) !important;

}

.m_926b4011:checked {
    /* --switch-bg: rgb(0, 100, 50); */
    --switch-bg: rgb(100, 160, 130) !important;
    --switch-bd: none !important;
    --switch-text-color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-4);
    --switch-bd: none !important;
}

[data-mantine-color-scheme='dark'] .m_926b4011:checked {
    --switch-bg: var(--mantine-color-dark-4);
    --switch-bd: none !important;
}

.mantine-Select-option {
    justify-content: center;
}

.mantine-Select-option[data-combobox-selected] {
    text-align: center;
}

.mantine-Popover-dropdown,
.mantine-Select-dropdown,
.mantine-MultiSelect-dropdown {
    text-align-last: center;
    font-weight: 500;
    align-items: center;
    /* border: 2px solid rgb(80, 80, 80); */
    border: 2px solid #c1c1c1;
    border-radius: 0px;
    /* transition: 0.5s ease; */
}


.mantine-Select-option:hover,
.mantine-Select-item:hover {
    /* background-color: #c1c1c1; */
    /* border-radius: 0px; */
}

[data-mantine-color-scheme='dark'] .mantine-Select-option:hover {
    background-color: var(--mantine-color-dark-5);
}

.mantine-Select-option:focus,
.mantine-Select-item:focus {
    /* background-color: #c1c1c1; */
}

.mantine-Select-option[data-combobox-active],
.mantine-Select-item[data-selected] {
    background-color: rgb(80, 80, 80);
    color: white;
}

[data-mantine-color-scheme='dark'] .mantine-Select-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
}

.mantine-Select-option[data-combobox-selected] {
    background-color: #c1c1c1;
}

/* .mantine-Select-option[data-combobox-active]:hover, */
/* .mantine-Select-item[data-selected]:hover {
    background-color: rgb(80, 80, 80);
} */

.mantine-Select-description,
.mantine-MultiSelect-description {
    text-align: center;
}

.mantine-MultiSelect-option {
    justify-content: center;
}

.mantine-MultiSelect-option[data-combobox-selected] {
    background-color: #c1c1c1;
    /* text-align: center; */
    justify-content: center;
    /* justify-items: center; */
    /* justify-self: center; */
}

.mantine-MultiSelect-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
    /* color: rgb(59, 59, 59); */
    /* color: rgb(105, 105, 105); */
    /* color: rgb(31, 31, 31); */
    /* color: rgb(20, 20, 20); */
    color: white
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-option:hover {
    background-color: var(--mantine-color-dark-5);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
}

.mantine-ScrollArea-root {
    text-align: center;
    outline: 2px solid rgb(80, 80, 80);

}

.ai-textinput-center {
    /* height: 600px; */
}

.mantine-InputWrapper-root {
    height: none;
}

/* .m_8fb7ebe7 {
    resize: vertical;
} */

.mantine-Textarea-input {
    /* outline: 2px solid #c1c1c1; */
    text-decoration: none;
    /* text-align: center; */
    /* text-align-last: center; */
    transition: 0.5s ease;
    color: rgb(80, 80, 80);
    border: 2px solid #c1c1c1;
    border-radius: 0px;
    outline: none;
    font-weight: 400;
    /* min-height: 150px; */
    /* letter-spacing: 1px; */
}

.mantine-Textarea-input:focus {
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.mantine-MultiSelect-pill {
    margin-left: 20px;
}

.mantine-MultiSelect-pillsList {
    /* padding-left: 5px; */
}

[data-mantine-color-scheme='dark'] .dash-graph {
    /* color: var(--mantine-color-text); */
    /* outline: 1px solid rgb(80, 80, 80); */
    /* border: 1px solid var(--mantine-color-text); */
}


.portfolio-total-value-text {
    color: rgb(80, 80, 80);
    outline: 1px solid #c1c1c1;
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    box-sizing: border-box;
    /* text-align: center; */
    white-space: nowrap;
    /* justify-self: start; */
    /* margin-top: 10px; */
    /* margin-left: 200px; */
    /* padding-top: 5px; */
    display: flex;
    flex-wrap: nowrap;
    /* Prevents wrapping */
    align-items: center;
    /* Vertically centers child */
    /* justify-content: center; (Optional) Centers child horizontally */
    height: 100%;
    /* Ensures the parent has full height */
    /* font-size: 15px; */
}

[data-mantine-color-scheme='dark'] .portfolio-total-value-text {
    color: var(--mantine-color-text);
    outline: 1px solid var(--mantine-color-dark-2);
}


.portfolio-total-text {
    width: 160px;
    /* align-items: center; */
    /* left: 70px; */
    padding-left: 8px;
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: left;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.portfolio-total-number {
    width: 80px;
    /* left: 70px; */
    padding-right: 2px;
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: right;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.available-tokens-element {
    color: rgb(80, 80, 80);
    /* outline: 2px solid #c1c1c1; */
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    box-sizing: border-box;
    /* text-align: center; */
    white-space: nowrap;
    /* justify-self: start; */
    /* margin-top: 10px; */
    /* margin-left: 200px; */
    /* padding-top: 5px; */
    display: flex;
    flex-wrap: nowrap;
    /* Prevents wrapping */
    /* align-items: center; */
    /* text-align: center; */
    /* Vertically centers child */
    /* justify-content: center; (Optional) Centers child horizontally */
    height: 100%;
    /* Ensures the parent has full height */
    /* font-size: 15px; */
}

.available-tokens-text {
    /* width: 160px; */
    align-items: center;
    text-align: center;
    outline: 2px solid #c1c1c1;
    justify-items: center;
    text-justify: center;
    padding-top: 5px;
    letter-spacing: 0px;
    /* height: 100%; */
    /* text-shadow: #7f2d2d; */
    /* left: 70px; */
    /* padding-left: 8px; */
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    /* text-align: left; */
    /* border: 2px solid rgb(80, 80, 80); */
}

/* input:invalid {
    outline: none !important;
} */
.select-multiselect {
    /* color: rgb(80, 80, 80); */
    border-radius: 0px;
    /* font-weight: 500; */
    /* box-sizing: border-box; */
    /* width: 100%; */
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    /* transition: 0.5s; */
    /* border-radius: 0px; */
    /* color: rgb(80, 80, 80); */
    /* font-weight: 600; */
    text-align: center;
    text-align-last: center;
}

.select-multiselect:focus {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.select-multiselect:active {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.select-multiselect::placeholder {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(240, 240, 240); */
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    text-align: center;
}

.sign-in-up-buttons {
    color: rgb(100, 100, 100);
    border-radius: 0px;
    font-weight: 600;
    box-sizing: border-box;
    width: 80px;
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(100, 100, 100); */
    margin: 5px 4px;
    /* -webkit-transition: 0.3s; */
    transition: 0.3s;
}

.sign-in-up-buttons:hover {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(255, 255, 255);
    /* font-weight: 600; */
    /* border: 2px solid rgb(34, 34, 34); */
}

.login-home-logo:focus {
    outline: none;
    /* border: 2px solid #808080; */
    /* transition: 0.2s; */
}


.login-sign-in-button {
    color: rgb(80, 80, 80);
    border-radius: 0px;
    font-weight: 600;
    box-sizing: border-box;
    /* width: 100%; */
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(80, 80, 80); */
    border: 2px solid #c1c1c1;
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    transition: 0.5s;
}

[data-mantine-color-scheme='dark'] .login-sign-in-button {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
}

.login-sign-in-button:hover {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .login-sign-in-button:hover {
    background-color: var(--mantine-color-dark-6);
    border: 2px solid rgb(255, 255, 255);
}

.login-sign-in-button:focus {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-sign-in-button:focus {
    background-color: var(--mantine-color-dark-5);
    border: 2px solid rgb(255, 255, 255);
}

.login-sign-in-text {
    font-weight: 600;
    /* font-size: x-large; */
    color: rgb(80, 80, 80);
    letter-spacing: 0px;
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 40px; */
}

[data-mantine-color-scheme='dark'] .login-sign-in-text {
    color: var(--mantine-color-text);
}

.login-new-to-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* padding-bottom: 30rem; */
}

[data-mantine-color-scheme='dark'] .login-new-to-text {
    color: var(--mantine-color-text);
}

.login-forgot-password-anchor {
    color: rgb(80, 80, 80);
    border-radius: 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    /* font-size: 14px; */
    box-sizing: border-box;
    align-items: baseline;
    width: 80px;
    /* height: 60px; */
    /* height: 80px; */
    background-color: rgb(255, 255, 255);
    /* padding-top: 5px; */
    /* border: 2px solid rgb(100, 100, 100); */
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    transition: 0.2s;
    /* border: 2px solid #c1c1c1; */
}

[data-mantine-color-scheme='dark'] .login-forgot-password-anchor {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-7);
}

.login-forgot-password-anchor:hover {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    /* background-color: rgb(240, 240, 240); */
    /* text-align: center; */
    text-decoration: none;
    /* color: rgb(0, 0, 0); */
    /* font-weight: 650; */
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
}

.login-forgot-password-anchor:focus {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* text-align: center; */
    text-decoration: none;
    /* color: rgb(0, 0, 0); */
    /* font-weight: 650; */
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-forgot-password-anchor:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
    background-color: var(--mantine-color-dark-6);
}

.login-sign-up-anchor {
    color: rgb(80, 80, 80);
    border-radius: 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    /* font-size: 14px; */
    box-sizing: border-box;
    align-items: baseline;
    width: 80px;
    letter-spacing: 0px;
    /* height: 60px; */
    /* height: 80px; */
    background-color: rgb(255, 255, 255);
    padding-top: 5px;
    /* border: 2px solid rgb(100, 100, 100); */
    margin: 5px 0px;
    /* -webkit-transition: 0.3s; */
    transition: 0.5s;
    border: 2px solid #c1c1c1;
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
}

.login-sign-up-anchor:hover {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* background-color: rgb(90, 159, 78); */
    /* text-align: center; */
    text-decoration: none;
    letter-spacing: 0px;
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    /* border: 2px solid rgb(90, 159, 78); */
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor:hover {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
    border: 2px solid rgb(255, 255, 255);
}

.login-sign-up-anchor:focus {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* text-align: center; */
    text-decoration: none;
    letter-spacing: 0px;
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor:focus {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-5);
    border: 2px solid rgb(255, 255, 255);
}

.login-wrong-credentials-modal-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    margin-bottom: 45px;
}

[data-mantine-color-scheme='dark'] .login-wrong-credentials-modal-text {
    color: var(--mantine-color-text);
    /* background-color: var(--mantine-color-dark-5); */
}

.modal-input-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 45px; */
}

[data-mantine-color-scheme='dark'] .modal-input-text {
    color: var(--mantine-color-text);
}

.dividend-modal-title {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    margin-bottom: 35px;
    /* margin-left: 114px; */
    width: 385px;
}

[data-mantine-color-scheme='dark'] .dividend-modal-title {
    color: var(--mantine-color-text);
}

.dividend-modal-inputs-stack {
    margin-bottom: 30px;
}

.transaction-mmodal-inputs-stack {
    margin-bottom: 45px;
    margin-left: 75px;
}

.transaction-modal {
    height: 600px;
}

.login-wrong-credentials-modal {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(80, 80, 80); */
    text-align: center;
    align-items: center;
    justify-content: center;
    /* z-index: 500; */
    /* height: 1000px; */
    /* height: 100vh;
    display: flex;
    margin-bottom: 100px; */
    /* border-radius: 0px; */
    /* transition: 0.5s; */
    /* background-color: rgb(200, 72, 72); */
}

.transaction-date-input {
    /* z-index: 10; */
}

/* .login-user-pass-stack {
    border: 2px solid rgb(80, 80, 80);
    height: 600px;
} */

/* .login-sign-in-button:active { */
/* background-color: rgb(245, 245, 245); */
/* background-color: rgb(240, 240, 240); */
/* outline: none; */
/* font-weight: 600; */
/* border: 2px solid rgb(34, 34, 34); */
/* } */


.header-usernamed {
    /* border: 2px solid #ff0000; */
    /* Red border color */
    padding: 10px 20px;
    /* font-size: x-large; */
    font-weight: 500;
    outline: none;
    border-color: transparent;
}

.header-usernamed:focus {
    border: 3px solid #555;
    /* border-color: rgb(34, 34, 34); */
    /* Red border color */
    /* padding: 10px 10px; */
    /* font-size: x-large; */
    /* font-weight: 500; */
    /* border-color: transparent; */
    /* border-bottom: 2px solid #c91c1c; */
}

.home-text {
    font-weight: 500;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    width: 95%;
    /* width: auto; */
    text-align: center;
    letter-spacing: 0px;
    /* padding-top: 50px; */
    /* margin-bottom: 50px; */
}

[data-mantine-color-scheme='dark'] .home-text {
    color: var(--mantine-color-text);
}

.app-picture {
    /* flex: none !important; */
    /* width: 60%; */
    /* height: 400px; */
    /* text-align: center; */
    /* align-items: right; */
    /* border: 1px solid rgb(80, 80, 80); */

}

.landing-page-card {
    border: 1px solid rgb(80, 80, 80);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    /* background-color: rgb(100, 160, 130); */
    /* border-radius: 0; */
    /* box-shadow: springgreen; */
}

.ai-textinput-center {
    /* border: 2px solid rgb(80, 80, 80); */
    /* width: 60%; */
}

/* .grid-mrt {
    background-color: #7f2d2d;
    width: 100rem;
    border: 2px solid rgb(34, 34, 34);
} */
.mantineTableHeadCellProps {
    font-weight: 400;
    color: rgb(147, 20, 20);
}

.mantineTableProps {
    background-color: #7f2d2d;
    font-weight: 600;
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
}

.mantinePaperProps {
    border: 2px solid rgb(34, 34, 34);
}

/* .header { */
/* position: fixed; */
/* top: 0; */
/* width: 100%; */
/* background-color: #79a97a; */
/* Set the background color as needed */
/* Add other styling properties as needed */
/* left: 0; */
/* height: 10px; */
/* margin-left: 10px; */
/* } */