@charset "UTF-8";
/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*, ::after, ::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.3rem;
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3rem;
}

#middle {
    scroll-behavior: smooth;
}

input, select, textarea, button {
    font-family: inherit;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

#dr1 {
    transition: left 300ms;
}

tr {
    transform: scale(1);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.nd1 {
    float: left;
    width: 100%;
    height: auto;
}

.nd2 {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.nd3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nd4 {
    overflow-wrap: break-word;
}

.line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bkr {
    background-color: red;
}

.bkn {
    background: none;
}

.bkgr {
    background-color: grey;
}

.bkw {
    background-color: white;
}

.bcc {
    border-collapse: collapse;
}

.bn {
    border: none;
}

.bd2 {
    border: 1px solid #d2d2d2;
}

.bbd2 {
    border-bottom: 1px solid #d2d2d2;
}

.bbn {
    border-bottom: none;
}

.bbw {
    border-bottom: 1px solid white;
}

.bc1 {
    background-color: #007bff;
}

.br2 {
    border-radius: 2px;
}

.br3 {
    border-radius: 3px;
}

.br4 {
    border-radius: 4px;
}

.br5 {
    border-radius: 5px;
}

.btlr5 {
    border-top-left-radius: 5px;
}

.bblr5 {
    border-bottom-left-radius: 5px;
}

.btrr5 {
    border-top-right-radius: 5px;
}

.bbrr5 {
    border-bottom-right-radius: 5px;
}

.br50 {
    border-radius: 50%;
}

.cnd {
    margin: auto;
    vertical-align: middle;
}

.cp {
    cursor: pointer;
}

.cw {
    color: white;
}

.cb {
    color: black;
}

.c32 {
    color: #323232;
}

.cg {
    color: green;
}

.cgr {
    color: var(--bs-gray);
}

.clg {
    color: #97c05c;
}

.cr {
    color: var(--bs-danger);
}

.co {
    color: var(--bs-orange);
}

.clb {
    color: #239cb8;
}

.dn {
    display: none;
}

.df {
    display: flex;
}

.dg {
    display: grid;
}

.flex1 {
    flex: 1;
}

.flex11 {
    flex: 0.1;
}

.flex2 {
    flex: 0.2;
}

.flex3 {
    flex: 0.3;
}

.flex4 {
    flex: 0.4;
}

.flex5 {
    flex: 0.5;
}

.flex6 {
    flex: 0.6;
}

.flex7 {
    flex: 0.7;
}

.fdr {
    flex-direction: column;
}

.fdc {
    flex-direction: column;
}

.fdr {
    flex-direction: row;
}

.jcs {
    justify-content: flex-start;
}

.jce {
    justify-content: flex-end;
}

.jcc {
    justify-content: center;
}

.jcsb {
    justify-content: space-between;
}

.ais {
    align-items: flex-start;
}

.aic {
    align-items: center;
}

.ase {
    align-self: flex-end;
}

.aie {
    align-items: flex-end;
}

.bbc {
    border-bottom: 1px solid #d2d2d2;
}

.fwb {
    font-weight: bold;
}

.fwn {
    font-weight: normal;
}

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fss1 {
    font-size: 0.8em;
}

.fss9 {
    font-size: 0.9em;
}

.fs1 {
    font-size: 1em;
}

.fs2 {
    font-size: 1.2em;
}

.fs3 {
    font-size: 1.4em;
}

.fs4 {
    font-size: 1.8em;
}

.fs5 {
    font-size: 2em;
}

.fs6 {
    font-size: 2.2em;
}

.fs7 {
    font-size: 2.4em;
}

.fs8 {
    font-size: 2.6em;
}

.fs9 {
    font-size: 2.8em;
}

.fs10 {
    font-size: 3em;
}

.h0 {
    height: 0
}

.he1 {
    height: 100%;
}

.h_1 {
    height: 0.25rem;
}

.h_2 {
    height: 0.5rem;
}

.h_3 {
    height: 0.75rem;
}

.h_4 {
    height: 1rem;
}

.h_5 {
    height: 1.25rem;
}

.h_6 {
    height: 1.5rem;
}

.h7 {
    height: 1.75rem;
}

.h8 {
    height: 2rem;
}

.h9 {
    height: 2.25rem;
}

.h10 {
    height: 2.5rem;
}

.h11 {
    height: 2.75rem;
}

.h12 {
    height: 3rem;
}

.h13 {
    height: 3.25rem;
}

.h14 {
    height: 3.5rem;
}

.h15 {
    height: 3.75rem;
}

.h16 {
    height: 4rem;
}

.h17 {
    height: 4.25rem;
}

.h18 {
    height: 4.5rem;
}

.h19 {
    height: 4.75rem;
}

.h20 {
    height: 5rem;
}

.h21 {
    height: 5.25rem;
}

.h22 {
    height: 5.5rem;
}

.h23 {
    height: 5.75rem;
}

.h24 {
    height: 6rem;
}

.h25 {
    height: 6.25rem;
}

.h26 {
    height: 6.5rem;
}

.h27 {
    height: 6.75rem;
}

.h28 {
    height: 7rem;
}

.h29 {
    height: 7.25rem;
}

.h30 {
    height: 7.5rem;
}

.h31 {
    height: 7.75rem;
}

.h32 {
    height: 8rem;
}

.h33 {
    height: 8.25rem;
}

.h34 {
    height: 8.5rem;
}

.h35 {
    height: 8.75rem;
}

.h36 {
    height: 9rem;
}

.h37 {
    height: 9.25rem;
}

.h38 {
    height: 9.5rem;
}

.h39 {
    height: 9.75rem;
}

.h40 {
    height: 10rem;
}

.h41 {
    height: 10.25rem;
}

.h42 {
    height: 10.5rem;
}

.h43 {
    height: 10.75rem;
}

.h44 {
    height: 11rem;
}

.h45 {
    height: 11.25rem;
}

.h46 {
    height: 11.5rem;
}

.h47 {
    height: 11.75rem;
}

.h48 {
    height: 12rem;
}

.h49 {
    height: 12.25rem;
}

.h50 {
    height: 12.5rem;
}

.hs {
    height: 15rem;
}

.hd1 {
    font-size: 1.3rem;
}

.hd2 {
    font-size: 2rem;
}

.meter {
    transition: width 0.5s;
}

.ma {
    margin: 0 auto;
}

.mb1 {
    margin-bottom: 0.1rem;
}

.mb2 {
    margin-bottom: 0.2rem;
}

.mb3 {
    margin-bottom: 0.3rem;
}

.mb4 {
    margin-bottom: 0.4rem;
}

.mb5 {
    margin-bottom: 0.5rem;
}

.mb10 {
    margin-bottom: 1rem;
}

.mt1 {
    margin-top: 0.1em;
}

.mt2 {
    margin-top: 0.2em;
}

.mt3 {
    margin-top: 0.3em;
}

.mt4 {
    margin-top: 0.4em;
}

.mt5 {
    margin-top: 0.5em;
}

.mt6 {
    margin-top: 0.6em;
}

.mt7 {
    margin-top: 0.7em;
}

.mt8 {
    margin-top: 0.8em;
}

.mt10 {
    margin-top: 1em;
}

.mt11 {
    margin-top: 1.1em;
}

.mt12 {
    margin-top: 1.2em;
}

.mt13 {
    margin-top: 1.3em;
}

.mt14 {
    margin-top: 1.4em;
}

.mt15 {
    margin-top: 1.5em;
}

.ml1 {
    margin-left: 0.1em;
}

.ml2 {
    margin-left: 0.2em;
}

.ml3 {
    margin-left: 0.3em;
}

.ml4 {
    margin-left: 0.4em;
}

.ml5 {
    margin-left: 0.5em;
}

.ml10 {
    margin-left: 1em;
}

.mr1 {
    margin-right: 0.1em;
}

.mr2 {
    margin-right: 0.2em;
}

.mr3 {
    margin-right: 0.3em;
}

.mr4 {
    margin-right: 0.4em;
}

.mr5 {
    margin-right: 0.5em;
}

.mr10 {
    margin-right: 1em;
}

.on {
    outline: none;
}

.ovh {
    overflow: hidden;
}

.p1 {
    padding: 0.1em;
}

.p2 {
    padding: 0.2em;
}

.p3 {
    padding: 0.3em;
}

.p4 {
    padding: 0.4em;
}

.p5 {
    padding: 0.5em;
}

.p6 {
    padding: 0.6em;
}

.p7 {
    padding: 0.7em;
}

.p8 {
    padding: 0.8em;
}

.p9 {
    padding: 0.9em;
}

.p10 {
    padding: 1em;
}

.pl1 {
    padding-left: 0.1em;
}

.pl2 {
    padding-left: 0.2em;
}

.pl3 {
    padding-left: 0.3em;
}

.pl4 {
    padding-left: 0.4em;
}

.pl5 {
    padding-left: 0.5em;
}

.pl6 {
    padding-left: 0.6em;
}

.pl7 {
    padding-left: 0.7em;
}

.pl10 {
    padding-left: 1em;
}

.pl15 {
    padding-left: 1.5em;
}

.pr1 {
    padding-right: 0.1em;
}

.pr2 {
    padding-right: 0.2em;
}

.pr3 {
    padding-right: 0.3em;
}

.pr4 {
    padding-right: 0.4em;
}

.pr5 {
    padding-right: 0.5em;
}

.pr6 {
    padding-right: 0.6em;
}

.pr7 {
    padding-right: 0.7em;
}

.pr10 {
    padding-right: 1em;
}

.pr15 {
    padding-right: 1.5em;
}

.pt1 {
    padding-top: 0.1em;
}

.pt2 {
    padding-top: 0.2em;
}

.pt3 {
    padding-top: 0.3em;
}

.pt4 {
    padding-top: 0.4em;
}

.pt5 {
    padding-top: 0.5em;
}

.pt8 {
    padding-top: 0.8em;
}

.pt10 {
    padding-top: 1em;
}

.pb10 {
    padding-bottom: 1rem;
}

.pb1 {
    padding-bottom: 0.1rem;
}

.pb2 {
    padding-bottom: 0.2rem;
}

.pb3 {
    padding-bottom: 0.3rem;
}

.pb4 {
    padding-bottom: 0.4rem;
}

.pb5 {
    padding-bottom: 0.5rem;
}

.pb8 {
    padding-bottom: 0.8rem;
}

.pf {
    position: fixed;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pos1 {
    top: 0px;
    left: 0px;
}

.pos2 {
    top: 0px;
    right: 0px;
}

.pos3 {
    bottom: 0px;
    left: 0px;
}

.pos4 {
    bottom: 0px;
    right: 0px;
}

.rsn {
    resize: none;
}

.oya {
    overflow-y: auto;
}

.showDrawer {
    display: block;
}

.tdn {
    text-decoration: none;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.hauto {
    height: auto;
}

.trh5 {
    transition: height 0.5s;
}

.ttc {
    text-transform: capitalize;
}

.vTrans {
    transition: height 250ms;
}

.vh {
    visibility: hidden;
}

.vv {
    visibility: visible;
}

.we1 {
    width: 100%;
}

.w1 {
    width: 0.25rem;
}

.w2 {
    width: 0.5rem;
}

.w3 {
    width: 0.75rem;
}

.w4 {
    width: 1rem;
}

.w5 {
    width: 1.25rem;
}

.w6 {
    width: 1.5rem;
}

.w7 {
    width: 1.75rem;
}

.w8 {
    width: 2rem;
}

.w9 {
    width: 2.25rem;
}

.w10 {
    width: 2.5rem;
}

.w11 {
    width: 2.75rem;
}

.w12 {
    width: 3rem;
}

.w13 {
    width: 3.25rem;
}

.w14 {
    width: 3.5rem;
}

.w15 {
    width: 3.75rem;
}

.w16 {
    width: 4rem;
}

.w17 {
    width: 4.25rem;
}

.w18 {
    width: 4.5rem;
}

.w19 {
    width: 4.75rem;
}

.w20 {
    width: 5rem;
}

.w21 {
    width: 5.25rem;
}

.w22 {
    width: 5.5rem;
}

.w23 {
    width: 5.75rem;
}

.w24 {
    width: 6rem;
}

.w25 {
    width: 6.25rem;
}

.w26 {
    width: 6.5rem;
}

.w27 {
    width: 6.75rem;
}

.w28 {
    width: 7rem;
}

.w29 {
    width: 7.25rem;
}

.w30 {
    width: 7.5rem;
}

.w31 {
    width: 7.75rem;
}

.w32 {
    width: 8rem;
}

.w33 {
    width: 8.25rem;
}

.w34 {
    width: 8.5rem;
}

.w35 {
    width: 8.75rem;
}

.w36 {
    width: 9rem;
}

.w37 {
    width: 9.25rem;
}

.w38 {
    width: 9.5rem;
}

.w39 {
    width: 9.75rem;
}

.w40 {
    width: 10rem;
}

.w41 {
    width: 10.25rem;
}

.w42 {
    width: 10.5rem;
}

.w43 {
    width: 10.75rem;
}

.w44 {
    width: 11rem;
}

.w45 {
    width: 11.25rem;
}

.w46 {
    width: 11.5rem;
}

.w47 {
    width: 11.75rem;
}

.w48 {
    width: 12rem;
}

.w49 {
    width: 12.25rem;
}

.w50 {
    width: 12.5rem;
}

.wxs {
    width: 15rem;
}

.ws {
    width: 20rem;
}

.wm {
    width: 25rem;
}

.wm1 {
    width: 30rem;
}

.wl {
    width: 35rem;
}

.wxl {
    width: 45rem;
}

.z10 {
    z-index: 10;
}

.z20 {
    z-index: 20;
}

.z25 {
    z-index: 25;
}

.z30 {
    z-index: 30;
}

.z40 {
    z-index: 40;
}

.z50 {
    z-index: 50;
}

.z100 {
    z-index: 100;
}

.z150 {
    z-index: 150;
}

.z200 {
    z-index: 200;
}

.z1000 {
    z-index: 10000;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Opera and Firefox */
}

.imgAll {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.imgAll2 {
    width: 100%;
    height: 100%;
    position: relative;
}

.imgAll3 {
    width: 100%;
    height: 100%;
}

.hv4 {
    transition: transform 0.2s;
}

.bs1 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bs2:hover {
    box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px;
    transition: all 0.4s ease 0s;
}

.topSign {
    left: 50%;
    transform: translateX(-50%);
    z-index: 15000;
}

#dataOverlay {
    min-width: 30em;
    max-width: 50em;
}

.rates-orange {
    filter: brightness(0) saturate(100%) invert(50%) sepia(82%) saturate(1000%) hue-rotate(9deg) brightness(105%) contrast(107%);
}

.custom_ripple {
    overflow: hidden;
    cursor: pointer;
}

.ripple_wave {
    background: #cecece;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    animation: ripple 1s 1 forwards;
    position: absolute;
    top: 50%;
    left: 50%;
}

@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 0.3;
    }
    100% {
        transform: scale(70);
        opacity: 0;
    }
}

.inputLabels {
    -webkit-transition: margin-top 0.2s ease-in-out;
    transition: margin-top 0.2s ease-in-out;
}

.dropDownElements {
    -webkit-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
}

.input-active {
    margin-top: -3em;
    font-size: 0.9em;
}

.input-inactive {
    cursor: text;
}

.coverOpacity {
    background: rgb(0, 0, 0, 0.5);
}

.progressCoverOpacity {
    background: rgb(0, 0, 0, 0.2);
}

.lh_1 {
    line-height: 2rem;
}

.lh_2 {
    line-height: 1.5rem;
}

li {
    line-height: 1.5rem;
}

textarea {
    line-height: 1.5rem;
}

/* Media queries */
@media screen and (min-width: 1251px) {
    .wid_1 {
        width: 25%
    }
}

@media screen and (max-width: 1250px) and (min-width: 1101px) {
}

@media screen and (max-width: 1100px) and (min-width: 1001px) {
}

@media screen and (max-width: 1000px) and (min-width: 901px) {
}

@media screen and (max-width: 900px) and (min-width: 801px) {
}

@media screen and (max-width: 800px) and (min-width: 701px) {
}

@media screen and (max-width: 700px) and (min-width: 601px) {
}

@media screen and (max-width: 600px) and (min-width: 501px) {
}

@media screen and (max-width: 500px) and (min-width: 401px) {
}

@media screen and (max-width: 400px) and (min-width: 301px) {
}

.ova {
    overflow-y: auto;
}

.ohh {
    overflow-x: hidden;
}

.oha {
    overflow-x: auto;
}

.ofa {
    overflow: auto;
}

.ci {
    color: inherit;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.c-ripple_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #e0e0e0
}

.c-ripple.is-active .c-ripple_circle {
    -webkit-animation: a-ripple 0.4s ease-in;
    animation: a-ripple 0.4s ease-in;
}

@-webkit-keyframes a-ripple {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
}

@keyframes a-ripple {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
}

.textLines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.textLines_1 {
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;

}

.textLines_2 {
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
}

.op_rotate {
    transition: transform 0.2s;
}

.op_rotate_active {
    transform: rotate(180deg);
}

.op_rotate_90_active {
    transform: rotate(90deg);
}

.op_rotate_270_active {
    transform: rotate(-90deg);
}

.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 80%);
    }
    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.smart-menu {
    position: fixed;
    display: none;
    border: 1px solid #ccc;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    border-radius: 6px;
    z-index: 9999;
    max-width: 250px;
    max-height: 300px;
    overflow: auto;
}