/*Left toolbar*/
body.dark .mantine-w1gl3i, .mantine-w1gl3i:hover {
    border-left-color: rgb(15 171 105);
    background-color: rgb(15 171 105);
    color: rgb(255, 255, 255);
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

body.dark  .mantine-w1gl3i, .mantine-w1gl3i:hover {
    border-left-color: rgb(76, 156, 89);
    background-color: rgb(76, 156, 89);
    color: rgb(255, 255, 255);
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 16px;
}

/*active logo*/
body.dark .mantine-w1gl3i .__mantine-ref-myNavLinkIcon, .mantine-w1gl3i:hover .__mantine-ref-myNavLinkIcon {
    color: rgb(255, 255, 255);
}

body.dark  .mantine-w1gl3i .__mantine-ref-myNavLinkIcon, .mantine-w1gl3i:hover .__mantine-ref-myNavLinkIcon {
    color: rgb(255, 255, 255);
    border-right: none;
    margin-left: 0px;
}

/*Main body*/
body.dark .mantine-samkn1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    top: var(--mantine-header-height);
    left: 0px;
    bottom: 0px;
    z-index: 100;
    height: calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px));
    width: 200px;
    position: fixed;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: rgb(27 30 43);
    border-right: 1px solid rgb(82, 82, 82);
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 6px;
}

/*inactive logo color*/
body.dark .mantine-1syvhlf {
    color: rgb(202 214 214);
    margin-right: 12px;
}

/*Logo text above*/
body.dark .mantine-1ic9apo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 1.55;
    text-decoration: none;
    font-weight: bold;
}

body.dark .mantine-vyvup4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    max-height: 50px;
    position: fixed;
    box-sizing: border-box;
    background-color: rgb(50 53 65);
    border-bottom: none;
    z-index: 401;
    padding-left: 16px;
    padding-right: 16px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

body.dark  .mantine-vyvup4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    max-height: 50px;
    position: fixed;
    box-sizing: border-box;
    background-color: rgb(50 53 65);
    border-bottom: none;
    z-index: 401;
    padding-left: 16px;
    padding-right: 16px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

body.dark .mantine-186ppk5 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    border: 0px;
    appearance: none;
    font-size: 16px;
    background-color: #4c9c59;
    text-align: left;
    color: rgb(0 0 0);
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 4px;
    width: calc(28px);
    height: calc(28px);
    padding: calc(5px);
    cursor: pointer;
}

/*logo text gap*/
body.dark .mantine-5f6x53 {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 18px;
}

/*Button right top*/
body.dark .mantine-90t93q {
    display: block;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 17px;
    text-decoration: none;
    color: rgb(0, 255, 68);
    font-size: 14px;
    font-weight: 500;
    background-color: #00ff3c27;
}

body.dark  .mantine-90t93q {
    display: block;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 17px;
    text-decoration: none;
    color: rgb(0, 255, 68);
    font-size: 14px;
    font-weight: 500;
    background-color: #00ff3c27;
}

body.dark .mantine-90t93q:hover {
    background-color: rgb(0, 89, 19);
    opacity: 0.9;
}

body.dark  .mantine-90t93q:hover {
    background-color: rgb(0, 89, 19);
    opacity: 0.9;
}

/*Button profile*/
body.dark .mantine-nvmn97:hover {
    background-color: rgb(57, 145, 71);
    opacity: 0.9;
}

body.dark  .mantine-nvmn97:hover {
    background-color: rgb(76 156 89 / 48%);
    opacity: 0.9;
}

body.dark .mantine-nvmn97 {
    appearance: none;
    text-align: left;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    width: auto;
    position: relative;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(57, 145, 71);
    display: block;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 16px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
}

body.dark  .mantine-10ihq2x {
    display: block;
    line-height: 1;
    padding: 8px 12px;
    background-color: #4c9c59;
    border-radius: 20px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
}


/*Header*/
body.dark .mantine-1o492w4 {
    -webkit-tap-highlight-color: transparent;
    color: #01b21e;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    margin: 0px;
}

/*Table header*/

body.dark .mantine-m2tdx1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: rgb(1, 178, 30);
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
    font-weight: 500;
}

body.dark .mantine-10qcvyo thead tr th, .mantine-10qcvyo tfoot tr th {
    text-align: left;
    font-weight: bold;
    color: rgb(1 178 30);
    font-size: 14px;
    padding: 10px;
}

body.dark  .mantine-10qcvyo thead tr th {
    border-bottom: 1px solid rgb(242 242 242);
}

body.dark  .mantine-10qcvyo thead tr th, .mantine-10qcvyo tfoot tr th {
    text-align: left;
    font-weight: bold;
    color: rgb(1 178 30);
    font-size: 14px;
    padding: 10px;
}

/*table background*/

body.dark .mantine-rph89u {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgb(27 30 43);
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    padding: 16px;
}

body.dark  .mantine-rph89u {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: none;
    border: 1px solid rgb(27 30 43);
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    padding: 16px;
}

/*Table content*/

body.dark .mantine-10qcvyo[data-striped] tbody tr:nth-of-type(2n+1) {
    background-color: rgb(27 30 43); 
}

body.dark .mantine-10qcvyo tbody tr td {
    padding: 10px;
    border-bottom: 0px solid rgb(222, 226, 230);
    font-size: 14px;
}

body.dark .mantine-10qcvyo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    width: 100%;
    border-collapse: collapse;
    caption-side: top;
    color: rgb(255 255 255);
    line-height: 1.55;
    padding: 0px;
}

@media (hover: hover){
    body.dark .mantine-10qcvyo[data-hover] tbody tr:hover {
    background-color: rgb(51 64 77);
}}


/*Icon header table*/
body.dark .mantine-1703ybt {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    border: 0px;
    appearance: none;
    font-size: 16px;
    background-color: transparent;
    text-align: left;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 16px;
}

body.dark  .mantine-1703ybt {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    border: 0px;
    appearance: none;
    font-size: 16px;
    background-color: transparent;
    text-align: left;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 16px;
}


/*Button create user*/
body.dark .mantine-8nr514 {
    padding: 0px 18px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 20px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(56 136 70);
    color: rgb(255, 255, 255);
}



/*Case home*/
body.dark .mantine-fw7o5 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(155 165 170);
    box-sizing: border-box;
    border-radius: 40px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border: none;
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    width: 250px;
    height: 360px;
    cursor: pointer;
    padding: 16px;
}

body.dark .mantine-fw7o5:hover {
    background-color: rgb(50, 53, 61);
}

body.dark .mantine-1xldhcg {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
}

/*home case title*/
body.dark .mantine-1n1w4h9 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: #ffffff;
    font-size: inherit;
    line-height: 1.55;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}


/*Home Case content*/
body.dark .mantine-1vfgt9f {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: inherit;
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
    text-align: center;
    padding-top: 25px;
}

/*Pagination*/

body.dark  .mantine-109t3tn[data-active] {
    border-color: transparent;
    color: rgb(255, 255, 255);
    background-color: rgb(3, 169, 45);
}

body.dark .mantine-109t3tn {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 1px solid rgb(206, 212, 218);
    color: rgb(255 255 255);
    height: 32px;
    min-width: 32px;
    padding: 0px 8px;
    font-size: 16px;
    border-radius: 4px;
    line-height: 1;
    background-color: rgb(27 30 43);
}

/*Button reset*/

body.dark .mantine-l8qp3y {
    padding: 0px 18px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 24px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid rgb(82 172 86);
    background-color: transparent;
    color: rgb(0 172 86);
}


/*button secondary*/
body.dark .mantine-2qa0ve {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
}

/*Search menu*/

/*border radius / mainbody*/
body.dark  .mantine-2e6cb7 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0 75 12);
    background-color: rgb(27, 30, 43);
    box-sizing: border-box;
    border-radius: 40px;
    box-shadow: none;
    border: none;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
}

/*Search case header*/

body.dark .mantine-o8x4z2 {
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    border-bottom: 2px solid rgb(112 112 112);
}

body.dark .mantine-123gri0 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    border-width: 0px 0px 2px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    appearance: none;
    background-color: transparent;
    text-align: left;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    margin-bottom: -2px;
    border-radius: 4px 4px 0px 0px;
}

body.dark .mantine-123gri0[data-active] {
    border-color: rgb(17, 206, 0);
    color: rgb(255, 255, 255);
}

/*button search*/

body.dark .mantine-4xmesm {
    padding: 0px 18px 0px 12px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 15px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(76 156 89);
    color: rgb(255, 255, 255);
}

/*Sources box*/

body.dark  .mantine-1tzosn9 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border: transparent;
    position: relative;
    overflow: hidden;
    background-color: rgb(27, 30, 43);
    padding: 16px;
}

/*databox*/
body.dark  .mantine-azje37 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 43);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 16px;
}

body.dark .mantine-rerv9g main {
    background: rgb(1 4 19);
}

/*left toolbar menu*/

body.dark .mantine-1qqk6ed {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: rgb(214 214 214);
    padding: 0px 16px;
    font-size: 14px;
    margin-right: 16px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
}

/*toolbar menu left button*/
body.dark .mantine-1qqk6ed:hover {
    background-color: rgb(79 79 79);
    color: rgb(255, 255, 255);
    margin-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

body.dark .mantine-1w6i6hd {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgb(82 82 82);
    margin: -20px -20px 16px;
    padding: 10px 20px;
}

/*Button Status*/

body.dark  .mantine-13rvpe8 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    text-decoration: none;
    padding: 0px 10.6667px;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    text-transform: uppercase;
    border-radius: 32px;
    font-weight: 700;
    letter-spacing: 0.25px;
    cursor: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgb(42 84 64);
    color: rgb(3 255 48);
    border: 1px solid transparent;
}

/*Search bar*/
body.dark .mantine-i8zou6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(255, 255, 255);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-right: 12px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(27 30 43);
    transition: border-color 100ms ease 0s;
    padding-left: 36px;
}

/*Statur button*/
body.dark .mantine-1ajyf09 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(255 255 255);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 30px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(47 51 67);
    transition: border-color 100ms ease 0s;
}

body.dark .mantine-iunx5ucqc-items{
    background-color: #1b1e2b;
}

/*Inactive status*/
body.dark .mantine-50d64 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    text-decoration: none;
    padding: 0px 10.6667px;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    text-transform: uppercase;
    border-radius: 32px;
    font-weight: 700;
    letter-spacing: 0.25px;
    cursor: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgb(42 84 64);
    color: rgb(255 98 98);
    border: 1px solid transparent;
}

/*Pagination background*/
body.dark .mantine-19h22xq {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 8px;
    background-color: transparent;
    padding: 10px;
    margin-top: 10px;
    border-radius: 2px;
}

/*case left toolbar*/
body.dark .mantine-1vum6fz {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    border-right: 1px solid rgb(173, 181, 189);
    padding: 16px;
}

/*judul konten*/
body.dark .mantine-1hin5hw {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 10px;
    position: absolute;
    z-index: 1;
    background-color: transparent;
    margin: 10px;
    right: 0px;
}

/*Logo konten diatas*/
body.dark .mantine-1l91nsg {
    padding: 0px 8px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 26px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid rgb(218 218 218);
    background-color: transparent;
    color: rgb(218 218 218);
}

/*Tools node*/

body.dark .mantine-1dbhjlo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 10px;
    position: absolute;
    z-index: 1;
    background-color: transparent;
}

/*Node action button*/
body.dark .mantine-1wvsdi7 {
    position: relative;
    display: inline-flex;
    width: auto;
    flex-direction: row;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px;
}


/*search*/
body.dark .mantine-1idos6c {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 3px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    color: rgb(215 215 215);
    transition: color 200ms ease 0s;
}

/*cases button*/

body.dark .mantine-ppxt49 {
    padding: 0px 14px 0px 9.33333px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #ffffff1c;
    color: rgb(233 233 233);
    border-color: white;
}


/*disabled button*/
body.dark  .mantine-8nr514:disabled, .mantine-8nr514[data-disabled] {
    border-color: transparent;
    background-color: rgb(233, 236, 239);
    color: rgb(75, 75, 75);
    cursor: not-allowed;
    background-image: none;
    pointer-events: none;
}

/*search page input table*/

body.dark .mantine-gqmpge {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(255, 255, 255);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(255 255 255 / 8%);
    transition: border-color 100ms ease 0s;
}

body.dark .mantine-1jedf3z input {
    height: auto;
    font-size: 12px;
    padding-top: 18px;
}

/*Input text*/
body.dark .mantine-ittua2 {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: rgb(255 255 255);
    word-break: break-word;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
}

/*Match text*/

body.dark .mantine-1pbxw0k {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: white;
    font-size: inherit;
    line-height: 1.55;
    text-decoration: none;
}

/*Refined Search*/

body.dark .mantine-vfiw7 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    background-color: rgb(27, 30, 43);
    box-sizing: border-box;
    border-radius: 40px;
    box-shadow: none;
    border: transparent;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
}

body.dark .mantine-123gri0 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    border-width: 0px 0px 3px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    appearance: none;
    background-color: transparent;
    text-align: left;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    margin-bottom: -2px;
    border-radius: 4px 4px 0px 0px;
}

body.dark .mantine-123gri0[data-active] {
    border-color: rgb(0, 255, 123);
    color: rgb(255 255 255);
}


/*choice button text color*/
body.dark .mantine-o36ra8:hover {
    color: rgb(146 146 146);
}

body.dark .mantine-o36ra8 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    color: rgb(156 156 156);
    transition: color 200ms ease 0s;
}

/*scrollbar*/
body.dark .mantine-9n3p0j:hover {
    background-color: transparent;
}

body.dark .mantine-9n3p0j:hover .__mantine-ref-thumb {
    background-color: rgb(255 255 255 / 95%);
}

body.dark .mantine-nd9fmu {
    flex: 1 1 0%;
    background-color: rgb(255 255 255);
    border-radius: 5px;
    position: relative;
    transition: background-color 150ms ease 0s;
}

body.dark .mantine-9n3p0j[data-state="hidden"] {
    opacity: 0.5;
}

body.dark .mantine-ze06i1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    line-height: 20px;
    color: rgb(255 255 255);
    cursor: default;
    order: 2;
}


/*field color*/
body.dark .mantine-18x9f1g {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    height: 26px;
    line-height: 24px;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    text-transform: uppercase;
    border-radius: 32px;
    font-weight: 700;
    letter-spacing: 0.25px;
    cursor: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgb(43 47 66);
    color: rgb(134, 142, 150);
    border: 1px solid transparent;
    margin-right: 2px;
    margin-left: 2px;
    padding: 5px;
}

/*action entity*/
body.dark .td-sticky-right {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    background: #1b1e2b;
}

/*Details field*/
body.dark .mantine-yz9x58 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgb(27 30 43);
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    width: 600px;
    padding: 16px;
}

body.dark  .mantine-yz9x58 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgb(27 30 43);
    position: relative;
    overflow: hidden;
    background-color: rgb(27 30 43);
    width: 600px;
    padding: 16px;
}

    /*Text details field */
body.dark .mantine-1b45sse {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    width: 100%;
    border-collapse: collapse;
    caption-side: top;
    color: rgb(255 255 255);
    line-height: 1.55;
}

/*tags details*/

body.dark .mantine-1x6qj0z {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 13px;
    height: 26px;
    line-height: 24px;
    text-decoration: none;
    padding: 0px 13.3333px;
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    text-transform: uppercase;
    border-radius: 32px;
    font-weight: 700;
    letter-spacing: 0.25px;
    cursor: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgb(231 255 241);
    color: rgb(0 140 81);
    border: 1px solid transparent;
}

/*button back*/
body.dark .mantine-1asss8l {
    padding: 2px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #4c9c59;
    color: rgb(252 253 255);
}

/*Slide button partial/exact*/
body.dark .mantine-ey4qs6 {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(255 255 255 / 29%);
    width: 60px;
    height: 31.5096px;
    transform: translate(0px, 0px);
}

body.dark .mantine-y5yu5q {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(255 255 255 / 29%);
    width: 53px;
    height: 31.5734px;
    transform: translate(60px, 0px);
}

/*AND and OR*/
body.dark .mantine-hw5irb {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(90 93 102);
    width: 50px;
    height: 31.5816px;
    transform: translate(39px, 0px);
}

body.dark .mantine-7ad306 {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(90 93 102);
    width: 39px;
    height: 31.458px;
    transform: translate(0px, 0px);
}

/*Search and New Colors*/

body.dark .mantine-6i9nq4 {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(90 93 102);
    width: 48px;
    height: 24.5297px;
    transform: translate(0px, 0px);
}

body.dark .mantine-d72a5p {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
    transition: transform 200ms ease 0s, width 100ms ease 0s;
    background-color: rgb(90 93 102);
    width: 37px;
    height: 24.8265px;
    transform: translate(48px, 0px);
}

/*Timeline header color*/
body.dark .mantine-y2ueye {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: white;
    text-decoration: none;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}


/*Drop in*/
body.dark .mantine-1lykdo6 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    appearance: none;
    font-size: 16px;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background-color: rgb(66 69 80);
    border: 1px dashed lightgrey;
    padding: 24px;
}

/*Title screen*/

body.dark .mantine-1vn6kfw {
    font-size: 40px;
    color: white;
    text-align: start;
}

/*Role box*/
body.dark .mantine-hxg85s {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: none;
    border: 1px solid rgb(222, 226, 230);
    position: relative;
    background-color: rgb(27 30 43);
    width: 600px;
    overflow: unset;
    padding: 16px;
}

/*role box tags*/
body.dark .mantine-j220w7 {
    min-height: 34px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: calc(-5px);
    box-sizing: border-box;
    background-color: #2d303c;
}

body.dark .mantine-1e8dll4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: auto;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.55;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(0, 0, 0);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 30px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(34 36 45);
    transition: border-color 100ms ease 0s;
}

body.dark .mantine-fqghar {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(102 105 119);
    color: rgb(255 255 255);
    height: 22px;
    padding-left: 12px;
    padding-right: 0px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    cursor: default;
    user-select: none;
    max-width: calc(100% - 20px);
    margin: calc(3px) calc(5px);
}


/*Upload Document*/

body.dark .mantine-2q1ayn {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    background-color: rgb(27 30 43);
    border: 2px dashed rgb(206, 212, 218);
    padding: 16px;
    border-radius: 20px;
    cursor: pointer;
    user-select: none;
    transition: background-color 150ms ease 0s;
    position: relative;
}

body.dark .mantine-2q1ayn:hover {
    background-color: rgb(42 46 63);
}


/*Text upload*/
body.dark .mantine-13bpxe2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: white;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
}

/*text upload icon*/
body.dark .mantine-11zytr1 > * {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    flex-grow: 0;
    color: white;
}

body.dark canvas {
    cursor: default;
    display: inline-block;
    background: #757677;
}


/*import data timeline*/
body.dark .mantine-13929wa {
    box-sizing: border-box;
    height: 42px;
    width: 42px;
    min-width: 42px;
    border-radius: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(58 64 91);
    border: 2px solid rgb(241, 243, 245);
    transition: background-color 150ms ease 0s, border-color 150ms ease 0s;
    position: relative;
    font-weight: 700;
    color: rgb(237 240 243);
    font-size: 16px;
}

body.dark .mantine-13929wa[data-progress] {
    border-color: rgb(34 230 49);
}

/*Form background*/

body.dark .mantine-4tp0h4 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: none;
    border: 1px solid rgb(222, 226, 230);
    overflow: hidden;
    background-color: rgb(27 30 43);
    width: 600px;
    position: relative;
    padding: 16px;
}

body.dark .mantine-qew57g {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(0, 0, 0);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 30px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(45 48 60);
    transition: border-color 100ms ease 0s;
}

body.dark .mantine-1g4orza {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 10px;
    padding-left: 5px;
}

body.dark .mantine-qew57g {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(255 255 255);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 30px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(45 48 60);
    transition: border-color 100ms ease 0s;
}

body.dark .mantine-f73we9 {
    margin: 0px 1px 0px 0px;
    position: relative;
    flex: 0 0 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 24px;
    padding: 0px;
    -webkit-tap-highlight-color: transparent;
    border-width: 0px 0px 1px 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-color: rgb(206, 212, 218);
    border-top-style: initial;
    border-top-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    background-color: #9198ad;
    color: rgb(0, 0, 0);
}

body.dark .mantine-f73we9:not(:disabled):hover {
    background-color: rgb(184 184 184);
}

body.dark .mantine-1kz3j3d:not(:disabled):hover {
    background-color: rgb(184 184 184);
}

body.dark .mantine-1kz3j3d {
    margin: 0px 1px 0px 0px;
    position: relative;
    flex: 0 0 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    width: 24px;
    padding: 0px;
    -webkit-tap-highlight-color: transparent;
    border-width: 0px 0px 0px 1px;
    border-left-style: solid;
    border-left-color: rgb(206, 212, 218);
    border-top-style: initial;
    border-top-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    background-color: #9198ad;
    color: rgb(0 0 0);
    border-bottom-style: initial;
    border-bottom-color: initial;
}

body.dark  input:checked + .mantine-ug7znc {
    background-color: rgb(56 136 70);
    border-color: rgb(56 136 70);
    color: rgb(255, 255, 255);
    transition: color 150ms ease 0s;
}

body.dark .mantine-ug7znc {
    -webkit-tap-highlight-color: transparent;
    cursor: default;
    overflow: hidden;
    position: relative;
    border-radius: 32px;
    background-color: rgb(27 30 43);
    border: 1px solid rgb(222, 226, 230);
    height: 20px;
    min-width: 38px;
    margin: 0px;
    box-sizing: border-box;
    appearance: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 6px;
    font-weight: 600;
    order: 1;
    user-select: none;
    z-index: 0;
    line-height: 0;
    color: rgb(134, 142, 150);
    transition: color 150ms ease 0s;
}

body.dark .mantine-2gm7bs {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(0, 0, 0);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 32px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(45 48 60);
    transition: border-color 100ms ease 0s;
    position: relative;
    overflow: hidden;
}


body.dark .mantine-1txu2s7 {
    padding: 0px 14px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border: 1px solid rgb(220 220 220);
    background-color: transparent;
    color: rgb(220 220 220);
}

body.dark .mantine-hopuj2[data-striped] tbody tr:nth-of-type(2n+1) {
    background-color: rgb(27 30 43);
}

body.dark .mantine-hopuj2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    width: 100%;
    border-collapse: collapse;
    caption-side: top;
    color: rgb(255 255 255);
    line-height: 1.55;
    padding: 0px;
}

body.dark .mantine-n1eu4s {
    font-weight: bold;
    background: unset;
    color: #40d057;
}

body.dark .mantine-rbf2ec {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

body.dark .mantine-85cnzx {
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border: 1px solid rgb(206 206 206);
    background-color: rgb(27 30 43);
    color: rgb(206 206 206);
    margin-left: 16px;
    padding: 2px 10px;
}

body.dark  .mantine-4xmesm {
    padding: 0px 18px 0px 12px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(76 156 89);
    color: rgb(255, 255, 255);
}

body.dark .mantine-1etbill {
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px;
    position: relative;
    width: 780px;
    outline: 0px;
    z-index: 1;
    background-color: rgb(27 30 43);
    padding: 20px;
}

body.dark  .mantine-39kpez {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 16px;
    padding-top: 0px;
    padding-bottom: 16px;
}

body.dark .mantine-rbf2ec {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

body.dark  .mantine-vfiw7 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
}

body.dark  .mantine-1km98cq {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 48px;
    color: rgb(76 156 89);
    font-weight: 700;
    background-color: rgb(235 245 251);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 60px;
}

body.dark .mantine-qb3vl4 {
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px;
    position: relative;
    width: 440px;
    outline: 0px;
    background-color: rgb(27, 30, 43);
    z-index: 1;
    padding: 20px;
}

body.dark .mantine-fu4m48 {
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px;
    position: relative;
    width: 780px;
    outline: 0px;
    background-color: rgb(27, 30, 43);
    z-index: 1;
    padding: 20px;
}

body.dark .mantine-b18frt {
    padding: 0px 7px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 22px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(73 146 87);
    color: rgb(237 237 237);
}

body.dark .mantine-1f83q5f {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    color: white;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 500;
    text-decoration: none;
}

/*Welcome Page*/

body.dark .mantine-njgtw7 {
    position: fixed;
    inset: 0px;
    height: 100vh;
    background-color: #022a49;
    background-image: none;
    background-size: cover;
    flex-direction: column;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

body.dark .mantine-13bl7c2 {
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.137) 0px 2px 5px, rgba(0, 0, 0, 0.228) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    background-color: white;
    width: 800px;
    margin-top: 60px;
    padding: 0px;
}

body.dark .mantine-1t09mp5 {
    -webkit-tap-highlight-color: transparent;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.55;
    text-decoration: none;
    font-family: avenir;
    color: rgb(41, 82, 163);
    margin-bottom: 50px;
}

    /*Welcome page button*/

body.dark .mantine-1b2g452 {
    padding: 0px 22px;
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 42px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: block;
    width: 100%;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 16px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(34, 139, 230);
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

body.dark .mantine-1b2g452:hover {
    background-color: rgb(23 104 174);
}

body.dark .mantine-1dcetaa:hover {
    background-color: rgb(68 68 68);
}

body.dark .mantine-cvnufi {
    appearance: none;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    width: auto;
    border-radius: 4px;
    font-weight: 600;
    position: relative;
    line-height: 1;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: rgb(73 146 87);
    color: rgb(255 255 255);
    margin-left: 16px;
    padding: 2px 10px;
}

body.dark .mantine-1w6i6hd,
body.dark .mantine-e5y1k8 { 
    outline: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    text-decoration: none;
    color: rgb(255 255 255);
    background-color: rgb(27 30 43);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgb(82 82 82);
    margin: -20px -20px 16px;
    padding: 10px 20px;
}

body.dark .mantine-1659fq7{
    border:1px solid #01b21e;
 }
 body.dark .mantine-1659fq7>svg{
     color:#01b21e;
 }

 body.dark .mantine-gyncl {
    position: absolute;
    inset: 0px;
    z-index: 400;
    background-color: rgb(65 63 63);
    opacity: 0.75;
    border-radius: 0px;
}

body.dark .mantine-1klne3t {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(0, 0, 0);
    display: block;
    text-align: left;
    min-height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(45 48 60);
    transition: border-color 100ms ease 0s;
    cursor: pointer;
    white-space: nowrap;
}

body.dark .mantine-1gt7cpf {
    position: absolute;
    /* color: white; */
    background: rgb(27 30 43);
    border: 1px solid rgb(233, 236, 239);
    box-shadow: none;
    border-radius: 4px;
    padding: 4px;
}

body.dark .mantine-1o4l25c {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    border: 0px;
    outline: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 4px;
    color: rgb(255 255 255);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: default;
    background: none;
}

body.dark .mantine-y414p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    border: 0px;
    background-color: transparent;
    outline: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 4px;
    color: rgb(255 255 255);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

body.dark .mantine-12zgr9 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: rgb(255 255 255);
    border-radius: 4px;
}

body.dark .mantine-12zgr9[data-selected] {
    background-color: rgb(56 136 70);
    color: rgb(255, 255, 255);
}

body.dark .mantine-rynikm {
    position: absolute;
    background: rgb(27 30 43);
    border: 1px solid rgb(233, 236, 239);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 10px 15px -5px, rgba(0, 0, 0, 0.04) 0px 7px 7px -5px;
    border-radius: 4px;
    padding: 0px;
}

body.dark .mantine-123gri0 {
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Montserrat", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    border-width: 0px 0px 3px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    appearance: none;
    background-color: transparent;
    text-align: left;
    color: rgb(255 255 255);
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    padding: 12px 16px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    margin-bottom: -2px;
    border-radius: 4px 4px 0px 0px;
}

body.dark .mantine-16f0hej, .mantine-16f0hej:hover {
    color: unset;
}