/* PSFootBar.css */  
/* header *************************************/
.psfootbar-root {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 45px;
    border-top: 1px solid #EAE9E9;
    box-sizing: border-box;
    padding: 0;
}
/* All Rights Reserved TEXT *************************************/
.psfootbar-text-left {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #464544;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: auto auto auto 20px;
}
/* LIST right *************************************/
.psfootbar-list-right {
    margin: auto 30px auto auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 0;
}
.psfootbar-list-right-item {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
.psfootbar-list-right-link {
    text-decoration: none;
}
/* Tablet layout @640px *******************************************************************/

@media screen and (max-width: 640px) {
    /* header *************************************/
    .psfootbar-root {
        flex-direction: column;
        justify-items: center;
        gap: 6px;
        padding: 5px 0;
    }
    /* All Rights Reserved TEXT *************************************/
    .psfootbar-text-left {
        margin: 0;
    }
    /* LIST right *************************************/
    .psfootbar-list-right {
        margin: 0;
    }
}
@media screen and (max-width: 320px) {
    /* header *************************************/
    .psfootbar-root {
        height: 40px;
    }
    /* All Rights Reserved TEXT *************************************/
    .psfootbar-text-left {
        font-size: 10px;
        line-height: 12px;
    }
    /* LIST right *************************************/
    .psfootbar-list-right-item {
        font-size: 10px;
        line-height: 12px;
    }
    .psfootbar-list-right {
        font-size: 10px;
        line-height: 12px;
    }
}
 
/* PSSideBar.css */  
.pssidebar {
    background-color: #fff;
    padding: 4px 0;
    position: relative;
    border-right: 1px solid #eae9e9;
    display: grid;
    align-content: start;
    max-width: 256px;
    width: 100%;
    height: 100%;
    min-width: 256px;
}

.pssidebar-container,
.pssidebar-comback,
.pssidebar-submenu {
    display: grid;
    gap: 4px;
}

.pssidebar-submenu-img {
    margin-left: auto !important;
}

.pssidebar-container > div > a,
.pssidebar-comback > div > a,
.pssidebar-submenu > div {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    max-width: 250px;
}

.pssidebar-container div[data-selected="true"] > a > img,
.pssidebar-container div:hover > a > img,
.pssidebar-comback div:hover > a > .pssidebar-img {
    filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
}

.pssidebar-container div[data-selected="true"] > a,
.pssidebar-container div > a:active,
.pssidebar-comback div > a:active {
    display: flex;
    align-items: center;
    background-color: #fefaf6;
    color: #f48220;
}

    .pssidebar-comback div > a:active > p,
    .pssidebar-container div > a:active > p {
        color: #f48220;
    }

    .pssidebar-comback div > a:active > .pssidebar-img,
    .pssidebar-container div > a:active > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar-container div[data-selected="true"] > a > .pssidebar-tabline,
    .pssidebar-container div > a:active > .pssidebar-tabline,
    .pssidebar-comback div > a:active > .pssidebar-tabline {
        background-color: #f48220;
    }

.pssidebar-tabline {
    width: 4px;
    height: 100%;
    border-radius: 0 4px 4px 0;
}

.pssidebar-container > div > a > img,
.pssidebar-comback > div > a > .pssidebar-img,
.pssidebar-submenu > div > img {
    width: 24px;
    height: 24px;
    margin: 8px 10px 8px 32px;
    filter: invert(50%) sepia(6%) saturate(102%) hue-rotate(336deg) brightness(98%) contrast(90%);
}

.pssidebar-container > div[data-selected="true"] > a > p,
.pssidebar-container > div > a:hover > p,
.pssidebar-comback > div > a:hover > p {
    color: #f48220;
}

.pssidebar-container > div > a > p,
.pssidebar-comback > div > a > p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: "NotoSans", sans-serif;
    color: #817f7e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pssidebar-divider {
    max-width: 190px;
    width: 100%;
    height: 1px;
    background-color: #eae9e9;
    margin: 10px 0;
    justify-self: center;
}

.pssidebar-submenu {
    cursor: pointer;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #2f2e2d;
    font-weight: bold;
    line-height: 20px;
    align-self: flex-start;
}

.pssidebar-img {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDEyQzQgMTEuNDQ3NyA0LjQ0NzcyIDExIDUgMTFIMTlDMTkuNTUyMyAxMSAyMCAxMS40NDc3IDIwIDEyQzIwIDEyLjU1MjMgMTkuNTUyMyAxMyAxOSAxM0g1QzQuNDQ3NzIgMTMgNCAxMi41NTIzIDQgMTJaIiBmaWxsPSIjMUExOTE5Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNzA3MSA0LjI5Mjg5QzEzLjA5NzYgNC42ODM0MiAxMy4wOTc2IDUuMzE2NTggMTIuNzA3MSA1LjcwNzExTDYuNDE0MjEgMTJMMTIuNzA3MSAxOC4yOTI5QzEzLjA5NzYgMTguNjgzNCAxMy4wOTc2IDE5LjMxNjYgMTIuNzA3MSAxOS43MDcxQzEyLjMxNjYgMjAuMDk3NiAxMS42ODM0IDIwLjA5NzYgMTEuMjkyOSAxOS43MDcxTDQuMjkyODkgMTIuNzA3MUMzLjkwMjM3IDEyLjMxNjYgMy45MDIzNyAxMS42ODM0IDQuMjkyODkgMTEuMjkyOUwxMS4yOTI5IDQuMjkyODlDMTEuNjgzNCAzLjkwMjM3IDEyLjMxNjYgMy45MDIzNyAxMi43MDcxIDQuMjkyODlaIiBmaWxsPSIjMUExOTE5Ii8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 1024px) {
    .pssidebar-container > div > a > p,
    .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar-comback > div > a > p {
        visibility: hidden;
        font-size: 0px;
    }

    .pssidebar {
        min-width: 10px;
    }

        .pssidebar[sidebar-open="false"] > .pssidebar-container > .pssidebar-menu-item > a > img.pssidebar-submenu-img {
            display: none;
        }

    .pssidebar-divider {
        width: 40%;
        justify-self: end;
        margin-right: 10px;
    }

    .pssidebar[sidebar-open="true"] {
        max-width: 256px;
        width: 100%;
        padding-top: 4px;
        position: absolute;
        padding-left: 0px;
        z-index: 100;
        margin-top: 0px;
        transition: width 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="false"] {
        width: 70px;
        margin-top: 0px;
        animation: widthTablet 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-divider {
        max-width: 190px;
        width: 100%;
        justify-self: center;
        animation: dvd 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-container > div > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback > div > a > p {
        visibility: visible;
        font-size: 14px;
        animation: font 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="false"] > .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar[sidebar-open="false"] > .pssidebar-container > div > a > p,
    .pssidebar[sidebar-open="false"] > .pssidebar-comback > div > a > p {
        visibility: hidden;
        font-size: 0px;
        animation: fontReverse 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div > a:active > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div > a:focus > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback
    div > a:active > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback
    div > a:focus > .pssidebar-tabline {
        background-color: #fff;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a,
    .pssidebar[sidebar-open="true"] > .pssidebar-container div > a:active,
    .pssidebar[sidebar-open="true"] > .pssidebar-container div > a:focus,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback div > a:active,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback div > a:focus {
        display: flex;
        align-items: center;
        background-color: #fff;
        color: #817f7e;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:hover > a > p {
        color: #f48220;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:active > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:focus > a > p {
        color: #817f7e;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a {
        display: flex;
        align-items: center;
        background-color: #fefaf6;
    }

        .pssidebar[sidebar-open="true"] > .pssidebar-container
        div[data-selected="true"] > a > .pssidebar-tabline {
            background-color: #f48220;
        }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="true"] > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="true"]:hover > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:hover > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="false"]:hover > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback > .pssidebar-menu-item[data-selected="false"]:hover > a > p {
        display: flex;
        color: #f48220;
        align-items: center;
    }
}

@media screen and (max-width: 480px) {
    .pssidebar-container > div > a > p,
    .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar-comback > div > a > p {
        visibility: hidden;
        font-size: 0px;
    }

    .pssidebar[sidebar-open="false"] > .pssidebar-container > .pssidebar-menu-item > a > img.pssidebar-submenu-img {
        display: none;
    }

    .pssidebar-container > div > a > img,
    .pssidebar-comback > div > a > .pssidebar-img,
    .pssidebar-submenu > div > img {
        width: 24px;
        height: 24px;
        margin: 8px 10px 8px 20px;
        filter: invert(50%) sepia(6%) saturate(102%) hue-rotate(336deg) brightness(98%) contrast(90%);
    }

    .pssidebar-divider {
        width: 40%;
        justify-self: end;
        margin-right: 10px;
    }

    .pssidebar[sidebar-open="true"] {
        max-width: 256px;
        width: 100%;
        padding-top: 4px;
        position: absolute;
        padding-left: 0px;
        z-index: 100;
        transition: width 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="false"] {
        /* margin-top: 0px; */
        width: 58px;
        animation: widthMobile 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-divider {
        max-width: 190px;
        width: 100%;
        justify-self: center;
        animation: dvd 0.3s ease-in-out;
        /* margin-top: 0px; */
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-container > div > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback > div > a > p {
        visibility: visible;
        font-size: 14px;
        animation: font 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="false"] > .pssidebar-submenu > .pssidebar-menu-item > p,
    .pssidebar[sidebar-open="false"] > .pssidebar-container > div > a > p,
    .pssidebar[sidebar-open="false"] > .pssidebar-comback > div > a > p {
        visibility: hidden;
        font-size: 0px;
        animation: fontReverse 0.3s ease-in-out;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div > a:active > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div > a:focus > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback
    div > a:active > .pssidebar-tabline,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback
    div > a:focus > .pssidebar-tabline {
        background-color: #fff;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a,
    .pssidebar[sidebar-open="true"] > .pssidebar-container div > a:active,
    .pssidebar[sidebar-open="true"] > .pssidebar-container div > a:focus,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback div > a:active,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback div > a:focus {
        display: flex;
        align-items: center;
        background-color: #fff;
        color: #817f7e;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:hover > a > p {
        color: #f48220;
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:active > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:focus > a > p {
        color: #817f7e !important;
    }

    /* .pssidebar[sidebar-open="true"]
    > .pssidebar-comback
    div
    > a:focus
    > .pssidebar-img,
  .pssidebar[sidebar-open="true"]
    > .pssidebar-comback
    div
    > a:active
    > .pssidebar-img,
  .pssidebar[sidebar-open="true"] > .с div > a:focus > img,
  .pssidebar[sidebar-open="true"] > .pssidebar-container div > a:active > img {
    filter: invert(50%) sepia(6%) saturate(102%) hue-rotate(336deg)
      brightness(98%) contrast(90%);
  } */

    .pssidebar[sidebar-open="true"] > .pssidebar-container
    div[data-selected="true"] > a {
        display: flex;
        align-items: center;
        background-color: #fefaf6;
    }

        /* .pssidebar-container > .pssidebar-menu-item:hover[data-selected="true"] > a > img {
    filter: invert(50%) sepia(6%) saturate(102%) hue-rotate(336deg)
    brightness(98%) contrast(90%);
  } */

        .pssidebar[sidebar-open="true"] > .pssidebar-container
        div[data-selected="true"] > a > .pssidebar-tabline {
            background-color: #f48220;
        }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="true"] > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="true"]:hover > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item:hover > a > img {
        filter: invert(56%) sepia(70%) saturate(1522%) hue-rotate(347deg) brightness(99%) contrast(94%);
    }

    .pssidebar[sidebar-open="true"] > .pssidebar-container > .pssidebar-menu-item[data-selected="false"]:hover > a > p,
    .pssidebar[sidebar-open="true"] > .pssidebar-comback > .pssidebar-menu-item[data-selected="false"]:hover > a > p {
        display: flex;
        color: #f48220;
        align-items: center;
    }
}

@keyframes widthTablet {
    0% {
        width: 259px;
    }

    100% {
        width: 70px;
    }
}

@keyframes widthMobile {
    0% {
        width: 259px;
    }

    100% {
        width: 58px;
    }
}

@keyframes dvd {
    100% {
        max-width: 190px;
        width: 100%;
    }

    0% {
        width: 40%;
    }
}

@keyframes font {
    100% {
        visibility: visible;
        font-size: 14px;
    }

    0% {
        visibility: hidden;
        font-size: 0px;
    }
}

@keyframes fontReverse {
    0% {
        visibility: visible;
        font-size: 14px;
    }

    100% {
        visibility: hidden;
        font-size: 0px;
    }
}

.pssidebar-submenu-container {
    position: absolute;
    display: block;
    background-color: #f3f2f2;
    top: 0;
    left: 0;
    max-width: 256px;
    width: 100%;
    height: 100vh;
    transform: translateX(-300px);
    z-index: 2;
    transition: all 0.5s ease-in-out;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}

    .pssidebar-submenu-container.active {
        transform: translateX(0px);
    }

    .pssidebar-submenu-container > .pssidebar-submenu-item {
        height: 40px;
        display: flex;
        align-items: center;
        cursor: pointer;
        font-family: "NotoSans", sans-serif;
        font-size: 14px;
        color: #1f1f1f;
        line-height: 20px;
    }

.pssidebar-menu-item[data-submenu="false"] > a > img.pssidebar-submenu-img {
    display: none;
}

.pssidebar-menu-item[data-submenu="true"] > a > img.pssidebar-submenu-img {
    margin-left: auto;
}

 
/* PSTopBar.css */  
/* header *************************************/
.pstopbar-option-tabs-temp {
    opacity: 0;
    width: auto;
    height: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    border: none;
}

.pstopbar-option-tabs-element-temp {
    margin: 16px 4px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    padding: 6px 12px 22px 12px;
    width: auto;
    display: flex;
    border: none;
    white-space: nowrap;
}

.pstopbar-option-tabs-element-text-temp {
    font-family: "NotoSans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #464544;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.pstopbar-root {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #EAE9E9;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

/* Logo as a button **************************/
.pstopbar-logo-button {
    margin: auto 0px 0px 20px;
    padding: 6px 12px 14px 12px;
    background-color: #FFFFFF;
    width: 66px;
    height: 54px;
    border: none;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pstopbar-logo-button-img {
    width: 40px;
    height: 32px;
    object-fit: contain;
    background-image: url('data:image/svg+xml,<svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.77474 1.33738C6.06778 0.755395 7.49931 0.483398 9.12267 0.483398C11.1436 0.483398 12.9355 0.874039 14.4232 1.68361L14.7802 1.89183C16.1424 2.74221 17.1461 3.88103 17.6244 5.2254L17.6272 5.23314C18.0807 6.55105 18.2859 8.5223 18.2859 11.0227V14.5057H9.52714V8.95467C9.52714 8.15014 9.49722 7.62533 9.45881 7.28837C9.43167 7.05019 9.40293 6.93313 9.39058 6.88918C9.29403 6.87617 9.19228 6.87738 9.09718 6.90008C9.06659 7.0459 9.03371 7.2846 9.00815 7.62478C8.97699 8.03956 8.9597 8.55962 8.9597 9.15765V21.4447C8.9597 22.6681 9.03299 23.2717 9.08924 23.5469C9.12399 23.5523 9.1741 23.557 9.24342 23.557C9.2982 23.557 9.33949 23.5544 9.36981 23.551C9.39971 23.4473 9.44075 23.2327 9.47233 22.8628C9.50804 22.4443 9.52714 21.8917 9.52714 21.2013V16.9076H18.2859V18.89C18.2859 21.5831 18.1005 23.6532 17.6906 24.9719L17.6825 25.0181L17.6538 25.083C17.1579 26.4544 16.151 27.6112 14.7382 28.5414L14.7293 28.5473C13.206 29.521 11.3764 29.9977 9.32424 29.9977C7.19425 29.9977 5.34967 29.6056 3.883 28.7761C2.37321 27.9243 1.36359 26.8059 0.88555 25.2713C0.407227 23.8551 0.161865 21.7367 0.161865 19.0525V11.3468C0.161865 9.57351 0.232037 8.04287 0.370778 6.92807L0.371276 6.92407C0.514631 5.81828 0.981225 4.74095 1.71789 3.72256C2.47112 2.68229 3.50939 1.8822 4.77474 1.33738ZM2.36832 24.7355C2.71438 25.8245 3.46117 26.723 4.66023 27.3994C5.8204 28.0556 7.37463 28.4167 9.32424 28.4167C11.1272 28.4167 12.6476 28.0001 13.8734 27.2179C15.0734 26.4268 15.8178 25.5179 16.1701 24.537C16.5099 23.4718 16.7049 21.5974 16.7049 18.89V18.4885H11.1081V21.2013C11.1081 21.9151 11.0886 22.5168 11.0476 22.9972C11.0086 23.4541 10.945 23.877 10.8223 24.1848L10.8231 24.1829C10.7036 24.4849 10.4985 24.76 10.169 24.9374C9.86791 25.0995 9.5384 25.138 9.24342 25.138C8.82996 25.138 8.4644 25.0544 8.16574 24.8581C7.85702 24.6552 7.70836 24.39 7.63108 24.2005L7.61639 24.1644L7.60531 24.1271C7.48237 23.7132 7.37874 22.9484 7.37874 21.4447V9.15765C7.37874 8.5325 7.39671 7.97121 7.43164 7.50634C7.46535 7.0577 7.51813 6.64783 7.60512 6.35406L7.61627 6.31642L7.6311 6.28006C7.76595 5.94933 8.00076 5.68333 8.3229 5.51346C8.62681 5.3532 8.96306 5.30187 9.28399 5.30187C9.48216 5.30187 9.76613 5.3236 10.0474 5.4383C10.339 5.55719 10.6502 5.78866 10.8131 6.19056C10.9211 6.41872 10.9856 6.72337 11.0296 7.10934C11.0773 7.52811 11.1081 8.11811 11.1081 8.95467V12.9248H16.7049V11.0227C16.7049 8.56364 16.4974 6.81151 16.1336 5.75155C15.7859 4.77751 15.013 3.87089 13.8209 3.15831C12.5922 2.44757 11.0232 2.06435 9.12267 2.06435C7.85253 2.06435 6.57275 2.25924 5.40858 2.78435C4.37309 3.22921 3.56806 3.86313 2.99884 4.64915M2.36832 24.7355C1.97428 23.5735 1.74282 21.7023 1.74282 19.0525V11.3468C1.74282 9.60433 1.8123 8.1476 1.93937 7.12538C2.04297 6.32924 2.3863 5.49603 2.99884 4.64915" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.3012 0.481445H37.8334V18.7324H39.8379V25.068H37.8334V29.9957H29.3426V25.068H21.0693V19.396L27.3012 0.481445ZM28.4449 2.0624L22.6503 19.6498V23.4871H30.9236V28.4148H36.2524V23.4871H38.257V20.3134H36.2524V2.0624H28.4449ZM29.3427 13.8469L28.0835 18.7322H29.3427V13.8469ZM29.3677 7.41451L30.9236 7.61177V20.3132H26.0434L29.3677 7.41451Z" fill="%23F48220"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
}

.pstopbar-logo-button:active,
.pstopbar-logo-button:focus {
    background-color: #FEFAF6;
    box-shadow: none;
    padding-bottom: 12px;
    border-bottom: 2px solid #F48220;
    cursor: pointer;
    pointer-events: none;
}

.pstopbar-logo-button-pointer {
    width: 66px;
    height: 54px;
    background-color: transparent;
    position: fixed;
    cursor: pointer;
    top: 10px;
    left: 20px;
}
/* Dropdown visibility rules */

/* Keep dropdown visible when the button or dropdown is focused or active */
.pstopbar-logo-button:focus + .pstopbar-logo-dropdown,
.pstopbar-logo-button:active + .pstopbar-logo-dropdown,
.pstopbar-logo-dropdown:focus-within,
.pstopbar-logo-dropdown:active {
    display: block;
}

.pstopbar-logo-dropdown-options-list:focus-within,
.pstopbar-logo-dropdown-options-list:active {
    display: grid;
}

.pstopbar-logo-dropdown-option:focus-within,
.pstopbar-logo-dropdown-option:active {
    display: flex;
}

/* Dropdown list for logo button *********************/
.pstopbar-logo-dropdown {
    display: none;
    position: fixed;
    top: 68px;
    left: 24px;
    background-color: #FFFFFF;
    width: 324px;
    box-sizing: border-box;
    height: auto;
    border-radius: 8px;
    outline: 1px solid #E5E5E5;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.2);
    padding: 4px 4px 30px 30px;
    z-index: 10;
}

.pstopbar-logo-dropdown-options-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 12px;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding-right: 26px;
    padding-top: 26px;
}

.pstopbar-logo-dropdown-option {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    align-items: center;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    width: 80px;
    height: 60px;
    margin-bottom: 14px;
}

.pstopbar-logo-dropdown-option-img {
    width: 32px;
    height: 32px;
    margin: 4px 24px 1px 24px;
    display: flex;
    align-items: center;
}

.pstopbar-logo-dropdown-option-text {
    font-family: "NotoSans", sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #464544;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 66px;
    margin: 0px 7px 6px 7px;
}

.pstopbar-logo-dropdown-option:hover {
    height: 70px;
    background-color: #F8F4F2;
    margin-bottom: 4px;
}

    .pstopbar-logo-dropdown-option:hover .pstopbar-logo-dropdown-option-text {
        max-width: none;
        white-space: normal;
        line-height: 14px;
    }

.pstopbar-logo-dropdown-option:active,
.pstopbar-logo-dropdown-option:focus {
    height: 70px;
    background-color: #E2DFDD;
    margin-bottom: 4px;
}

    .pstopbar-logo-dropdown-option:active .pstopbar-logo-dropdown-option-text,
    .pstopbar-logo-dropdown-option:focus .pstopbar-logo-dropdown-option-text {
        max-width: none;
        white-space: normal;
        line-height: 14px;
    }



.pstopbar-dropdown-button {
    display: flex;
    align-items: center;
    background-color: #F48220;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    width: 264px;
    height: 40px;
    padding: 0;
    margin-top: 24px;
    text-decoration: none;
}

    .pstopbar-dropdown-button:hover {
        background-color: #E66D05;
    }

    .pstopbar-dropdown-button:active,
    .pstopbar-dropdown-button:focus {
        background-color: #F48220;
        box-shadow: 0 0 0 4px #F9E7D8;
    }

.pstopbar-dropdown-button-text {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
}

/* Show the dropdown when the logo button is active *******/
.pstopbar-logo-button.active + .pstopbar-logo-dropdown {
    display: block;
}

/* Custom scrollbar styling *******************************/
.pstopbar-logo-dropdown-options-list::-webkit-scrollbar {
    width: 8px;
}

.pstopbar-logo-dropdown-options-list::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 26px 0 0 white; /* Simulates pushing the scrollbar track down */
}

.pstopbar-logo-dropdown-options-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

/* Show the dropdown when the logo button is active */
.pstopbar-logo-button.active + .pstopbar-logo-dropdown {
    display: block;
}

/* Divider **************************************/
.pstopbar-divider {
    margin: auto 16px auto 16px;
    background-color: #EAE9E9;
    width: 1px;
    height: 32px;
    border: none;
}

/* Service section ******************************/
.pstopbar-section {
    margin: 12px 100px 0px 0px;
    gap: 16px;
    padding-bottom: 12px;
    padding-left: 12px;
    background-color: transparent;
    width: auto;
    border: none;
    display: flex;
    cursor: pointer;
    text-decoration: none;
}

.pstopbar-section-img {
    width: 40px;
    height: 40px;
    margin: 12px 0;
    object-fit: contain;
    cursor: pointer;
}

.pstopbar-section-text {
    font-family: "NotoSans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin: 16px 0;
    color: #1A1919;
    cursor: pointer;
    white-space: nowrap;
}
/* Options tab IsOverflown false***************************************/
.pstopbar-option-tabs {
    width: auto;
    height: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    border: none;
}

.pstopbar-option-tabs-element {
    margin: 16px 4px 0px 0px;
    text-decoration: none;
    background-color: transparent;
    padding: 6px 12px 22px 12px;
    width: auto;
    display: flex;
    border: none;
    white-space: nowrap;
}

.pstopbar-option-tabs-element-text {
    font-family: "NotoSans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #464544;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}


.pstopbar-option-tabs-element:active,
.pstopbar-option-tabs-element[data-selected="true" i] {
    border-bottom: 2px solid #F48220;
    padding-bottom: 20px;
    background-color: #FEFAF6;
}

.pstopbar-option-tabs-element-text:hover {
    color: #F48220;
    background-color: transparent;
}

.pstopbar-option-tabs-element[data-selected="true" i] .pstopbar-option-tabs-element-text {
    color: #F48220;
    background-color: transparent;
}

/* Default state for hamburger (hidden) */
.pstopbar-hamburger,
.pstopbar-hamburger-checkbox {
    display: none;
}


/* Option tabs into hamburger IsOverflown TRUE *********************/
.pstopbar-option-tabs[data-IsOverflown="true" i] {
    display: none;
    position: absolute;
    top: 68px;
    right: 84px;
    padding: 8px 0;
    background-color: #FFFFFF;
    width: 240px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EAE9E9;
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

    .pstopbar-option-tabs[data-IsOverflown="true" i] .pstopbar-option-tabs-element {
        margin: 0;
        background-color: transparent;
        padding: 0;
        width: 240px;
        height: 40px;
        display: flex;
        border: none;
        cursor: pointer;
    }

    .pstopbar-option-tabs[data-IsOverflown="true" i] .pstopbar-option-tabs-element-text {
        font-family: "NotoSans", sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #5D5C5B;
        padding: 10px 0;
        margin-left: 16px;
    }

    .pstopbar-option-tabs[data-IsOverflown="true" i] .pstopbar-option-tabs-element:active,
    .pstopbar-option-tabs[data-IsOverflown="true" i] .pstopbar-option-tabs-element[data-selected="true" i] {
        border-bottom: none;
        padding-bottom: 0;
        background-color: #FEFAF6;
    }

    .pstopbar-option-tabs[data-IsOverflown="true" i] .pstopbar-option-tabs-element-text:hover {
        color: #F48220;
    }

.pstopbar-option-tabs-element[data-selected="true" i] .pstopbar-option-tabs-element-text {
    color: #F48220;
}

/* Hamburger displayed when IsOverflown is true */
.pstopbar-hamburger-checkbox[data-IsOverflown="true" i],
.pstopbar-hamburger[data-IsOverflown="true" i] {
    display: flex;
    cursor: pointer;
    margin-left: auto;
    margin-right: 20px;
    border-radius: 8px;
    border: none;
    background-color: transparent;
    object-fit: contain;
}

.pstopbar-hamburger-checkbox[data-IsOverflown="true" i] {
    display: none;
}

.pstopbar-hamburger-img-default,
.pstopbar-hamburger-img-close {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.pstopbar-hamburger-img-default {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z" fill="%231A1919"/></svg>');
    filter: brightness(0) saturate(100%) invert(51%) sepia(1%) saturate(697%) hue-rotate(328deg) brightness(98%) contrast(90%);
}

.pstopbar-hamburger-img-close {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="%231A1919"/></svg>');
    filter: brightness(0) saturate(100%) invert(51%) sepia(1%) saturate(697%) hue-rotate(328deg) brightness(98%) contrast(90%);
}

/* Default state: show the default image */
.pstopbar-hamburger-img-default {
    display: inline;
}

/* Default state: hide the close image */
.pstopbar-hamburger-img-close {
    display: none;
}

/* Show the close icon when the checkbox is checked */
.pstopbar-hamburger-checkbox[data-IsOverflown="true" i]:checked + .pstopbar-hamburger[data-IsOverflown="true"] .pstopbar-hamburger-img-default {
    display: none;
}

.pstopbar-hamburger-checkbox[data-IsOverflown="true" i]:checked + .pstopbar-hamburger[data-IsOverflown="true"] .pstopbar-hamburger-img-close {
    display: inline;
}

/* Show the option tabs when the checkbox is checked */
.pstopbar-hamburger-checkbox[data-IsOverflown="true" i]:checked + .pstopbar-hamburger[data-IsOverflown="true"] + .pstopbar-option-tabs[data-IsOverflown="true"] {
    display: block;
}

/* Profile ***************************************/
.pstopbar-profile-wrapper {
    display: flex;
    gap: 10px;
    margin: 0px 32px 0px auto;
}

    .pstopbar-profile-wrapper[data-IsOverflown="true" i] {
        margin: 0px 32px 0px 0px;
    }

.pstopbar-profile {
    margin: 0px;
    background-color: transparent;
    width: auto;
    display: flex;
    align-items: center;
    border: none;
    position: relative;
    box-sizing: border-box;
    padding: 0;
}

.pstopbar-profile-text {
    font-family: "NotoSans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    margin: 24px 16px 24px 0px;
    color: #464544;
    background-color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;
}

.pstopbar-profile-img-container {
    align-items: center;
    justify-content: center;
    height: 64px;
    padding: 0;
}

.pstopbar-profile-img {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin-top: 16px;
    overflow: hidden;
    object-fit: cover;
    cursor: pointer;
}

/* Dropdown list ***************************************/
.pstopbar-profile-dropdown {
    display: none;
    position: absolute;
    top: 68px;
    right: 16px;
    background-color: #FFFFFF;
    width: 240px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EAE9E9;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);
    list-style-type: none;
    margin: 0;
    padding: 8px 1px;
    align-items: center;
    z-index: 10;
}

.pstopbar-profile-dropdown-item {
    width: 238px;
    height: 40px;
    background-color: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}

.pstopbar-profile-dropdown-item-notification {
    width: 238px;
    height: 40px;
    background-color: #FFFFFF;
    border: none;
    display: none;
    align-items: center;
    padding: 0;
}

.pstopbar-profile-dropdown-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 0;
}

.pstopbar-profile-wrapper[data-IsMessage="true" i] .pstopbar-profile-dropdown-item-notification {
    display: flex;
}

.pstopbar-profile-wrapper[data-IsMessage="false" i] .pstopbar-profile-icon {
    display: none;
}

.pstopbar-profile-wrapper[data-IsMessage="true" i] .pstopbar-profile-dropdown-item-notification {
    display: flex;
}

.pstopbar-profile-wrapper[data-IsMessage="false" i] .pstopbar-profile-dropdown-item-notification {
    display: none;
}

.pstopbar-profile-dropdown-link:hover .pstopbar-profile-dropdown-item-text {
    color: #F48220;
}

.pstopbar-profile-dropdown-link:hover .pstopbar-profile-dropdown-item-img-notifications,
.pstopbar-profile-dropdown-link:hover .pstopbar-profile-dropdown-item-img-profile-settings,
.pstopbar-profile-dropdown-link:hover .pstopbar-profile-dropdown-item-img-log-out {
    filter: invert(59%) sepia(84%) saturate(2439%) hue-rotate(349deg) brightness(101%) contrast(91%);
}

.pstopbar-profile-dropdown-link:focus .pstopbar-profile-dropdown-item-text,
.pstopbar-profile-dropdown-link:active .pstopbar-profile-dropdown-item-text {
    color: #F48220;
}

.pstopbar-profile-dropdown-link:focus .pstopbar-profile-dropdown-item-img-notifications,
.pstopbar-profile-dropdown-link:focus .pstopbar-profile-dropdown-item-img-profile-settings,
.pstopbar-profile-dropdown-link:focus .pstopbar-profile-dropdown-item-img-log-out,
.pstopbar-profile-dropdown-link:active .pstopbar-profile-dropdown-item-img-notifications,
.pstopbar-profile-dropdown-link:active .pstopbar-profile-dropdown-item-img-profile-settings,
.pstopbar-profile-dropdown-link:active .pstopbar-profile-dropdown-item-img-log-out {
    filter: invert(59%) sepia(84%) saturate(2439%) hue-rotate(349deg) brightness(101%) contrast(91%);
}

.pstopbar-profile-dropdown-link:active,
.pstopbar-profile-dropdown-link:focus {
    background-color: #FEFAF6;
}

.pstopbar-profile-dropdown-item-img-notifications,
.pstopbar-profile-dropdown-item-img-profile-settings,
.pstopbar-profile-dropdown-item-img-log-out {
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 12px;
    filter: brightness(0) saturate(100%) invert(51%) sepia(1%) saturate(697%) hue-rotate(328deg) brightness(98%) contrast(90%);
}

.pstopbar-profile-dropdown-item-img-notifications {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3239 9.16009C18.3239 7.56544 17.6781 6.0361 16.5286 4.90852C15.3791 3.78093 13.82 3.14746 12.1944 3.14746C10.5687 3.14746 9.00961 3.78093 7.8601 4.90852C6.71058 6.0361 6.06479 7.56544 6.06479 9.16009C6.06479 16.1748 3 18.179 3 18.179H21.3887C21.3887 18.179 18.3239 16.1748 18.3239 9.16009Z" stroke="%231A1919" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 3L12 2" stroke="%231A1919" stroke-width="2" stroke-linecap="round"/><path d="M15 19C15 20.6569 13.6569 22 12 22C10.3431 22 9 20.6569 9 19" stroke="%231A1919" stroke-width="2"/></svg>');
}

.pstopbar-profile-dropdown-item-img-profile-settings {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>');
}

.pstopbar-profile-dropdown-item-img-log-out {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>');
}

.pstopbar-profile-dropdown-item-text {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #5D5C5B;
    text-align: center;
    margin: 10px auto 10px 0;
}

.pstopbar-profile-button-pointer {
    position: fixed;
    background-color: transparent;
    width: 130px;
    height: 32px;
    top: 16px;
    right: 32px;
    display: fixed;
    cursor: pointer;
}

.pstopbar-profile:focus,
.pstopbar-profile:active {
    pointer-events: none;
    outline: none;
}

    /* Ensure the dropdown is displayed when the profile is focused or clicked */
    .pstopbar-profile:focus + .pstopbar-profile-dropdown,
    .pstopbar-profile:active + .pstopbar-profile-dropdown,
    .pstopbar-profile-dropdown:focus-within,
    .pstopbar-profile-dropdown:active {
        display: block !important;
    }

/* login ************************************************/
.pstopbar-login {
    margin: 16px 32px 16px auto;
    background-color: transparent;
    width: auto;
    height: 40px;
    border: none;
    color: #F48220;
    position: relative;
    cursor: pointer;
    border: 1px solid #F48220;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pstopbar-login-img {
    margin: 8px 8px 8px 16px;
    width: 24px;
    height: 24px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    border: none;
    filter: invert(59%) sepia(84%) saturate(2439%) hue-rotate(349deg) brightness(101%) contrast(91%);
}

.pstopbar-login-text {
    text-align: left;
    margin-right: 16px;
    font-family: "NotoSans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #F48220;
    background-color: transparent;
    cursor: pointer;
}

.pstopbar-login:hover {
    background-color: #FBF2E9;
    box-shadow: none;
    border: 1px solid #E66D05;
    color: #E66D05;
}

.pstopbar-login:active,
.pstopbar-login:focus {
    background-color: #FEFAF6;
    box-shadow: 0 0 0 4px #F9E7D8;
    border: 1px solid #F48220;
    color: #F48220;
}

/* Tablet layout @640px *******************************************************************/

@media screen and (max-width: 640px) {
    .pstopbar-logo-button:focus,
    .pstopbar-profile:focus {
        outline: none; /* Removes the default outline */
    }

    .pstopbar-section {
        margin-right: auto;
    }
    /* Option tabs into hamburger */
    .pstopbar-option-tabs {
        display: none;
        position: absolute;
        top: 68px;
        right: 84px;
        padding: 8px 0;
        background-color: #FFFFFF;
        width: 240px;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #EAE9E9;
        box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.2);
        z-index: 10;
    }

    .pstopbar-option-tabs-element {
        margin: 0;
        background-color: transparent;
        padding: 0;
        width: 240px;
        height: 40px;
        display: flex;
        border: none;
        cursor: pointer;
    }

    .pstopbar-option-tabs-element-text {
        font-family: "NotoSans", sans-serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #5D5C5B;
        padding: 10px 0;
        margin-left: 16px;
    }

    .pstopbar-option-tabs-element:active,
    .pstopbar-option-tabs-element[data-selected="true" i] {
        border-bottom: none;
        padding-bottom: 0;
        background-color: #FEFAF6;
    }

    .pstopbar-option-tabs-element:hover .pstopbar-option-tabs-element-text,
    .pstopbar-option-tabs-element-text:hover {
        color: #F48220;
    }

    .pstopbar-option-tabs-element[data-selected="true" i] .pstopbar-option-tabs-element-text {
        color: #F48220;
    }

    /* Display the hamburger */
    .pstopbar-hamburger {
        display: flex;
        cursor: pointer;
        margin-left: auto;
        margin-right: 20px;
        border-radius: 8px;
        border: none;
        background-color: transparent;
        object-fit: contain;
    }

    /* Ensure both SVGs are correctly styled */
    .pstopbar-hamburger-img-default {
        width: 32px;
        height: 32px;
        object-fit: contain;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z" fill="%231A1919"/></svg>');
        filter: brightness(0) saturate(100%) invert(51%) sepia(1%) saturate(697%) hue-rotate(328deg) brightness(98%) contrast(90%);
    }

    .pstopbar-hamburger-img-close {
        width: 32px;
        height: 32px;
        object-fit: contain;
        background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289Z" fill="%231A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="%231A1919"/></svg>');
        filter: brightness(0) saturate(100%) invert(51%) sepia(1%) saturate(697%) hue-rotate(328deg) brightness(98%) contrast(90%);
    }

    /* Default state: show the default image */
    .pstopbar-hamburger-img-default {
        display: inline;
    }

    /* Default state: hide the close image */
    .pstopbar-hamburger-img-close {
        display: none;
    }

    /* Show the close icon when the checkbox is checked */
    .pstopbar-hamburger-checkbox:checked + .pstopbar-hamburger .pstopbar-hamburger-img-default {
        display: none;
    }

    .pstopbar-hamburger-checkbox:checked + .pstopbar-hamburger .pstopbar-hamburger-img-close {
        display: inline;
    }

    /* Show the option tabs when the checkbox is checked */
    .pstopbar-hamburger-checkbox:checked + .pstopbar-hamburger + .pstopbar-option-tabs {
        display: block;
    }

    /* Hide the option tabs by default */
    .pstopbar-option-tabs {
        display: none;
        pointer-events: none;
    }

    /* Enable pointer events when the option tabs are visible */
    .pstopbar-hamburger-checkbox:checked + .pstopbar-hamburger + .pstopbar-option-tabs {
        pointer-events: auto;
    }

    /* profile ****************************************/
    .pstopbar-profile-wrapper {
        margin: 0px 32px 0px 0px;
    }

    .pstopbar-profile-button-pointer {
        position: fixed;
        background-color: transparent;
        width: 32px;
        height: 32px;
        top: 16px;
        right: 32px;
        display: fixed;
        cursor: pointer;
    }

    .pstopbar-profile-text {
        display: none;
    }

    .pstopbar-profile {
        margin-left: 0px;
    }

        .pstopbar-profile:active,
        .pstopbar-profile:focus {
            pointer-events: none;
        }

    .pstopbar-profile-img-container {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .pstopbar-profile-img {
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        margin-top: 0px;
    }

    /* Custom scrollbar styling *******************************/
    .pstopbar-logo-dropdown-options-list::-webkit-scrollbar {
        width: 6px;
    }

    .pstopbar-logo-dropdown-options-list::-webkit-scrollbar-thumb {
        border-radius: 3px;
    }
}
/* Phone layout **************************************************************/
@media screen and (max-width: 320px) {
    .pstopbar-root {
        height: 50px;
    }
    /* Logo as a button **************************/
    .pstopbar-logo-button {
        margin: 0px 0px 0px 10px;
        padding: 10px;
        width: 60px;
        height: 50px;
        background-color: transparent;
    }

    .pstopbar-logo-button-img {
        width: 40px;
        height: 30px;
    }

    .pstopbar-logo-button:active,
    .pstopbar-logo-button:focus {
        padding-bottom: 8px;
        border-bottom: 2px solid #F48220;
    }
    /* Dropdown list for logo button *********************/
    .pstopbar-logo-dropdown {
        top: 54px;
        left: 10px;
        background-color: #FFFFFF;
        width: 300px;
        padding: 4px 4px 30px 18px;
    }

    .pstopbar-logo-button-pointer {
        position: fixed;
        cursor: pointer;
        top: 0;
        left: 0;
        margin: 0px 0px 0px 10px;
        width: 60px;
        height: 50px;
        background-color: transparent;
    }

    .pstopbar-logo-dropdown-options-list {
        max-height: 220px;
        padding-right: 10px;
        padding-top: 26px;
    }

        /* Custom scrollbar styling *******************************/
        .pstopbar-logo-dropdown-options-list::-webkit-scrollbar {
            width: 4px;
        }

        .pstopbar-logo-dropdown-options-list::-webkit-scrollbar-track {
            background: transparent;
            box-shadow: inset 0 26px 0 0 white; /* Simulates pushing the scrollbar track down */
        }

        .pstopbar-logo-dropdown-options-list::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 2px;
        }

    /* Service section ******************************/
    .pstopbar-section {
        background-color: transparent;
        width: auto;
        border: none;
        display: flex;
        cursor: pointer;
    }

    .pstopbar-section-img {
        width: 32px;
        height: 32px;
        margin: 0;
    }

    .pstopbar-section-text {
        display: none;
    }

    /* Option tabs into hamburger */
    .pstopbar-option-tabs {
        top: 54px;
        right: 70px;
        padding: 8px 0;
        width: 240px;
    }
    /* Display the hamburger */
    .pstopbar-hamburger {
        display: flex;
        cursor: pointer;
        margin: 10px 20px 10px auto;
        border-radius: 8px;
        border: none;
        background-color: transparent;
        object-fit: contain;
    }

    /* Ensure both SVGs are correctly styled */
    .pstopbar-hamburger-img-default,
    .pstopbar-hamburger-img-close {
        padding: 1px;
        width: 30px;
        height: 30px;
    }

    /* profile ****************************************/
    .pstopbar-profile-text {
        display: none;
    }

    .pstopbar-profile-button-pointer {
        position: fixed;
        background-color: transparent;
        width: 30px;
        height: 30px;
        top: 10px;
        right: 20px;
        display: fixed;
        cursor: pointer;
    }

    .pstopbar-profile-wrapper {
        margin: 0px 20px 0px 0px;
    }

    .pstopbar-profile-img {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
        margin-top: 0px;
    }

    .pstopbar-profile-dropdown {
        top: 54px;
        right: 20px;
    }

    /* login ************************************************/
    .pstopbar-login {
        margin: 9px 20px 8px auto;
        height: 32px;
        border-radius: 6px;
    }

    .pstopbar-login-img {
        margin: 6px 6px 6px 12px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
    }

    .pstopbar-login-text {
        margin-right: 12px;
    }
}

 
/* PSButtonBase.css */  
.psbutton-base {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 8px;
    justify-content: center;
    cursor: pointer;
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: background-color 0.2s ease, background-image 0.2s ease, box-shadow 0.3s ease;

    max-width: 100%;
    overflow: hidden;
}

.psbutton-base-text {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

 
/* PSButtonBlackLink.css */  
.psbutton-blacklink {
    padding: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    color: #817f7e;

    max-width: 100%;
    overflow: hidden;
}

.psbutton-blacklink-text {
    height: 20px;
}

.psbutton-blacklink-img {
  width: 20px;
  height: 20px;
  filter: invert(49%) sepia(1%) saturate(2126%) hue-rotate(350deg)
    brightness(101%) contrast(74%);
}

.psbutton-blacklink:active,
.psbutton-blacklink:focus {
  color: #e66d05;
}

.psbutton-blacklink:active .psbutton-blacklink-img,
.psbutton-blacklink:focus .psbutton-blacklink-img {
  filter: invert(84%) sepia(84%) saturate(5532%) hue-rotate(5deg)
    brightness(94%) contrast(104%);
}

.psbutton-blacklink {
  position: relative;
  text-decoration: none;
}

.psbutton-blacklink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #817f7e;
}

.psbutton-blacklink:active::after,
.psbutton-blacklink:focus::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #f48220;
}

.psbutton-blacklink.disabled {
  color: #bfbdbb;
}
.psbutton-blacklink.disabled .psbutton-blacklink-img {
  filter: invert(49%) sepia(1.1%) saturate(2160%) hue-rotate(350deg)
    brightness(173%) contrast(80%);
}

.psbutton-blacklink.disabled::after {
  box-shadow: none;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #bfbdbb;
}
.psbutton-blacklink.disabled:active::after,
.psbutton-blacklink.disabled:focus::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #bfbdbb;
}

 
/* PSButtonFullColor.css */  
.psbutton-fullcolor {
    border: none;
    color: white;
    white-space: nowrap;
    background-color: #f48220;
    border: 1px solid #f48220;
    color: #fff;
    padding: 0 16px;
    width: 100%;
    min-width: 40px;
    height: 40px;
    border-radius: 8px;

    max-width: 100%;
    overflow: hidden;
}

.psbutton-fullcolor-text {
    height: 20px;
}

.psbutton-fullcolor-img {
  filter: invert(100%) brightness(100%) contrast(100%) saturate(100%) sepia(0%)
    hue-rotate(0deg) !important;
  width: auto;
  height: 20px;
}

.psbutton-fullcolor .psbutton-fullcolor-img {
  width: 24px;
  height: 24px;
}


.psbutton-fullcolor:hover {
  background-color: #e66d05;
  color: #fff;
}

.psbutton-fullcolor.noicon .icon {
  visibility: hidden;
  width: 0px;
}

.psbutton-fullcolor.noicon {
  gap: 0;
}

.psbutton-fullcolor:active,
.psbutton-fullcolor:focus {
  background-color: #f48220;
  color: #fff;
  box-shadow: 0 0 0 4px #f9e7d8;
}

.psbutton-fullcolor:disabled {
  background-color: #eae9e9;
  color: #bfbdbb;
  border: 1px solid #eae9e9;
}
.psbutton-fullcolor:disabled .psbutton-fullcolor-img {
  filter: invert(49%) sepia(1.1%) saturate(2160%) hue-rotate(350deg)
    brightness(173%) contrast(80%) !important;
  width: auto;
  height: 20px;
}

.psbutton-fullcolor:disabled:hover,
.psbutton-fullcolor:disabled:active,
.psbutton-fullcolor:disabled:focus {
  box-shadow: none;
}

.psbutton-fullcolor:not(:has(.psbutton-fullcolor-text)) {
  padding: 0;
}

 
/* PSButtonLink.css */  
.psbutton-link {
    padding: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    color: #1581e2;

    max-width: 100%;
    overflow: hidden;
}

.psbutton-link-text {
    height: 20px;
}

.psbutton-link-img {
  width: 20px;
  height: 20px;

}

.psbutton-link:active,
.psbutton-link:focus {
  color: #1581e2;
}

.psbutton-link:hover {
  color: #026bca;
}


.psbutton-link {
  position: relative;
  text-decoration: none;
}

.psbutton-link:hover::after,
.psbutton-link:active::after,
.psbutton-link:focus::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #1581e2;
}

.psbutton-link:hover::after {
  background-color: #026bca;
}

.psbutton-link:disabled::after {
  height: 0px;
}

.psbutton-link:disabled {
  color: #bfbdbb;
}
.psbutton-link:disabled .psbutton-link-img {
  filter: invert(48%) sepia(13%) saturate(94%) hue-rotate(349deg) brightness(137%) contrast(150%);
}

 
/* PSButtonOutline.css */  
.psbutton-outline {
  border: none;
  color: white;
  box-shadow 0.3s ease;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #f48220;
  color: #f48220;
  padding: 0 16px;
  width: 100%;
  min-width: 40px;
  height: 40px;
  border-radius: 8px;

  max-width: 100%;
  overflow: hidden;
}

.psbutton-outline-text {

}

.psbutton-outline-img {
  filter: invert(59%) sepia(84%) saturate(2439%) hue-rotate(349deg)
    brightness(101%) contrast(91%);
}

.psbutton-outline:hover {
  background-color: #fbf2e9;
  color: #e66d05;
}

.psbutton-outline:hover .psbutton-outline-img {
  filter: invert(41%) sepia(77%) saturate(1970%) hue-rotate(7deg)
    brightness(98%) contrast(96%);
}

.psbutton-outline:active .psbutton-outline-img,
.psbutton-outline:focus .psbutton-outline-img {
  filter: invert(60%) sepia(81%) saturate(4827%) hue-rotate(6deg)
    brightness(97%) contrast(96%);
}
.psbutton-outline:active,
.psbutton-outline:focus {
  background-color: #fbf2e9;
  color: #e66d05;
  box-shadow: 0 0 0 4px #f9e7d8;
}

.psbutton-outline:disabled {
  background-color: transparent;
  color: #bfbdbb;
  border: 1px solid #eae9e9;
}
.psbutton-outline:disabled .psbutton-outline-img {
  filter: invert(49%) sepia(1.1%) saturate(2160%) hue-rotate(350deg)
    brightness(173%) contrast(80%) !important;
}

.psbutton-outline:disabled:hover,
.psbutton-outline:disabled:active,
.psbutton-outline:disabled:focus {
  box-shadow: none;
}

.psbutton-outline:not(:has(.psbutton-outline-text)) {
  padding: 0;
}

 
/* PSButtonTransparent.css */  
.psbutton-transparent {
    border: none;
    color: white;
    background-color: transparent;
    color: #817f7e;
    min-width: 40px;
    width: 100%;
    height: 100%;

    max-width: 100%;
    overflow: hidden;
}

.psbutton-transparent-text {
    height: 20px;
}

.psbutton-transparent .psbutton-transparent-img {
  filter: invert(59%) sepia(0%) saturate(2227%) hue-rotate(349deg)
    brightness(86%) contrast(82%);
}


.psbutton-transparent:active,
.psbutton-transparent:focus,
.psbutton-transparent:hover {
  color: #5d5c5b;
}

.psbutton-transparent:active .psbutton-transparent-img,
.psbutton-transparent:focus .psbutton-transparent-img,
.psbutton-transparent:hover .psbutton-transparent-img {
  filter: invert(42%) sepia(0%) saturate(4247%) hue-rotate(179deg)
    brightness(84%) contrast(93%);
}

.psbutton-transparent:disabled {
  color: #bfbdbb;
}

.psbutton-transparent:disabled .psbutton-transparent-img {
  filter: invert(49%) sepia(1.1%) saturate(2160%) hue-rotate(350deg)
    brightness(173%) contrast(80%) !important;
}

.psbutton-transparent:disabled:hover,
.psbutton-transparent:disabled:active,
.psbutton-transparent:disabled:focus {
  box-shadow: none;
}

 
/* PSButtonMore.css */  
.psbuttonmore-dropdown {
  width: auto;
  position: relative;
  display: grid;
}
.psbuttonmore-dropbtn {
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  justify-self: flex-end;
}
.psbuttonmore-dropbtn:hover {
  background-color: #eae9e9;
}
.psbuttonmore-dropbtn:active,
.psbuttonmore-dropbtn:focus {
  background-color: #d8d6d5;
}

.psbuttonmore-dropdowncontent {
  display: none;
  position: absolute;
  right: 0;
  top: 44px;
  background-color: #fff;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  z-index: 1;
  max-width: 240px;

  border: 1px solid #eae9e9;
  height: auto;
}

.psbuttonmore-dropdowncontent-div {
  color: #5d5c5b;
  text-decoration: none;
  display: flex;
  height: 40px;
  justify-content: start;
  align-items: center;
  width: 238px;
  background-color: #ffffff;
  cursor: pointer;
  border: none;
  padding: 0;
}

.psbuttonmore-dropdowncontent-div > img {
  margin-left: 12px;
}

.psbuttonmore-dropdowncontent-span {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.span-with-image {
    margin-left: 8px;
}

.span-without-image {
    margin-left: 12px;
}

.psbuttonmore-dropdowncontent-div:first-child {
  margin-top: 5px;
}
.psbuttonmore-dropdowncontent-div:last-child {
  margin-bottom: 5px;
}

.psbuttonmore-dropdowncontent-div:hover {
  background-color: #fff;
  color: #f48220;
}
.psbuttonmore-dropdowncontent-div:active,
.psbuttonmore-dropdowncontent-div:focus {
  background-color: #fefaf6;
  color: #f48220;
}
.psbuttonmore-dropdowncontent-div:hover > img {
  filter: invert(65%) sepia(22%) saturate(6309%) hue-rotate(347deg)
    brightness(99%) contrast(94%);
}
.psbuttonmore-dropdowncontent-div > img {
  filter: invert(27%) sepia(4%) saturate(80%) hue-rotate(349deg) brightness(99%)
    contrast(99%);
}
.psbuttonmore-dropdowncontent-div:active > img,
.psbuttonmore-dropdowncontent-div:focus > img {
  filter: invert(65%) sepia(22%) saturate(6309%) hue-rotate(347deg)
    brightness(99%) contrast(94%);
}

 
/* PSCheckBox.css */  
.pscheckbox-input {
    opacity: 0;
    height: 21px;
    width: 21px;
    position: absolute;
    margin: 0;
}

.pscheckbox-input:hover {
    cursor: pointer;
}

.pscheckbox-check-container {
    height: 20px;
    width: 20px;
    margin-right: 15px;
    display: inline-block;
    padding: 0 0 0 0px;
    border: 1px solid #7D7D7D;
    border-radius: 2px;
}

.pscheckbox-input:checked {
    display: block;
}

.pscheckbox-input:checked + .pscheckbox-check-container {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDYuNUw5IDE3LjVMNCAxMi41IiBzdHJva2U9IiNGQUFGNTYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.pscheckbox-label {
    font-family: "NotoSans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #464544;
}

.pscheckbox-input:disabled ~ label {
    color: rgba(118, 118, 118, 0.8);

}

.pscheckbox-input-container {
    display: flex;
    margin-bottom: 15px;
}
 
/* PSComboBox.css */  
.pscombobox {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.pscombobox-input {
  position: relative;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2f2e2d;
  border-radius: 0.25rem;
  border: 1px solid #d8d6d5;
  height: 2.5rem;
  width: 100%;
  margin: 0.25rem 0;
  background-color: white;
  padding-left: 0.75rem;
}

.pscombobox-input:focus-visible,
.pscombobox-input:focus,
.pscombobox-input:hover,
.pscombobox-input:active {
  border: 0.0625rem solid #f48220 !important;
  outline: none !important;
}

.pscombobox-input:disabled {
  border: 0.0625rem solid #bfbdbb !important;
  outline: none !important;
  color: #515151;
  background-color: #f5f5f5;
  opacity: 1;
}

.pscombobox-label {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2f2e2d;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 5px;
    flex-shrink: 1;
    width: fit-content;
    margin-left: 10px;
}

 
/* PSCookie.css */  
.pscookie-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 45px;
    border-top: 1px solid #EAE9E9;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    background-color: azure;
}

.pscookie-panel {
    position: fixed; /* Fix the panel at the bottom */
    bottom: 0; /* Align it to the bottom */
    left: 0; /* Align it to the left */
    width: 100%; /* Make it full width */
    background-color: #f8f9fa; /* Light background color */
    border-top: 1px solid #ddd; /* Border at the top to separate it from content */
    padding: 15px 20px; /* Padding for content */
    display: flex; /* Flexbox for layout */
    justify-content: space-between; /* Space out content */
    align-items: center; /* Center content vertically */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
    z-index: 1000; /* Ensure it stays on top of other content */
}

    .pscookie-panel p {
        margin: 0; /* Remove default margin */
        font-size: 14px; /* Font size for text */
        color: #333; /* Text color */
    }

.accept-button {
    background-color: #007bff; /* Button background color */
    color: #fff; /* Button text color */
    border: none; /* Remove default border */
    padding: 10px 20px; /* Button padding */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Cursor change on hover */
    font-size: 14px; /* Font size */
    transition: background-color 0.3s; /* Transition effect */
}

    .accept-button:hover {
        background-color: #0056b3; /* Darker blue on hover */
    }

 
/* PSDatepicker.css */  
.psdatepicker-date {
    width: 140px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
}

.psdatepicker-date {
    cursor: default;
}

.psdatepicker-main {
    width: 100%;
    margin: 0.25rem 0;
}

.psdatepicker-input-container input::placeholder {
    color: grey;
}

.psdatepicker-datepicker-container {
    height: 320px;
    width: 300px;
    flex-direction: column;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.psdatepicker-dateimg[clickstate="false"] {
    filter: brightness(0) saturate(100%) invert(98%) sepia(5%) saturate(57%) hue-rotate(219deg) brightness(113%) contrast(84%);
}

.psdatepicker-dateimg[clickstate="true"] {
    filter: none;
}

.psdatepicker-calendarsvg[clickstate="true"] {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(122deg) brightness(90%) contrast(108%);
}

.psdatepicker-calendarsvg[clickstate="false"] {
    filter: none;
}

.psdatepicker-timesvg[clickstate="true"] {
    filter: brightness(0) saturate(100%) invert(0%) sepia(91%) saturate(7500%) hue-rotate(122deg) brightness(90%) contrast(108%);
}

.psdatepicker-timesvg[clickstate="false"] {
    filter: none;
}

.psdatepicker-root {
    height: 380px;
    width: 300px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    margin-left: 3px;
    position: absolute;
    z-index: 1;
    background: #FFFFFF;
}

.psdatepicker-dateortine {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 300px;
    height: 40px;
    font-weight: bold;
}

    .psdatepicker-dateortine button {
        font-family: Arial, sans-serif;
        flex: 1;
        font-size: 16px;
        padding: 5px 10px;
        cursor: pointer;
        float: left;
        border: none;
        background-color: #EAEAEA;
        color: #7D7D7D;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        font-weight: bold;
    }

.psdatepicker-month-buttons button {
    font-family: Arial, sans-serif;
    flex: 1;
    font-size: 16px;
    padding: 5px 10px;
    cursor: pointer;
    float: left;
    border: none;
    background-color: #FFFFFF;
    color: #7D7D7D;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: bold;
}

.psdatepicker-confirm-buttons button {
    font-family: Arial, sans-serif;
    flex: 1;
    cursor: pointer;
    float: left;
    border: none;
    gap: 8px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}


.psdatepicker-confirm-buttonsCalendar button {
    background-color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    border: none;
    gap: 8px;
    display: flex;
    align-items: center;
    height: 20px;
}

.psdatepicker-dateortine button:hover {
    background-color: #f2f2f2;
}

.psdatepicker-dateortine button.selected-tab {
    background-color: white;
    color: #000;
    font-weight: bold;
}

.psdatepicker-time-container .psdatepicker-selectedMode {
    color: #FAAF56;
}

.psdatepicker-dateortine img {
    margin-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.psdatepicker-month-buttons {
    display: flex;
    justify-content: space-between;
    margin: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    align-items: center;
}

.psdatepicker-days-of-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}

.psdatepicker-day {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}

    .psdatepicker-day:hover {
        background-color: #ddd;
    }

    .psdatepicker-day[selectedday="true"] {
        background-color: #979797;
        color: white;
    }

.psdatepicker-okBtnClass {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-left: auto;
    height: 20px;
}

.psdatepicker-navBtns {
    display: flex;
    gap: 20px;
}

    .psdatepicker-navBtns img {
        cursor: pointer;
    }


.psdatepicker-day-of-week.faded {
    color: rgba(0, 0, 0, 0.4);
    width: 10px;
    height: 10px;
}

.psdatepicker-day.past {
    color: rgba(0, 0, 0, 0.4);
}

.psdatepicker-days-of-month {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    padding: 10px;
    padding-bottom: 24px;
    padding-left: 12px;
}

.psdatepicker-input-container {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    background-color: #ffffff;
}

    .psdatepicker-input-container:hover {
        cursor: default;
    }

    .psdatepicker-input-container.disabled {
        background-color: #f5f5f5;
    }

.psdatepicker-input-invalid {
    border: 1px solid #EE3A3A;
}

.psdatepicker-date.disabled {
    color: #515151;
    background-color: #f5f5f5;
}

.psdatepicker-input-container input {
    flex: 1;
    border: none;
    outline: none;
    background-color: inherit;
}

.psdatepicker-input-container img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.psdatepicker-empty {
    visibility: hidden;
}

.psdatepicker-year {
    display: flex;
    flex-direction: column;
    position: relative;
    display: inline-block;
    font-size: 16px;
    border: none;
    font-family: Arial;
    padding: 5px;
    width: 100px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
    cursor: pointer;
}

    .psdatepicker-year select:focus {
        outline: none;
        border: none;
    }


.psdatepicker-days-of-week {
    justify-content: space-around;
    border-bottom: 1px solid rgba(234, 234, 234, 1);
    padding-bottom: 5px;
    padding-left: 20px;
    gap: 10px;
}


    .psdatepicker-days-of-week .psdatepicker-day-of-week {
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        flex: 1;
    }

.psdatepicker-day.disabled {
    color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgb(255, 255, 255);
}

.psdatepicker-clock-container {
    height: 340px;
    width: 300px;
}

.psdatepicker-confirm-buttonsCalendar {
    display: flex;
    justify-content: space-between;
}

.psdatepicker-confirm-buttons {
    display: flex;
    gap: 17px;
    margin-left: 3px;
}

    .psdatepicker-confirm-buttons img {
        width: 20px;
        height: 20px;
    }

.psdatepicker-okBtnClasstn {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-left: auto;
    width: 51px;
    height: 20px;
}

.psdatepicker-confirm-buttons button {
    border: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
}

.psdatepicker-confirm-container {
    margin-left: 10px;
    margin-bottom: 13px;
    margin-right: 10px;
}

.psdatepicker-confirm-buttons button:hover {
    background-color: #ddd;
}

.psdatepicker-confirm-buttonsCalendar button:hover {
    background-color: #ddd;
}

.psdatepicker-confirm-buttons div:hover {
    background-color: #ddd;
}

.psdatepicker-time-container {
    font-family: Arial, sans-serif;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 67px;
    border-bottom: 1px solid #EAEAEA;
    text-underline-offset: 8px;
    cursor: pointer;
}

    .psdatepicker-time-container .seltime {
        color: #FAAF56;
    }

    .psdatepicker-time-container > :where(.minute, .hour, .second) {
        text-decoration: underline;
    }

    .psdatepicker-time-container .colon {
        text-decoration: none;
    }

    .psdatepicker-time-container .hourformat {
        margin-left: 8px;
        font-weight: normal;
        text-decoration: underline;
    }

    .psdatepicker-time-container > :where(.minute, .hour, .second, .hourformat):hover {
        color: #FAAF56;
    }

.psdatepicker-confirm-time-container {
    margin: 0px 10px 13px 10px;
}

.psdatepicker-predefined {
    height: 20px;
    padding: 1px 3px;
}

 
/* PSDialogWizardBox.css */  
.psdialogwizardbox {
    display: block;
    position: fixed;
    border:none;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.psdialogwizardbox-blank-page {
    background-color: #EAE9E9;
}

.psdialogwizardbox-not-blank-page {
    background-color: rgba(58, 58, 58, 0.7);
}

.psdialogwizardbox-container {
    width: 960px;
    border-radius: 8px;
    box-shadow: 0 4px 13px -2px rgba(0,0,0,0.40);
    background-color: white;
    margin-inline: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.psdialogwizardbox-content-container {
    min-height: 100px;
    margin: 40px 30px 30px 30px;
    overflow: hidden;
    flex : 1;
}

.psdialogwizardbox-scrollable {
    overflow-y: auto;
}

.psdialogwizardbox-button-container {
    margin: 0 30px 30px 30px;
}

.psdialogwizardbox-button-container-left {
    display: inline-block;
}

.psdialogwizardbox-wizard-button-container-right {
    display: grid;
    grid-template-columns: repeat(3, 170px);
    float: right;
    gap: 15px;
}

.psdialogwizardbox-dialog-button-container-right {
    display: grid;
    grid-template-columns: repeat(2, 170px);
    float: right;
    gap: 15px;
}

.psdialogwizardbox-button-position-1 {
    grid-column: 1;
}

.psdialogwizardbox-button-position-2 {
    grid-column: 2;
}

.psdialogwizardbox-button-position-3 {
    grid-column: 3;
}
 
/* PSWaiter.css */  
/* Message Box
----------------------------------------------------*/
.pswaiter {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
}

.pswaiter-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.pswaiter-img {
    width: 200px;
    height: 200px;
}


.pswaiter-scrolling-text-container {
    overflow: hidden;
    white-space: nowrap;
    margin-top: 20px;
    width: 300px;
}

.pswaiter-scrolling-text {
    text-align: center;
    line-height: 1;
    height: 100%;
    min-width: 100%;
    vertical-align: middle;
    display: inline-block;
    font-family: var(--font-family);
    animation: scroll 10s linear infinite;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #5D5C5B;
}

@keyframes scroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}
    

 
/* PSEditBox.css */  
.pseditbox {
    min-width: 100px;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pseditbox-input {
    font-family: "NotoSans", sans-serif;
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    color: #2f2e2d;
    border-radius: 0.25rem;
    border: 1px solid #d8d6d5;
    width: 100%;
    margin: 0.25rem 0;
    background-color: #ffffff;
    padding-left: 0.75rem;
    box-sizing: border-box;
    caret-color: #f48220;
}

.pseditbox-label {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2f2e2d;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 5px;
    flex-shrink: 1;
    width: fit-content;
    margin-left: 10px;
}

.pseditbox-input-singlerow {
    height: 2.5rem;
}

.pseditbox-input-multirow {
    resize: none;
}

.pseditbox-input-invalid {
    border: 1px solid #EE3A3A;
}

.pseditbox-input-password {
    position: relative;
    font-size: 0.875rem;
    font-weight: 400;
    color: #2f2e2d;
    border-radius: 0.25rem;
    border: 1px solid #d8d6d5;
    height: 2.5rem;
    width: 100%;
    margin: 0.25rem 0;
    background-color: #ffffff;
    padding-left: 0.75rem;
    box-sizing: border-box;
    padding-right: 40px;
    caret-color: #f48220;
}

.pseditbox-toggle.pseditbox-visible {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjE5OTM2IDEyQzQuMjcwNyAxMi4xMDEzIDQuMzUyNzkgMTIuMjE1MSA0LjQ0NTI4IDEyLjMzODhDNC44NDE0NSAxMi44Njg4IDUuNDIyMDEgMTMuNTc0MSA2LjE1ODMzIDE0LjI3NjRDNy42NTIzNSAxNS43MDEzIDkuNjY1NCAxNyAxMiAxN0MxNC4zMzQ2IDE3IDE2LjM0NzYgMTUuNzAxMyAxNy44NDE3IDE0LjI3NjRDMTguNTc4IDEzLjU3NDEgMTkuMTU4NSAxMi44Njg4IDE5LjU1NDcgMTIuMzM4OEMxOS42NDcyIDEyLjIxNTEgMTkuNzI5MyAxMi4xMDEzIDE5LjgwMDYgMTJDMTkuNzI5MyAxMS44OTg3IDE5LjY0NzIgMTEuNzg0OSAxOS41NTQ3IDExLjY2MTJDMTkuMTU4NSAxMS4xMzEyIDE4LjU3OCAxMC40MjU5IDE3Ljg0MTcgOS43MjM2NEMxNi4zNDc2IDguMjk4NjkgMTQuMzM0NiA3IDEyIDdDOS42NjU0IDcgNy42NTIzNSA4LjI5ODY5IDYuMTU4MzMgOS43MjM2NEM1LjQyMjAxIDEwLjQyNTkgNC44NDE0NSAxMS4xMzEyIDQuNDQ1MjggMTEuNjYxMkM0LjM1Mjc5IDExLjc4NDkgNC4yNzA3IDExLjg5ODcgNC4xOTkzNiAxMlpNMjEgMTJDMjEuODU4NiAxMS40ODc0IDIxLjg1ODMgMTEuNDg2OCAyMS44NTgzIDExLjQ4NjhMMjEuODU2NiAxMS40ODQxTDIxLjg1MzMgMTEuNDc4NkwyMS44NDI3IDExLjQ2MTFDMjEuODMzOCAxMS40NDY2IDIxLjgyMTUgMTEuNDI2NiAyMS44MDU3IDExLjQwMTRDMjEuNzc0IDExLjM1MDkgMjEuNzI4NSAxMS4yNzk2IDIxLjY2OTYgMTEuMTkwNUMyMS41NTE3IDExLjAxMjMgMjEuMzc5NiAxMC43NjIxIDIxLjE1NjcgMTAuNDYzOEMyMC43MTIgOS44Njg4MyAyMC4wNTg0IDkuMDc0MDkgMTkuMjIyIDguMjc2MzZDMTcuNTcwNiA2LjcwMTMxIDE1LjA4MzcgNSAxMiA1QzguOTE2MzIgNSA2LjQyOTM3IDYuNzAxMzEgNC43Nzc5NyA4LjI3NjM2QzMuOTQxNTcgOS4wNzQwOSAzLjI4ODA1IDkuODY4ODMgMi44NDMzMyAxMC40NjM4QzIuNjIwMzcgMTAuNzYyMSAyLjQ0ODI5IDExLjAxMjMgMi4zMzA0MyAxMS4xOTA1QzIuMjcxNDcgMTEuMjc5NiAyLjIyNTk2IDExLjM1MDkgMi4xOTQzMyAxMS40MDE0QzIuMTc4NTEgMTEuNDI2NiAyLjE2NjE2IDExLjQ0NjYgMi4xNTczMSAxMS40NjExTDIuMTQ2NjggMTEuNDc4NkwyLjE0MzM1IDExLjQ4NDFMMi4xNDIxOSAxMS40ODZDMi4xNDIxOSAxMS40ODYgMi4xNDEzNiAxMS40ODc0IDMgMTJMMi4xNDEzNiAxMS40ODc0QzEuOTUyODggMTEuODAzMiAxLjk1Mjg4IDEyLjE5NjggMi4xNDEzNiAxMi41MTI2TDMgMTJDMi4xNDEzNiAxMi41MTI2IDIuMTQxMzYgMTIuNTEyNiAyLjE0MTM2IDEyLjUxMjZMMi4xNDMzNSAxMi41MTU5TDIuMTQ2NjggMTIuNTIxNEwyLjE1NzMxIDEyLjUzODlDMi4xNjYxNiAxMi41NTM0IDIuMTc4NTEgMTIuNTczNCAyLjE5NDMzIDEyLjU5ODZDMi4yMjU5NiAxMi42NDkxIDIuMjcxNDcgMTIuNzIwNCAyLjMzMDQzIDEyLjgwOTVDMi40NDgyOSAxMi45ODc3IDIuNjIwMzcgMTMuMjM3OSAyLjg0MzMzIDEzLjUzNjJDMy4yODgwNSAxNC4xMzEyIDMuOTQxNTcgMTQuOTI1OSA0Ljc3Nzk3IDE1LjcyMzZDNi40MjkzNyAxNy4yOTg3IDguOTE2MzIgMTkgMTIgMTlDMTUuMDgzNyAxOSAxNy41NzA2IDE3LjI5ODcgMTkuMjIyIDE1LjcyMzZDMjAuMDU4NCAxNC45MjU5IDIwLjcxMiAxNC4xMzEyIDIxLjE1NjcgMTMuNTM2MkMyMS4zNzk2IDEzLjIzNzkgMjEuNTUxNyAxMi45ODc3IDIxLjY2OTYgMTIuODA5NUMyMS43Mjg1IDEyLjcyMDQgMjEuNzc0IDEyLjY0OTEgMjEuODA1NyAxMi41OTg2QzIxLjgyMTUgMTIuNTczNCAyMS44MzM4IDEyLjU1MzQgMjEuODQyNyAxMi41Mzg5TDIxLjg1MzMgMTIuNTIxNEwyMS44NTY2IDEyLjUxNTlMMjEuODU3OCAxMi41MTRDMjEuODU3OCAxMi41MTQgMjEuODU4NiAxMi41MTI2IDIxIDEyWk0yMSAxMkwyMS44NTg2IDEyLjUxMjZDMjIuMDQ3MSAxMi4xOTY4IDIyLjA0NjcgMTEuODAyNSAyMS44NTgzIDExLjQ4NjhMMjEgMTJaIiBmaWxsPSIjQTZBM0EwIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMTBDMTAuODk1NCAxMCAxMCAxMC44OTU0IDEwIDEyQzEwIDEzLjEwNDYgMTAuODk1NCAxNCAxMiAxNEMxMy4xMDQ2IDE0IDE0IDEzLjEwNDYgMTQgMTJDMTQgMTAuODk1NCAxMy4xMDQ2IDEwIDEyIDEwWk04IDEyQzggOS43OTA4NiA5Ljc5MDg2IDggMTIgOEMxNC4yMDkxIDggMTYgOS43OTA4NiAxNiAxMkMxNiAxNC4yMDkxIDE0LjIwOTEgMTYgMTIgMTZDOS43OTA4NiAxNiA4IDE0LjIwOTEgOCAxMloiIGZpbGw9IiNBNkEzQTAiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.pseditbox-toggle.pseditbox-no-visible {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjA3MjgzIDYuNDg3MDRDNi4xOTA2IDcuMDMwNzEgNS40MjA5NSA3LjY2MzExIDQuNzc3OTcgOC4yNzYzNkMzLjk0MTU3IDkuMDc0MDkgMy4yODgwNSA5Ljg2ODgzIDIuODQzMzMgMTAuNDYzOEMyLjYyMDM3IDEwLjc2MjEgMi40NDgyOSAxMS4wMTIzIDIuMzMwNDMgMTEuMTkwNUMyLjI3MTQ3IDExLjI3OTYgMi4yMjU5NiAxMS4zNTA5IDIuMTk0MzMgMTEuNDAxNEMyLjE3ODUxIDExLjQyNjYgMi4xNjYxNiAxMS40NDY2IDIuMTU3MzEgMTEuNDYxMUwyLjE0NjY4IDExLjQ3ODZMMi4xNDMzNSAxMS40ODQxTDIuMTQyMTkgMTEuNDg2QzIuMTQyMTkgMTEuNDg2IDIuMTQxMzYgMTEuNDg3NCAzIDEyTDIuMTQxMzYgMTEuNDg3NEMxLjk1Mjg4IDExLjgwMzIgMS45NTI4OCAxMi4xOTY4IDIuMTQxMzYgMTIuNTEyNkwzIDEyQzIuMTQxMzYgMTIuNTEyNiAyLjE0MTM2IDEyLjUxMjYgMi4xNDEzNiAxMi41MTI2TDIuMTQyMTkgMTIuNTE0TDIuMTQzMzUgMTIuNTE1OUwyLjE0NjY4IDEyLjUyMTRMMi4xNTczMSAxMi41Mzg5QzIuMTY2MTYgMTIuNTUzNCAyLjE3ODUxIDEyLjU3MzQgMi4xOTQzMyAxMi41OTg2QzIuMjI1OTYgMTIuNjQ5MSAyLjI3MTQ3IDEyLjcyMDQgMi4zMzA0MyAxMi44MDk1QzIuNDQ4MjkgMTIuOTg3NyAyLjYyMDM3IDEzLjIzNzkgMi44NDMzMyAxMy41MzYyQzMuMjg4MDUgMTQuMTMxMiAzLjk0MTU3IDE0LjkyNTkgNC43Nzc5NyAxNS43MjM2QzYuNDI5MzcgMTcuMjk4NyA4LjkxNjMyIDE5IDEyIDE5QzE0LjIxNDEgMTkgMTYuMTIwNiAxOC4xMjI5IDE3LjYzMSAxNy4wNDUyTDE2LjE5MzcgMTUuNjA3OUMxNC45NzkgMTYuNDE5MSAxMy41NjE0IDE3IDEyIDE3QzkuNjY1NCAxNyA3LjY1MjM1IDE1LjcwMTMgNi4xNTgzMyAxNC4yNzY0QzUuNDIyMDEgMTMuNTc0MSA0Ljg0MTQ1IDEyLjg2ODggNC40NDUyOCAxMi4zMzg4QzQuMzUyNzkgMTIuMjE1MSA0LjI3MDcgMTIuMTAxMyA0LjE5OTM2IDEyQzQuMjcwNyAxMS44OTg3IDQuMzUyNzkgMTEuNzg0OSA0LjQ0NTI4IDExLjY2MTJDNC44NDE0NSAxMS4xMzEyIDUuNDIyMDEgMTAuNDI1OSA2LjE1ODMzIDkuNzIzNjRDNi44NDY3MyA5LjA2NzA2IDcuNjQ1MzMgOC40MzcyOSA4LjUzNDgxIDcuOTQ5MDJMNy4wNzI4MyA2LjQ4NzA0Wk0xNy43NjQxIDE0LjM0OThDMTcuNzkwMSAxNC4zMjU0IDE3LjgxNiAxNC4zMDA5IDE3Ljg0MTcgMTQuMjc2NEMxOC41NzggMTMuNTc0MSAxOS4xNTg1IDEyLjg2ODggMTkuNTU0NyAxMi4zMzg4QzE5LjY0NzIgMTIuMjE1MSAxOS43MjkzIDEyLjEwMTMgMTkuODAwNiAxMkMxOS43MjkzIDExLjg5ODcgMTkuNjQ3MiAxMS43ODQ5IDE5LjU1NDcgMTEuNjYxMkMxOS4xNTg1IDExLjEzMTIgMTguNTc4IDEwLjQyNTkgMTcuODQxNyA5LjcyMzY0QzE2LjM0NzYgOC4yOTg2OSAxNC4zMzQ2IDcgMTIgN0MxMS41MTAyIDcgMTEuMDM0NSA3LjA1NzE2IDEwLjU3NDkgNy4xNjA2Nkw4Ljk2OTMyIDUuNTU1MTFDOS44OTgyNyA1LjIxMTc5IDEwLjkxMiA1IDEyIDVDMTUuMDgzNyA1IDE3LjU3MDYgNi43MDEzMSAxOS4yMjIgOC4yNzYzNkMyMC4wNTg0IDkuMDc0MDkgMjAuNzEyIDkuODY4ODMgMjEuMTU2NyAxMC40NjM4QzIxLjM3OTYgMTAuNzYyMSAyMS41NTE3IDExLjAxMjMgMjEuNjY5NiAxMS4xOTA1QzIxLjcyODUgMTEuMjc5NiAyMS43NzQgMTEuMzUwOSAyMS44MDU3IDExLjQwMTRDMjEuODIxNSAxMS40MjY2IDIxLjgzMzggMTEuNDQ2NiAyMS44NDI3IDExLjQ2MTFMMjEuODUzMyAxMS40Nzg2TDIxLjg1NjYgMTEuNDg0MUwyMS44NTc4IDExLjQ4NkMyMS44NTc4IDExLjQ4NiAyMS44NTg2IDExLjQ4NzQgMjEgMTJDMjEuODU4NiAxMi41MTI2IDIxLjg1ODMgMTIuNTEzMiAyMS44NTgzIDEyLjUxMzJMMjEuODU2NiAxMi41MTU5TDIxLjg1MzMgMTIuNTIxNEwyMS44NDI3IDEyLjUzODlDMjEuODMzOCAxMi41NTM0IDIxLjgyMTUgMTIuNTczNCAyMS44MDU3IDEyLjU5ODZDMjEuNzc0IDEyLjY0OTEgMjEuNzI4NSAxMi43MjA0IDIxLjY2OTYgMTIuODA5NUMyMS41NTE3IDEyLjk4NzcgMjEuMzc5NiAxMy4yMzc5IDIxLjE1NjcgMTMuNTM2MkMyMC43MTIgMTQuMTMxMiAyMC4wNTg0IDE0LjkyNTkgMTkuMjIyIDE1LjcyMzZDMTkuMjA3NyAxNS43MzczIDE5LjE5MzMgMTUuNzUxIDE5LjE3ODkgMTUuNzY0N0wxNy43NjQxIDE0LjM0OThaTTIxIDEyTDIxLjg1ODYgMTEuNDg3NEMyMi4wNDcxIDExLjgwMzIgMjIuMDQ2NyAxMi4xOTc1IDIxLjg1ODMgMTIuNTEzMkwyMSAxMloiIGZpbGw9IiNBNkEzQTAiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ3OTU4IDguODkzNzlDOC41NzY4MyA5LjYyNzIgOCAxMC43NDYyIDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZDMTMuMjUzOCAxNiAxNC4zNzI4IDE1LjQyMzIgMTUuMTA2MiAxNC41MjA0TDEzLjY3NjYgMTMuMDkwOEMxMy4zMTk4IDEzLjYzODIgMTIuNzAyMSAxNCAxMiAxNEMxMC44OTU0IDE0IDEwIDEzLjEwNDYgMTAgMTJDMTAgMTEuMjk3OSAxMC4zNjE4IDEwLjY4MDIgMTAuOTA5MiAxMC4zMjM0TDkuNDc5NTggOC44OTM3OVpNMTUuOTYyNyAxMi41NDg1QzE1Ljk4NzMgMTIuMzY5MiAxNiAxMi4xODYxIDE2IDEyQzE2IDkuNzkwODYgMTQuMjA5MSA4IDEyIDhDMTEuODEzOSA4IDExLjYzMDggOC4wMTI3MSAxMS40NTE1IDguMDM3MjlMMTUuOTYyNyAxMi41NDg1WiIgZmlsbD0iI0E2QTNBMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuMjkyODkgNC4yOTI4OUM0LjY4MzQyIDMuOTAyMzcgNS4zMTY1OCAzLjkwMjM3IDUuNzA3MTEgNC4yOTI4OUwxOS43MDcxIDE4LjI5MjlDMjAuMDk3NiAxOC42ODM0IDIwLjA5NzYgMTkuMzE2NiAxOS43MDcxIDE5LjcwNzFDMTkuMzE2NiAyMC4wOTc2IDE4LjY4MzQgMjAuMDk3NiAxOC4yOTI5IDE5LjcwNzFMNC4yOTI4OSA1LjcwNzExQzMuOTAyMzcgNS4zMTY1OCAzLjkwMjM3IDQuNjgzNDIgNC4yOTI4OSA0LjI5Mjg5WiIgZmlsbD0iI0E2QTNBMCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.pseditbox-toggle.pseditbox-visible[disabled="true"],
.pseditbox-toggle.pseditbox-visible[readonly="true"] {
    filter: invert(100%) sepia(11.6%) contrast(0%) brightness(158%) saturate(968%) hue-rotate(207deg);
    pointer-events: none;
    opacity: 0.9;
}

.pseditbox-input-password:focus-visible,
.pseditbox-input-password:focus,
.pseditbox-input-password:hover,
.pseditbox-input-password:active,
.pseditbox-input:focus-visible,
.pseditbox-input:focus,
.pseditbox-input:hover,
.pseditbox-input:active {
    border: 1px solid #f48220;
    outline: none;
}

.pseditbox-input-password::placeholder,
.pseditbox-input::placeholder {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 5%;
    color: var(--input-placeholder-text-color);
}

.pseditbox-input-password[error="true"],
.pseditbox-input[error="true"] {
    border: 1px solid #ee3a3a;
    outline: none;
    background-color: #ffffff;
}

.pseditbox-input-password[readonly] + span > img,
.pseditbox-input-password:disabled + span > img {
    filter: invert(100%) sepia(11.6%) contrast(0%) brightness(158%) saturate(968%) hue-rotate(207deg);
}

.pseditbox-input-password[readonly],
.pseditbox-input[readonly],
.pseditbox-input-password:disabled,
.pseditbox-input:disabled {
    border: 1px solid #bfbdbb;
    outline: none;
    color: #515151;
    background-color: #f5f5f5;
}

.pseditbox-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

    .pseditbox-toggle:focus,
    .pseditbox-toggle:active {
        outline: none;
        border: none;
    }

.pseditbox > span {
    height: 24px;
}

 
/* PSErrorMessage.css */  
.pserrormessage-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pserrormessage-item-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pserrormessage-icon {
    width: 18px;
    height: 18px;
}

.pserrormessage-text {
    font-family: "NotoSans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #EE3A3A;
}

.pserrormessage-hide {
    display: none;
}
 
/* PSFileUploader.css */  
.psfileuploader-root {
    min-width: 100px;
    max-width: 800px;
    width: 100%;
}

.psfileuploader-main-container {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.psfileuploader-input-container {
    height: 40px;
    min-width: 100px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 10px;
    display: flex;
    align-items: center;
}

.psfileuploader-image-input-container {
    min-height: 40px;
    min-width: 100px;
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.psfileuploader-input-container-disabled {
    background-color: #f5f5f5;
}

.psfileuploader-input {
    box-sizing: border-box;
    border: none;
    color: #2f2e2d;
    background-color: #ffffff;
    outline: none;
    font-family: "NotoSans", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    width: 100%;
    text-overflow: ellipsis;
}

.psfileuploader-status-image {
    width: 23px;
    height: 23px;
    margin-left: 3px;
}

.psfileuploader-input::placeholder {
    color: var(--input-placeholder-text-color);
}

.psfileuploader-input-disabled {
    color: #515151;
    background-color: #f5f5f5;
}

.psfileuploader-fileinput {
    display: none;
}

.psfileuploader-progressbar[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10em;
    background: lightgrey;
    height: 12px;
    width: 100%;
}

.psfileuploader-progressbar[value]::-webkit-progress-bar {
    border-radius: 10em;
    background: lightgrey;
    height: 12px;
}

.psfileuploader-progressbar[value]::-webkit-progress-value {
    border-radius: 10em;
    background: #811331;
}

.psfileuploader-progressbar[value]::-moz-progress-bar {
    border-radius: 10em;
    background: #811331;
}

.psfileuploader-error-text {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #EE3A3A;
}

.psfileuploader-info-container {
    height: 20px;
}
 
/* PSFormBar.css */  
.psformbar-container {
    position: relative;
    box-sizing: border-box;
    height: auto;
    width: 100%;
}

.psformbar-underline {
    width: 100%;
    height: 1px;
    background-color: #eae9e9;
}

.psformbar-content-container {
    display: grid;
    grid-template-columns: minmax(100px, 400px) auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.psformbar-text-wrapper {
    overflow-wrap: break-word;
}

.psformbar-buttons-wrapper {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.psformbar-title {
    font-family: "NotoSans", sans-serif;
    font-size: 18px;
    font-weight: bold;
    white-space: normal;
}

.psformbar-description {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #817f7e;
    text-align: left;
    white-space: nowrap;
    flex-shrink: 1;
    width: fit-content;
    white-space: normal;
}

@media screen and (max-width: 768px) {
    .psformbar-description {
        height: 0px;
        visibility: hidden;
    }
}
 
/* PSForms.css */  
.psformcontainer-root {
    position: relative;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    
    /*padding: 20px 15px 0 15px;*/
}

.psformcontainer-form {
    display: grid;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 13px;
    max-width: 100%;
    visibility: hidden;
}

.psformcontainer-form-center {
    margin: auto;
}

.psform-hr {
    width: 100%;
    height: 1px;
    background-color: #eae9e9;
    grid-area: block3;
}

.psform-title {
    font-size: 18px;
    font-weight: bold;
}

.psformitem-root {
    display: grid;
    grid-template-columns: minmax(100px, 240px) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "block1 block2"
        "block3 block3";
    width: 100%;
    height: auto;
    column-gap: 15px;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
}

.underline-row-gap {
    row-gap: 10px;
}

.psformitem-text-wrapper {
    display: flex;
    flex-direction: column;
    height: auto;
    min-width: 100px;
    position: relative;
    gap: 0;
    box-sizing: border-box;
    grid-area: block1;
}

.psformitem-text-wrapper-center {
    justify-content: center;
    margin: 0;
    margin-right: 20px;
}


.psformitem-text-wrapper-top {
    margin-top: 4px;
    margin-right: 20px;
}

.psformitem-text-wrapper-align-right {
    align-items: flex-end;
}

.psformitem-title {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2f2e2d;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 5px;
    flex-shrink: 1;
    width: fit-content;
}

.psformitem-description {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #817f7e;
    text-align: left;
    white-space: nowrap;
    flex-shrink: 1;
    width: fit-content;
}

.pssformitem-shrink-on-resize {
    width: 100% !important;
}

div.psformitem-root > .psformitem-input-container > .psformitem-input-wrapper > .pseditbox > .pseditbox-input {
    margin: 0;
}

div.psformitem-root > .psformitem-input-container > .psformitem-input-wrapper > .pseditbox {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    width: 100%;
}

.psformitem-input-button {
    width: 40%;
    border-radius: 8px;
    height: 40px;
}

.psformitem-input-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    grid-area: block2;
    min-height: 48px;
}

.psformcolumn-root {
    display: grid;
    gap: 13px;
    grid-auto-rows: max-content;
    margin-top: 13px;
}


/* MultiColumn styles */
.psformcontainer-form-multicolumn {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    width: 100%;
    height: auto;
    gap: 30px;
    max-width: 100%;
}

.psmulticolumnformitem-root {
    display: grid;
    grid-template-rows: auto auto;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    grid-template-columns: 1fr;
    grid-template-areas:
        "block1"
        "block2"
        "block3";
    column-gap: 0;
}

.psmulticolumnformitem-title {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #2f2e2d;
    text-align: left;
    white-space: nowrap;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.psmulticolumnformitem-text-wrapper {
    display: flex;
    align-items: center;
    height: auto;
    min-width: 100px;
    position: relative;
    gap: 5px;
    box-sizing: border-box;
    grid-area: block1;
    margin-bottom: 5px;
}

.psmulticolumnformitem-questionmark {
    background-color: #EAE9E9;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    min-width: 13px;
    font-size: 10px;
    font-family: "NotoSans", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 3px;
    position: relative;
}

.psmulticolumnformitem-description {
    display: none;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: auto;
    max-width: 300px;
    padding: 5px 10px;
    background-color: #EAE9E9;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 30px;
}

.psmulticolumnformitem-input-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    grid-area: block2;
    min-height: 48px;
}

.psmulticolumnformitem-questionmark:hover .psmulticolumnformitem-description {
    display: inline-block;
}


@media screen and (max-width: 930px) {
    .psformitem-input-container {
        width: 100%;
    }
}


@media screen and (max-width: 768px) {
    .psformitem-root {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "block1"
            "block2"
            "block3";
        column-gap: 0;
    }

    .psformitem-input-container {
        margin-bottom: 10px;
    }

    .psformitem-text-wrapper {
        align-self: center;
        width: auto !important;
    }

    .psformitem-text-wrapper-align-right {
        align-items: flex-start;
    }

    .psformitem-description {
        height: 0px;
        visibility: hidden;
    }
}

@media screen and (max-width: 340px) {
    .psformitem-root {
        grid-template-columns: minmax(100px, 240px) 100%;
        grid-template-rows: auto auto;
        grid-template-areas:
            "block1 block2"
            "block3 block3";
        row-gap: 10px;
        column-gap: 10px;
    }

    .psformitem-title {
        font-family: "NotoSans", sans-serif;
        font-size: 12px;
        line-height: 20px;
    }

    .psformitem-input-wrapper {
        height: 36px;
    }
}



 
/* PSGrid.css */  
.psgrid {
  width: 100%;
}

/*
.psgrid-container-table::-webkit-scrollbar {
    width: 10px;
}
.psgrid-container-table::-webkit-scrollbar-track {
    background: #f1f1f1;
    margin-top: 48px;
}
.psgrid-container-table::-webkit-scrollbar-thumb {
    background: #888;
}
.psgrid-container-table::-webkit-scrollbar-thumb:hover {
    background: #555;
}
*/

td.psgrid-hidden-cell, th.psgrid-hidden-cell {
    display: none !important;
}

.psgrid-container-table {
  border: var(--table-border-color) 1px solid;
  border-radius: 8px;
  width: 100%;
  overflow-x: auto;
  background-color: white;
}

.psgrid-container-table-scrollable {
    border-right: none !important;
    border-radius: 8px 0px 0px 8px;
}

.psgrid-container-hide-overflowy {
    overflow-y: hidden;
}

.psgrid-filter-container {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

table.psgrid-table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-bottom: 0;
    vertical-align: middle;
    background-color: var(--table-bg-color);
    color: var(--table-text-color);
    border-spacing: 0px;
    display: table;
    /*border-radius: 8px;*/
    border: 0;
    font-family: "NotoSans", sans-serif;
    contain: paint;
}

.psgrid-table-even {
    table-layout: fixed;
}

.psgrid-table-head {
    background-color: var(--table-header-bg-color);
    position: sticky;
    top: 0;
}

.psgrid-table-head > .psgrid-thead-row {
    height: 48px;
}
.psgrid-table-head > .psgrid-thead-row > th {
  background-color: var(--table-header-bg-color);
  color: var(--table-header-text-color);
  font-size: 14px;
  font-weight: bold;
  color: #5d5c5b;
  box-sizing: border-box;
  position: sticky;
  top: 0;
}

.psgrid-table-head > .psgrid-thead-row > th:first-child {
  border-radius: 8px 0 0 0;
}
.psgrid-table-head > .psgrid-thead-row > th:last-child {
  border-radius: 0 8px 0 0;
}
.psgrid-table-body > .psgrid-tbody-row:nth-child(n + 5) > td:first-child {
  border-radius: 0 0 0 8px;
}
.psgrid-table-body > .psgrid-tbody-row:nth-child(n + 5) > td:last-child {
  border-radius: 0 0 8px 0;
}

.psgrid-thead-row-scrollable > th:last-child {
    border-radius: 0 !important;
}

.psgrid-table-body.psgrid-table-body-scrollable > .psgrid-tbody-row:nth-child(n + 5) > td:last-child {
    border-radius: 0 !important;
}

.psgrid-table-head,
.psgrid-table-body,
.psgrid-thead-row,
.psgrid-tbody-row {
    height: 40px;
}

.psgrid-table-body > .psgrid-tbody-row > td,
.psgrid-table-head > .psgrid-thead-row > th {
  width: auto;
}

.psgrid-tbody-row > td,
.psgrid-thead-row > th {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: min-content;
  width: 100%;
  word-break: break-all;
}

.psgrid-table-head th:first-child {
  justify-self: left;
  padding-left: 26px;
}

.psgrid-table-head th:last-child {
  padding-right: 26px;
}

.psgrid-table-head th {
  text-align: left;

  padding-left: 20px;
}

.psgrid-table-head th > div {
  display: flex;
  align-items: center;
}

.psgrid-table-body > .psgrid-tbody-row > td:first-child {
  padding-left: 26px;
}

.psgrid-table-body > .psgrid-tbody-row > td:last-child {
  padding-right: 26px;
}

.psgrid-table-body > .psgrid-tbody-row > td {
  vertical-align: middle;
  padding-left: 20px;
}

.psgrid-td-left {
    text-align: left;
}

.psgrid-td-center {
    text-align: center;
}

.psgrid-td-right {
    text-align: right;
}



.psgrid-image {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

tr.psgrid-tbody-row > td > img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
}

th:last-child {
  border: 0;
}

.psgrid-tbody-row:nth-child(even) td {
  background-color: var(--table-bg-alt-color);
}
.psgrid-tbody-row:nth-child(odd) td {
  background-color: var(--table-row-bg-color);
}

.psgrid-table > .psgrid-table-head div:first-child {
  border-top-left-radius: 8px;
}

.psgrid-table > .psgrid-table-head div:last-child {
  border-top-right-radius: 8px;
}

.psgrid-table > .psgrid-table-head div {
  min-width: 100%;
}

th[sortable="asc"] > div > .psgrid-sort {
  cursor: pointer;
  filter: invert(33%) sepia(0%) saturate(2720%) hue-rotate(181deg)
    brightness(87%) contrast(66%);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjA3MTYgMTVIMTYuNzkyOUMxNy4yMzg0IDE1IDE3LjQ2MTUgMTQuNDYxNCAxNy4xNDY1IDE0LjE0NjRMMTIuMzUzNiA5LjM1MzU1QzEyLjE1ODMgOS4xNTgyOSAxMS44NDE4IDkuMTU4MjkgMTEuNjQ2NSA5LjM1MzU1TDYuODUzNiAxNC4xNDY0QzYuNTM4NjIgMTQuNDYxNCA2Ljc2MTcgMTUgNy4yMDcxNiAxNVoiIGZpbGw9IiMxQTE5MTkiLz4KPC9zdmc+Cg==");
}

th[sortable="none"] > div > .psgrid-sort {
  cursor: pointer;
  filter: invert(33%) sepia(0%) saturate(2720%) hue-rotate(181deg)
    brightness(87%) contrast(66%);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY2NzEgMTFMMTUuNTMzMyAxMUMxNS45NDgzIDExIDE2LjE1NjEgMTAuNDM4MiAxNS44NjI2IDEwLjEwOTZMMTIuMzI5NCA2LjE1Mjc3QzEyLjE0NzUgNS45NDkwOCAxMS44NTI1IDUuOTQ5MDggMTEuNjcwNiA2LjE1Mjc3TDguMTM3MzYgMTAuMTA5NkM3Ljg0MzkzIDEwLjQzODIgOC4wNTE3NSAxMSA4LjQ2NjcxIDExWiIgZmlsbD0iIzFBMTkxOSIvPgo8cGF0aCBkPSJNMTUuNTMzMyAxM0g4LjQ2NjcxQzguMDUxNzUgMTMgNy44NDM5MyAxMy41NjE4IDguMTM3MzYgMTMuODkwNEwxMS42NzA2IDE3Ljg0NzJDMTEuODUyNSAxOC4wNTA5IDEyLjE0NzUgMTguMDUwOSAxMi4zMjk0IDE3Ljg0NzJMMTUuODYyNiAxMy44OTA0QzE2LjE1NjEgMTMuNTYxOCAxNS45NDgzIDEzIDE1LjUzMzMgMTNaIiBmaWxsPSIjMUExOTE5Ii8+Cjwvc3ZnPgo=");
}

th[sortable="desc"] > div > .psgrid-sort {
  cursor: pointer;
  filter: invert(33%) sepia(0%) saturate(2720%) hue-rotate(181deg)
    brightness(87%) contrast(66%);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: 5px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljc5MjggOUg3LjIwNzA2QzYuNzYxNiA5IDYuNTM4NTIgOS41Mzg1NyA2Ljg1MzUgOS44NTM1NUwxMS42NDY0IDE0LjY0NjRDMTEuODQxNyAxNC44NDE3IDEyLjE1ODIgMTQuODQxNyAxMi4zNTM1IDE0LjY0NjRMMTcuMTQ2NCA5Ljg1MzU1QzE3LjQ2MTQgOS41Mzg1NyAxNy4yMzgzIDkgMTYuNzkyOCA5WiIgZmlsbD0iIzFBMTkxOSIvPgo8L3N2Zz4K");
}

tr > th[sortable="desc"] > div,
tr > th[sortable="none"] > div,
tr > th[sortable="asc"] > div {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.psgrid-sort {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/*Paginators Start*/

.psgrid-paginator {
  width: auto;
  display: flex;
  justify-content: center;
}

.psgrid-paginator-not-empty {
  padding-top: 30px;
}

.psgrid-paginator div {
  list-style: none;
}

.psgrid-paginator div:hover {
  color: #f48220;
}

.psgrid-paginator > div:first-child[status="disabled"] {
  background-color: #fafafa;
}

.psgrid-paginator > div:first-child[status="active"]:hover {
  color: #f48220;
  background-color: #fff;
  width: auto;
}

.psgrid-paginator > div:first-child[status="active"] {
  border: 1px solid #d8d6d5;
  background-color: #fff;
  width: auto;
}

.psgrid-paginator > div:first-child[status="active"] > img {
  filter: invert(46%) sepia(15%) saturate(21%) hue-rotate(318deg)
    brightness(90%) contrast(84%);
}

.psgrid-paginator > div:last-child[status="active"] {
  color: #f48220;
  background-color: #fff;
  width: auto;
}
.psgrid-paginator div:first-child[status="active"]:hover > img {
  filter: invert(73%) sepia(50%) saturate(5549%) hue-rotate(348deg)
    brightness(100%) contrast(92%);
}
.psgrid-paginator div:first-child[status="disabled"] > img {
  filter: invert(78%) sepia(5%) saturate(14%) hue-rotate(349deg) brightness(97%)
    contrast(160%);
}

.psgrid-paginator div:last-child[status="disabled"] {
  background-color: #fafafa;
}

.psgrid-paginator div:last-child[status="disabled"] > img {
  filter: invert(78%) sepia(5%) saturate(14%) hue-rotate(349deg) brightness(97%)
    contrast(160%);
}

.psgrid-paginator div:last-child[status="active"] > img {
  filter: invert(73%) sepia(50%) saturate(5549%) hue-rotate(348deg)
    brightness(100%) contrast(92%);
}
.psgrid-paginator div {
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 10px 8px; */
  /* margin: 1px 0px; */
  max-width: 20px;
  width: 100%;
  height: 40px;
  min-width: 40px;
  color: #717171;
  background-color: #fff;
  text-decoration: none;
  /* box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px; */
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #d8d6d5;
}
.psgrid-paginator div a {
  text-decoration: none;
  font-size: 14px;
  color: #717171;
}

.psgrid-paginator div[status="active"] {
  color: #f48220;
  background-color: #fefaf6;
  border: 1px solid #facea8;
}

.psgrid-paginator div:last-child[status="active"] {
  background-color: #fff;
  width: auto;
  border: 1px solid #d8d6d5;
}
.psgrid-paginator div:last-child[status="active"] img {
  filter: invert(91%) sepia(5%) saturate(114%) hue-rotate(349deg)
    brightness(85%) contrast(86%);
}

.psgrid-paginator div:first-child {
  border-radius: 6px 0 0 6px;
}
.psgrid-paginator div:last-child {
  border-radius: 0 6px 6px 0;
}

.psgrid-paginator div:first-child.active + li:nth-child(2) {
  border-radius: 6px 0 0 6px;
}
/*Paginators End*/

/*Search Start*/
.psgrid-search-container {
    position: relative;
    display: flex;
    justify-content: end;
    margin: 0.25rem 0 0.25rem auto;
    width: 342px;
}

.psgrid-search-container > input {
  background-color: var(--table-bg-color);
  border-top: 1px solid var(--table-border-color);
  border-right: 0px;
  border-bottom: 1px solid var(--table-border-color);
  border-left: 1px solid var(--table-border-color);
  padding-left: 15px;
  padding-right: 45px;
  box-sizing: border-box;
  /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDVDNy40NjI0MyA1IDUgNy40NjI0MyA1IDEwLjVDNSAxMy41Mzc2IDcuNDYyNDMgMTYgMTAuNSAxNkMxMy41Mzc2IDE2IDE2IDEzLjUzNzYgMTYgMTAuNUMxNiA3LjQ2MjQzIDEzLjUzNzYgNSAxMC41IDVaTTMgMTAuNUMzIDYuMzU3ODYgNi4zNTc4NiAzIDEwLjUgM0MxNC42NDIxIDMgMTggNi4zNTc4NiAxOCAxMC41QzE4IDE0LjY0MjEgMTQuNjQyMSAxOCAxMC41IDE4QzYuMzU3ODYgMTggMyAxNC42NDIxIDMgMTAuNVoiIGZpbGw9IiM4MTdGN0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43OTI5IDE0Ljc5MjlDMTUuMTgzNCAxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNi4yMDcxIDE0Ljc5MjlMMjAuNzA3MSAxOS4yOTI5QzIxLjA5NzYgMTkuNjgzNCAyMS4wOTc2IDIwLjMxNjYgMjAuNzA3MSAyMC43MDcxQzIwLjMxNjYgMjEuMDk3NiAxOS42ODM0IDIxLjA5NzYgMTkuMjkyOSAyMC43MDcxTDE0Ljc5MjkgMTYuMjA3MUMxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNS4xODM0IDE0Ljc5MjkgMTQuNzkyOVoiIGZpbGw9IiM4MTdGN0UiLz4KPC9zdmc+Cg=="); */
  color: #a6a3a0;
  max-width: 298px;
  height: 40px;
  width: 100%;
  font-family: "NotoSans", sans-serif;
  line-height: 100%;
  font-size: 14px;
  outline: none;

  border-radius: 4px 0 0 4px;
}

.psgrid-search-container > input:hover,
.psgrid-search-container > input:active,
.psgrid-search-container > input:focus {
  border-top: 1px solid #f48220;
  border-left: 1px solid #f48220;
  border-right: 0px;
  border-bottom: 1px solid #f48220;
  background-color: transparent;
  height: 40px;
  box-sizing: border-box;
  color: #2f2e2d;
}
.psgrid-search-container > input:valid {
  color: #2f2e2d;
}

.psgrid-search-button[data-isempty="true"] {
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDcxIDUuMjkyODlDMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNi4zMTY1OCAxOC43MDcxIDYuNzA3MTFMNi43MDcxMSAxOC43MDcxQzYuMzE2NTggMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNS4yOTI4OSAxOC43MDcxQzQuOTAyMzcgMTguMzE2NiA0LjkwMjM3IDE3LjY4MzQgNS4yOTI4OSAxNy4yOTI5TDE3LjI5MjkgNS4yOTI4OUMxNy42ODM0IDQuOTAyMzcgMTguMzE2NiA0LjkwMjM3IDE4LjcwNzEgNS4yOTI4OVoiIGZpbGw9IiM4MTdGN0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5Mjg5IDUuMjkyODlDNS42ODM0MiA0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA2LjcwNzExIDUuMjkyODlMMTguNzA3MSAxNy4yOTI5QzE5LjA5NzYgMTcuNjgzNCAxOS4wOTc2IDE4LjMxNjYgMTguNzA3MSAxOC43MDcxQzE4LjMxNjYgMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTcuMjkyOSAxOC43MDcxTDUuMjkyODkgNi43MDcxMUM0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA1LjY4MzQyIDUuMjkyODkgNS4yOTI4OVoiIGZpbGw9IiM4MTdGN0UiLz4KPC9zdmc+Cg==");
}

.psgrid-search-button[data-isempty="false"] {
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDVDNy40NjI0MyA1IDUgNy40NjI0MyA1IDEwLjVDNSAxMy41Mzc2IDcuNDYyNDMgMTYgMTAuNSAxNkMxMy41Mzc2IDE2IDE2IDEzLjUzNzYgMTYgMTAuNUMxNiA3LjQ2MjQzIDEzLjUzNzYgNSAxMC41IDVaTTMgMTAuNUMzIDYuMzU3ODYgNi4zNTc4NiAzIDEwLjUgM0MxNC42NDIxIDMgMTggNi4zNTc4NiAxOCAxMC41QzE4IDE0LjY0MjEgMTQuNjQyMSAxOCAxMC41IDE4QzYuMzU3ODYgMTggMyAxNC42NDIxIDMgMTAuNVoiIGZpbGw9IiM4MTdGN0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43OTI5IDE0Ljc5MjlDMTUuMTgzNCAxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNi4yMDcxIDE0Ljc5MjlMMjAuNzA3MSAxOS4yOTI5QzIxLjA5NzYgMTkuNjgzNCAyMS4wOTc2IDIwLjMxNjYgMjAuNzA3MSAyMC43MDcxQzIwLjMxNjYgMjEuMDk3NiAxOS42ODM0IDIxLjA5NzYgMTkuMjkyOSAyMC43MDcxTDE0Ljc5MjkgMTYuMjA3MUMxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNS4xODM0IDE0Ljc5MjkgMTQuNzkyOVoiIGZpbGw9IiM4MTdGN0UiLz4KPC9zdmc+Cg==");
}

button.psgrid-search-button {
  border-radius: 0 4px 4px 0;
}
button.psgrid-search-button {
  cursor: pointer;
  width: 44px;
  height: 40px;
  background-color: #fff;
  border-top: 1px solid var(--table-border-color);
  border-right: 1px solid var(--table-border-color);
  border-bottom: 1px solid var(--table-border-color);
  border-left: 0px;
  padding-right: 15px;
  display: flex;
  align-items: center;
}

.psgrid-search-container > input:hover + button.psgrid-search-button,
.psgrid-search-container > input:active + button.psgrid-search-button,
.psgrid-search-container > input:focus + button.psgrid-search-button {
  border-top: 1px solid #f48220;
  border-left: 0px;
  border-right: 1px solid #f48220;
  border-bottom: 1px solid #f48220;
}

.psgrid-top-container {
  display: flex;
  gap: 10px;
  margin-bottom: 11px;
}
/*Search end*/

.psgrid-paginator div:first-child {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;

  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MDcxIDQuMjkyODlDMTcuMDk3NiA0LjY4MzQyIDE3LjA5NzYgNS4zMTY1OCAxNi43MDcxIDUuNzA3MTFMMTAuNDE0MiAxMkwxNi43MDcxIDE4LjI5MjlDMTcuMDk3NiAxOC42ODM0IDE3LjA5NzYgMTkuMzE2NiAxNi43MDcxIDE5LjcwNzFDMTYuMzE2NiAyMC4wOTc2IDE1LjY4MzQgMjAuMDk3NiAxNS4yOTI5IDE5LjcwNzFMOC4yOTI4OSAxMi43MDcxQzcuOTAyMzcgMTIuMzE2NiA3LjkwMjM3IDExLjY4MzQgOC4yOTI4OSAxMS4yOTI5TDE1LjI5MjkgNC4yOTI4OUMxNS42ODM0IDMuOTAyMzcgMTYuMzE2NiAzLjkwMjM3IDE2LjcwNzEgNC4yOTI4OVoiIGZpbGw9IiMxQTE5MTkiLz4KPC9zdmc+Cg==");
}
.psgrid-paginator div:last-child {
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI5Mjg5IDQuMjkyODlDNi45MDIzNyA0LjY4MzQyIDYuOTAyMzcgNS4zMTY1OCA3LjI5Mjg5IDUuNzA3MTFMMTMuNTg1OCAxMkw3LjI5Mjg5IDE4LjI5MjlDNi45MDIzNyAxOC42ODM0IDYuOTAyMzcgMTkuMzE2NiA3LjI5Mjg5IDE5LjcwNzFDNy42ODM0MiAyMC4wOTc2IDguMzE2NTggMjAuMDk3NiA4LjcwNzExIDE5LjcwNzFMMTUuNzA3MSAxMi43MDcxQzE2LjA5NzYgMTIuMzE2NiAxNi4wOTc2IDExLjY4MzQgMTUuNzA3MSAxMS4yOTI5TDguNzA3MTEgNC4yOTI4OUM4LjMxNjU4IDMuOTAyMzcgNy42ODM0MiAzLjkwMjM3IDcuMjkyODkgNC4yOTI4OVoiIGZpbGw9IiMxQTE5MTkiLz4KPC9zdmc+Cg==");
}

.psgrid-paginator div:first-child:hover {
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MDcxIDQuMjkyODlDMTcuMDk3NiA0LjY4MzQyIDE3LjA5NzYgNS4zMTY1OCAxNi43MDcxIDUuNzA3MTFMMTAuNDE0MiAxMkwxNi43MDcxIDE4LjI5MjlDMTcuMDk3NiAxOC42ODM0IDE3LjA5NzYgMTkuMzE2NiAxNi43MDcxIDE5LjcwNzFDMTYuMzE2NiAyMC4wOTc2IDE1LjY4MzQgMjAuMDk3NiAxNS4yOTI5IDE5LjcwNzFMOC4yOTI4OSAxMi43MDcxQzcuOTAyMzcgMTIuMzE2NiA3LjkwMjM3IDExLjY4MzQgOC4yOTI4OSAxMS4yOTI5TDE1LjI5MjkgNC4yOTI4OUMxNS42ODM0IDMuOTAyMzcgMTYuMzE2NiAzLjkwMjM3IDE2LjcwNzEgNC4yOTI4OVoiIGZpbGw9IiNmNDgyMjAiLz4KPC9zdmc+Cg==");
}

.psgrid-paginator div:last-child:hover {
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 24px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI5Mjg5IDQuMjkyODlDNi45MDIzNyA0LjY4MzQyIDYuOTAyMzcgNS4zMTY1OCA3LjI5Mjg5IDUuNzA3MTFMMTMuNTg1OCAxMkw3LjI5Mjg5IDE4LjI5MjlDNi45MDIzNyAxOC42ODM0IDYuOTAyMzcgMTkuMzE2NiA3LjI5Mjg5IDE5LjcwNzFDNy42ODM0MiAyMC4wOTc2IDguMzE2NTggMjAuMDk3NiA4LjcwNzExIDE5LjcwNzFMMTUuNzA3MSAxMi43MDcxQzE2LjA5NzYgMTIuMzE2NiAxNi4wOTc2IDExLjY4MzQgMTUuNzA3MSAxMS4yOTI5TDguNzA3MTEgNC4yOTI4OUM4LjMxNjU4IDMuOTAyMzcgNy42ODM0MiAzLjkwMjM3IDcuMjkyODkgNC4yOTI4OVoiIGZpbGw9IiNmNDgyMjAiLz4KPC9zdmc+Cg==");
}

.psgrid-column-onclick {
      cursor: pointer;
}

[unselectable="on"] {
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

 
/* PSImagePreviewer.css */  
.psimagepreviewer-root {
    min-width: 100px;
    max-width: 800px;
    width: 100%;
}

.psimagepreviewer-preview {
    display: block;
    margin: 0.25rem auto;
}

.psimagepreviewer-preview-clickable {
    cursor: pointer;
}

.psimagepreviewer-rounded {
    border-radius: 50%;
}

.psimagepreviewer-preview-cover {
    object-fit: cover;
}

.psimagepreviewer-preview-contain {
    object-fit: contain;
}

.psimagepreviewer-error-text {
    font-family: "NotoSans", sans-serif;
    font-size: 14px;
    color: #EE3A3A;
}

.psimagepreviewer-info-container {
    height: 20px;
}

 
/* PSMessageBox.css */  
.psmessagebox {
    display: block;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: rgba(58, 58, 58, 0.7);
}

.psmessagebox-container {
    box-sizing: border-box;
    width: 412px;
    border-radius: 8px;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,0.40);
    background-color: white;
    margin-inline: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    padding: 30px 30px 40px 30px;
}

.psmessagebox-content-container {
    border-radius: 8px;
    box-shadow: 0 4px 13px -2px rgba(0,0,0,0.40);
    background-color: white;
    margin-inline: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.psmessagebox-content-text {
    margin: 0;
}

.psmessagebox-icon-container-base {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
}


.psmessagebox-icon-container-info {
  background-color: #fbf2e9;
}

.psmessagebox-icon-container-warning {
    background-color: #FEE1E1;
}

.psmessagebox-icon-container-success {
    background-color: #DEFCE7;
}


.psmessagebox-icon-base {
    width: 24px;
    height: 24px;
}

.psmessagebox-icon-info {
    filter: invert(59%) sepia(84%) saturate(2439%) hue-rotate(349deg) brightness(101%) contrast(91%);
}

.psmessagebox-icon-warning {
    filter: invert(32%) sepia(92%) saturate(6982%) hue-rotate(355deg) brightness(93%) contrast(83%);
}

.psmessagebox-icon-success {
    filter: invert(40%) sepia(96%) saturate(313%) hue-rotate(84deg) brightness(98%) contrast(91%);
}

.psmessagebox-head {
  color: #2f2e2d;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
}

.psmessagebox-head-margin {
    margin-top: 16px;
}

.psmessagebox-description {
  margin-top: 10px;
  color: #817f7e;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  line-height: 140%;
}

.psmessagebox-content {
    margin-top: 10px;
    color: #817f7e;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    line-height: 140%;
    max-width: 100%;
}

.psmessagebox-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  gap: 10px;
}

.psmessagebox-button > .psmessagebox-fullcolor {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  gap: 8px;
  justify-content: center;
  border: none;
  color: white;
  font-family: "NotoSans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease, background-image 0.2s ease,
    box-shadow 0.3s ease;
  background-color: #f48220;
  border: 1px solid #f48220;
  color: #fff;
  padding: 0 16px;
  width: 100%;
  min-width: 40px;
  height: 40px;
  border-radius: 8px;
}

.psmessagebox-button > .psmessagebox-outline {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 8px;
  justify-content: center;
  border: none;
  color: white;
  font-family: "NotoSans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease, background-image 0.2s ease,
    box-shadow 0.3s ease;

  background-color: transparent;
  border: 1px solid #f48220;
  color: #f48220;
  padding: 0 16px;
  width: 100%;
  min-width: 40px;
  height: 40px;
  border-radius: 8px;
}

 
/* PSMultiSelector.css */  
.psmultiselector-root {
    width: 100%;
}

.psmultiselector-field-root {
    min-width: 100px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0.25rem 0;
}

/* Input related styles */
.psmultiselector-input-container {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    min-height: 40px;
    padding: 0 12px;
}

.psmultiselector-input-container-disabled {
    background-color: #f5f5f5;
}

.psmultiselector-input-container-disabled > .psmultiselector-selected-input-container > span.psmultiselector-selected-item {
    color: #515151;
}

.psmultiselector-selected-input-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0;
}

.psmultiselector-selected-item {
    display: flex;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 8px;
    white-space: nowrap;
}

.psmultiselector-selected-item:first-of-type {
    margin-left: 0;
}

.psmultiselector-delete-img {
    cursor: pointer;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOCIgc3Ryb2tlPSIjMUExOTE5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNiA2TDE4IDE4IiBzdHJva2U9IiMxQTE5MTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.psmultiselector-placeholder {
    font-size: 14px;
    color: #a9a9a9;
}

.psmultiselector-single-item {
    font-size: 14px;
    color: #2f2e2d;
}

/* Dialog related styles */
.psmultiselector-dialog-container {
    height: 740px;
    width: 1020px;
}


.psmultiselector-dialog-container-disabled {
    height: 740px;
    width: 600px;
}

.psmultiselector-button {
    width: 170px;
}

.psmultiselector-dialog-content {
    margin: 40px 30px 30px 30px;
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.psmultiselector-dialog-content-disabled {
    margin: 40px 30px 30px 30px;
    display: flex;
    justify-content: center;
    flex: 1;
}

.psmultiselector-selector-buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 15px;
}

.psmultiselector-bottom-button-container {
    margin: 0 30px 30px 30px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.psmultiselector-number-span {
    margin-right: 3px;
}


/* Searcher related styles */
.psmultiselector-search-container {
    display: flex;
    justify-content: end;
    margin: 0.25rem 0 0.25rem auto;
    width: 100%;
}

.psmultiselector-search-input {
    border: 1px solid var(--table-border-color);
    border-right: 0px;
    padding-left: 15px;
    padding-right: 45px;
    box-sizing: border-box;
    color: #2f2e2d;
    max-width: 380px;
    width: 100%;
    font-family: "NotoSans", sans-serif;
    line-height: 100%;
    font-size: 14px;
    outline: none;
    border-radius: 4px 0 0 4px;
}

.psmultiselector-search-input:hover,
.psmultiselector-search-input:active,
.psmultiselector-search-input:focus {
    border: 1px solid #f48220;
    border-right: 0px;
    background-color: transparent;
    height: 40px;
}

.psmultiselector-search-button {
    cursor: pointer;
    width: 44px;
    height: 40px;
    background-color: #fff;
    border: 1px solid var(--table-border-color);
    border-left: 0px;
    border-radius: 0 4px 4px 0;
    padding-right: 15px;
    display: flex;
    align-items: center;

    background-repeat: no-repeat;
}

.psmultiselector-search-button[data-isempty="true"] {
  background-position: center center;
  background-size: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43MDcxIDUuMjkyODlDMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNi4zMTY1OCAxOC43MDcxIDYuNzA3MTFMNi43MDcxMSAxOC43MDcxQzYuMzE2NTggMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNS4yOTI4OSAxOC43MDcxQzQuOTAyMzcgMTguMzE2NiA0LjkwMjM3IDE3LjY4MzQgNS4yOTI4OSAxNy4yOTI5TDE3LjI5MjkgNS4yOTI4OUMxNy42ODM0IDQuOTAyMzcgMTguMzE2NiA0LjkwMjM3IDE4LjcwNzEgNS4yOTI4OVoiIGZpbGw9IiM4MTdGN0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5Mjg5IDUuMjkyODlDNS42ODM0MiA0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA2LjcwNzExIDUuMjkyODlMMTguNzA3MSAxNy4yOTI5QzE5LjA5NzYgMTcuNjgzNCAxOS4wOTc2IDE4LjMxNjYgMTguNzA3MSAxOC43MDcxQzE4LjMxNjYgMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTcuMjkyOSAxOC43MDcxTDUuMjkyODkgNi43MDcxMUM0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA1LjY4MzQyIDUuMjkyODkgNS4yOTI4OVoiIGZpbGw9IiM4MTdGN0UiLz4KPC9zdmc+Cg==");
}

.psmultiselector-search-button[data-isempty="false"] {
  background-position: calc(100% - 15px) center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDVDNy40NjI0MyA1IDUgNy40NjI0MyA1IDEwLjVDNSAxMy41Mzc2IDcuNDYyNDMgMTYgMTAuNSAxNkMxMy41Mzc2IDE2IDE2IDEzLjUzNzYgMTYgMTAuNUMxNiA3LjQ2MjQzIDEzLjUzNzYgNSAxMC41IDVaTTMgMTAuNUMzIDYuMzU3ODYgNi4zNTc4NiAzIDEwLjUgM0MxNC42NDIxIDMgMTggNi4zNTc4NiAxOCAxMC41QzE4IDE0LjY0MjEgMTQuNjQyMSAxOCAxMC41IDE4QzYuMzU3ODYgMTggMyAxNC42NDIxIDMgMTAuNVoiIGZpbGw9IiM4MTdGN0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43OTI5IDE0Ljc5MjlDMTUuMTgzNCAxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNi4yMDcxIDE0Ljc5MjlMMjAuNzA3MSAxOS4yOTI5QzIxLjA5NzYgMTkuNjgzNCAyMS4wOTc2IDIwLjMxNjYgMjAuNzA3MSAyMC43MDcxQzIwLjMxNjYgMjEuMDk3NiAxOS42ODM0IDIxLjA5NzYgMTkuMjkyOSAyMC43MDcxTDE0Ljc5MjkgMTYuMjA3MUMxNC40MDI0IDE1LjgxNjYgMTQuNDAyNCAxNS4xODM0IDE0Ljc5MjkgMTQuNzkyOVoiIGZpbGw9IiM4MTdGN0UiLz4KPC9zdmc+Cg==");
}

.psmultiselector-search-container > input:hover + button.psmultiselector-search-button,
.psmultiselector-search-container > input:active + button.psmultiselector-search-button,
.psmultiselector-search-container > input:focus + button.psmultiselector-search-button {
    border: 1px solid #f48220;
    border-left: 0px;
}


/* Grid related styles */
.psmultiselect-number-container {
    font-size: 14px;
    color: var(--table-text-color);
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.psmultiselector-tr {
    cursor: pointer
}

.psmultiselector-td {
    text-align: left;
}

.psmultiselector-tr:hover span[name="data-span"],
.psmultiselect-selected {
    color: #f48220;
}

.psmultiselector-grid-container {
    width: 380px;
}

.psmultiselector-table-container {
    border: var(--table-border-color) 1px solid;
    border-radius: 8px;
    width: 100%;
    overflow-x: auto;
}

.psmultiselector-top-container {
    display: flex;
    gap: 10px;
    margin-bottom: 11px;
}
 
/* PSOptionalContainer.css */  
.psoptionalcontainer-root {
    display: flex;
    align-items: center;
    gap: 10px;
}

 
/* PSRadioButton.css */  
.psradiobutton-option-container {
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
}

.psradiobutton_input {
    opacity: 0;
    position: absolute;
}

.psradiobutton_circle {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    vertical-align: middle;
    background-color: inherit;
    border: 1px solid #666;
    border-radius: 24px;
}

.psradiobutton_input:checked + .psradiobutton_circle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #FAAF56;
    border-radius: 12px;
}

.psradiobutton_label {
    font-family: "NotoSans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #464544;
    vertical-align: bottom;
}

.psradiobutton-option-container:has(input:disabled) {
    cursor: context-menu;
}

input:disabled + span {
    border: 1px solid lightgray;

}

.psradiobutton_input:disabled + .psradiobutton_circle:after {
    background-color: #fac73c;
}

.psradiobutton-horizontal {
    display: flex;
    gap: 50px;
}
 
/* PSStepper.css */  
:root {
  --circle-size: clamp(1.5rem, 5vw, 30px);
  --spacing: clamp(0.25rem, 2vw, 0.5rem);
}

.psstepper-step {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  margin: 0;
}

.psstepper-circle {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
  flex-shrink: 1;
}

.psstepper-item {
  position: relative;
  margin: 0 auto -12px;
  width: var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  background-repeat: no-repeat;
}

.psstepper-item span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 20px;
  color: #2f2e2d;
  font-weight: bold;
  font-family: "NotoSans", sans-serif;
}
.psstepper-item::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
  background-color: var(--colors);
}

.psstepper-circle:not(:last-child):after {
  content: "";
  position: relative;
  top: calc(var(--circle-size) / 2);
  width: calc(100% - var(--circle-size) - calc(var(--spacing) * 2));
  left: calc(50% + calc(var(--circle-size) / 2 + var(--spacing)));
  height: 2px;
  background-color: #eae9e9;
  order: -1;
}

.psstepper-circle[data-active="true"]:not(:last-child):after {
  background-color: #f58220;
}

.psstepper-label {
  color: grey;

  line-height: 140%;
  font-size: 14px;
  font-weight: 100;
  font-family: "NotoSans", sans-serif;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  display: flex;
  justify-content: center;
}

.psstepper-label p {
  max-width: 140px;
  width: 100%;
  word-break: break-all;
  text-align: center;
}

 
/* PSToggleButton.css */  
.pstogglebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pstogglebutton-button {
  background-color: #ffffff;
  border: 1px solid #d8d6d5;
  color: #817f7e;
  font-family: "NotoSans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 10px 16px;
  height:40px;
}
.pstogglebutton-button:first-child {
  border-radius: 8px 0 0 8px;
}
.pstogglebutton-button:last-child,
.pstogglebutton-button:last-of-type {
  border-radius: 0 8px 8px 0;
}

.pstogglebutton-img {
  filter: invert(52%) sepia(2%) saturate(250%) hue-rotate(52deg) brightness(96%)
    contrast(91%);
}

.pstogglebutton-img {
  width: 24px;
  height: 24px;
  align-self:center;
}

.pstogglebutton-text {
    align-self: center;
}

.pstogglebutton-button[data-selected="true"] {
  background-color: #fefaf6;
  color: #f48220;
  border: 1px solid #facea8;
}

.pstogglebutton-button:hover {
  background-color: #ffffff;
  color: #f48220;
}

.pstogglebutton-button[data-selected="true"] .pstogglebutton-img {
  filter: invert(66%) sepia(33%) saturate(5704%) hue-rotate(348deg)
    brightness(100%) contrast(92%);
}
.pstogglebutton-button:hover .pstogglebutton-img {
  filter: invert(66%) sepia(33%) saturate(5704%) hue-rotate(348deg)
    brightness(100%) contrast(92%);
}

.pstogglebutton-button:disabled {
  background-color: #ffffff;
  color: #bfbdbb;
  border: 1px solid #d8d6d5;
}
.pstogglebutton-button:disabled .pstogglebutton-img {
  filter: invert(49%) sepia(1.1%) saturate(2160%) hue-rotate(350deg)
    brightness(173%) contrast(80%);
}