/* --- SCROLLBAR ESTILO GEMINI / MAC (Sem setas e Overlay) --- */

/* 1. Garante que o Chrome/Edge usam o motor Webkit (ignorando o padrão do Windows) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    * {
        scrollbar-width: auto; /* Impede que o browser force o estilo nativo do Windows */
        scrollbar-color: auto; 
    }
}

/* 2. Remove completamente as setas (Botões) */
::-webkit-scrollbar-button {
    display: none !important;
    width: 0;
    height: 0;
}

/* 3. Define o tamanho da barra (fina) */
::-webkit-scrollbar {
    width: 8px;  /* Vertical */
    height: 8px; /* Horizontal */
    background-color: transparent;
}

/* 4. Fundo da barra (Track) - Sempre Transparente */
::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 5. O "Puxador" (Thumb) - Invisível por defeito */
::-webkit-scrollbar-thumb {
    background-color: transparent; 
    border-radius: 10px; /* Cantos redondos */
    border: 2px solid transparent; /* Cria margem interna para a barra parecer "flutuante" */
    background-clip: content-box;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

/* 6. O PULO DO GATO: A barra só ganha cor quando o rato entra na área (Hover) */
/* Aplica-se a qualquer elemento (menu, tabela, body) que tenha scroll */
*:hover::-webkit-scrollbar-thumb {
    background-color: rgba(140, 148, 158, 0.5); /* Cinzento do Gemini/Mac */
}

/* 7. Quando agarra a barra com o rato, ela fica mais escura */
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 108, 118, 0.8);
}

/* 8. Canto invisível (cruzamento vertical/horizontal) */
::-webkit-scrollbar-corner {
    background-color: transparent;
}

/* --- Compatibilidade Exclusiva Firefox (que não suporta a ocultação total das setas da mesma forma) --- */
@supports (-moz-appearance: none) {
    * {
        scrollbar-width: thin;
        scrollbar-color: rgba(140, 148, 158, 0.5) transparent;
    }

/* Força o menu a ficar escuro quando o corpo da página tiver a classe ou atributo de dark mode */
[data-bs-theme="dark"] #sidebar-wrapper,
body.dark-mode #sidebar-wrapper,
.dark-mode .bg-white { 
    background-color: #1e1e2f !important; /* Coloque aqui a cor exata do seu fundo escuro */
    color: #ffffff !important;
    border-right-color: #444 !important; /* Ajuste a cor da borda se necessário */
}
}


.signup-page-gradient {
    background-attachment: fixed;
    background-image: linear-gradient(314deg, #cdc9ff 0%, #FAF0F1 100%)}
.style1 {
    height: 100vh;
    margin-bottom: 150px;
    width: 100vh}
.style2 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}
.style3 {
    color: #fff;
    font-size: 65px}
.style4 {
    font-family: sans-serif}
.signup-input {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(201, 201, 201, 0) rgba(201, 201, 201, 0) #adb5bd;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    display: block}
.style5 {
    color: #fff}
.signup-button {
    background-color: #a680ff;
    background-position: 0%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
@media (min-width: 1400px) {
.style1 {
        margin-top: 250px;
        margin-bottom: 190px}
.style3 {
        height: 0px;
        float: none;
        font-size: 50px;
        max-width: 0px}
.signup-input {
        -webkit-transition-duration: 0s;
                transition-duration: 0s;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
                border-color: #000;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
                color: #000}
.signup-page-gradient {
        background-image: linear-gradient(324deg, #cdc9ff 0%, #cdc9ff 0%, #FAF0F1 100%)}
.style12 {
        position: fixed;
        left: 230px}
.style64 {
        width: 230px}
.menu {
        width: 230px;
        min-width: 0px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
                max-width: 0px}
.menu-group {
        width: 191px}
.icon-group-menu {
        margin-left: 10px}
.menu-group-hovered {
        width: 191px}
.style65 {
        width: 230px;
        min-width: 230px;
        max-width: 230px}
.style66 {
        width: 191px;
        max-width: 191px;
        min-width: 191px}
.style55 {
        height: 150px}
.style109 {
        width: 20%}

.style705 {
    margin-top: 5px;
    margin-bottom: 5px;
  }}
.style6 {
    display: block}
.style7 {
    height: 100vh}
.style8 {}

.menu {
    text-align: center;
    padding-left: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 0px;
    min-height: 100vh;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            width: 230px;
            max-width: none}
.menu-button {}
.style9 {
    position: relative;
    display: block}
.style10 {
    position: fixed}
.style11 {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 230px;
    z-index: 9999;
    background-color: #fff}
.style12 {
    position: fixed;
    left: 230px;
    height: 100vh}
.style13 {
    width: 191px;
    margin-top: 30px;
    height: 42px}
.style14 {
    margin-top: 45px;
    border-color: rgba(0, 0, 0, 0)}
.style13.menu-group {}

.menu-group {
    height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px}
.style15 {
    margin-top: 15px;
    margin-left: 7px}
.style16 {
    margin-left: 10px}
.style17 {
    background-color: rgba(255, 255, 255, 0);
    color: #fff}
.icon-group-menu {
    margin-left: 10px}
.text-group-menu {
    font-size: 14px;
    margin-top: 16px;
    margin-left: 10px;
    color: #B7B7B7}
.menu-group:hover {
    background-color: rgba(166, 128, 255, 0.19)}
.menu-group-hovered {
    height: 35px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px}
.menu-group-hovered:hover {
    background-color: #ededed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style18 {
    width: 200px;
    font-size: 22px;
    font-family: Poppins;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 250px}
.style19 {
    margin-top: 45px}
.style20 {
    min-height: 40px;
    height: 40px;
    margin-top: 45px}
.style21 {
    height: 20px;
    margin-right: 10px}
.style22 {
    height: 22px;
    margin-top: 15px;
    font-family: sans-serif;}
.period-picker-input {
    font-family: sans-serif;
    color: #42525E;
    font-size: 12px;
    width: 180px;
    height: 31px;
    margin-left: 50px;
    background-color: rgba(255, 255, 255, 0.25);
    border-color: #343a40;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px}
.style23 {
    margin-top: 14px;
    font-size: 15px}
.style24 {
    width: 320px;
    height: 150px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    position: fixed}
.style25 {
    font-size: 14px;
    margin-top: 25px;
    margin-left: 10px}
.style26 {
    width: 100%}
.style27 {
    margin-top: 45px}
.style28 {
    font-size: 27px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px}
.style29 {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 10px}
.style30 {
    width: 100vh}
.style31 {
    height: 300px;
    margin-top: 50px}
.style32 {
    font-size: 45px}
.style33 {
    margin-top: 50px}
.style34 {
    margin-left: 230px}
.style35 {}
.style36 {
    padding-top: 50px}
.style37 {
    font-size: 22px}
.style38 {
    margin-left: 17px}
.style39 {
    margin-left: 230px}
.style40 {
    margin-left: 230px}
.style41 {}
.style42 {}
.style43 {}
.style44 {
    position: fixed;
    left: 0px;
    width: 230px}
.style45 {
    width: 100%}
.style46 {
    text-indent: 0px;
    font-size: 15px}
.style47 {
    height: 100%;
    background-color: #F2F2F7;
    margin-bottom: 15px;
    margin-left: 238px;
    overflow: hidden;
}

.style47-dark {
    margin-left: 238px;
    background-image: linear-gradient(206deg, #262626 50%, #333 93%, #3d3d3d 100%);
    height: 100%;
    margin-bottom: 15px;
    overflow: hidden;}

.style47-playbook {
    height: 100vh;
    background-color: #F2F2F7;
    margin-bottom: 15px;
    margin-left: 238px;
}

.style47-playbook-dark {
    margin-left: 238px;
    background-image: linear-gradient(206deg, #262626 50%, #333 93%, #3d3d3d 100%);
    height: 100vh;
    margin-bottom: 15px;
  }

.style48 {
    font-size: 23px;
    color: rgba(23, 25, 26, 0.85);
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 20px}

.style48-dark {
  font-size: 23px;
  color: #fff;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 20px}

.style49 {
  margin: 35px 15px 15px 10px}
.style50 {
    background-color: #FCFCFD;
    margin: 20px 25px 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px}

.style50-dark {
    background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 20px 25px 15px}

  
.style51 {
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(120deg, #fff 53%, #E5EFFA 100%);
    width: 320px;
    height: 150px}

.style52 {
    font-size: 14px;
    margin-top: 25px;
    margin-left: 20px;
    color: rgba(23, 25, 26, 0.85)}
.style53 {
    font-size: 23px;
    margin: 10px 20px 25px}
.style54 {
    margin-left: 20px;
    font-size: 12px;
    color: rgba(23, 25, 26, 0.85)}
.style55 {
    margin-left: 15px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 320px}
.style56 {
    width: 320px}
.style57 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    height: 320px;
    width: 50%;
    margin-right: 15px}
.style58 {
    width: 820px;
    margin-left: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    height: 365px}
.style59 {
    margin-top: 35px;
    width: 800px;
    height: 100px}
.52 {}
.style60 {
    width: 80px}
.style61 {
    width: 230px;
    height: 100vh;
    background-color: #fff;
    position: fixed}
.style62 {
    margin-left: 230px}
.style63 {
    width: 230px}
.style64 {
    width: 230px}


@media (min-width: 1200px) {

  #addnewaccountmaingroup{
        width:80%;
        }

#brokersgroup{
        width:60%;
        }


#onboardinglogo{
        width: 180px;
        }

.style1460 {
        font-size:25px !important;
        }
.style64 {
        width: 80px}
.menu-group {
        width: 191px;
        min-width: 191px;
        max-width: 191px}
.style65 {
        width: 230px;
        min-width: 0px;
        max-width: 0px;
        overflow: auto}
.menu {
        width: 230px;
        min-width: 0px;
        max-width: 0px}
.menu-group-hovered {
        width: 191px;
        min-width: 191px;
        max-width: 191px}
.style66 {
        width: 191px;
        min-width: 191px;
        max-width: 191px}

}
.style65 {
    width: 230px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
                    height: 100vh;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    min-height: 100vh;
                    -webkit-box-align: end;
                        -ms-flex-align: end;
                            align-items: flex-end;
                            position: static}
.style66 {
    width: 90%;
    margin-top: 25px;
    margin-bottom: 25px}
@media (min-width: 992px) {
.style65 {
        width: 80px;
        min-width: 0px;
        max-width: 0px;
        overflow: auto;
        display: inline}
.menu {
        width: 230px;
        max-width: 0px;
        min-width: 0px}
.menu-group {
        width: 50px}
.menu-group-hovered {
        width: 50px}
.icon-group-menu {
        margin-left: 15px}
.style66 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex}
.menu-group-current {
        width: 50px}
.style214 {
        width: 80px}.menu-current {
        width: 50px}
  
  .style742 {
    width: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }

 .style742-dark {
    width: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }

.style65 {
        width: 80px}

.style1094 {
        margin-bottom: 20px;
    }}
.style67 {
    position: fixed;
    }
.style68 {
    background-color: #fff;
    width: 320px;
    height: 150px}
.style69 {
    height: 150px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style70 {
    margin-top: 20px;
    height: 150px;
    background-color: #fff}
.style71 {
    margin-bottom: 20px;
    margin-left: 15px;
    width: 80%}
.style72 {
    height: 320px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 50%}
.style73 {
    width: 25%}
.style74 {
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 20px;
    height: 100%}
.style75 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 490px;
    max-height: 490px;
    }

.style76 {}

.style76-dark {
  background-color: #262626;
  border: 1px solid #4f4f4f;
}


.style77 {
    background-color: #F2F2F7;
    }
.style77-dark {
  background-image: linear-gradient(206deg, #262626 50%, #333 93%, #3d3d3d 100%);
  }

.style77-playbook {
    background-color: #F2F2F7;
    height: 100%;
    overflow: scroll;
    }
.style77-playbook-dark {
  background-image: linear-gradient(206deg, #262626 50%, #333 93%, #3d3d3d 100%);
  height: 100%;
  overflow: scroll;
  }

.style78 {
    width: 200px;
    height: 35px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0);
    margin-right: 25px;
    border-color: rgba(66, 82, 94, 0.12);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style79 {}
.style80 {
    font-size: 14px;
    height: 31px}
.style81 {
    font-size: 16px;
    color: rgba(23, 25, 26, 0.85);
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 30px}

.style81-dark {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 30px}

.style82 {
    position: fixed}
.style83 {}
.style84 {
    height: 100vh;
    position: fixed;
    left: 0px;
    margin-right: 0px;
    width: 250px;
    background-color: #F2F2F7;
    }

.style84-dark {
    height: 100vh;
    position: fixed;
    left: 0px;
    margin-right: 0px;
    width: 250px;
    background-image: linear-gradient(116deg, #262626 50%, #333 93%, #3d3d3d 100%);
    }

.style85 {
    border-top-color: #000;
    border-style: solid}
.style86 {
    border-color: rgba(112, 112, 112, 0.26) #707070 #707070;
    border-style: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 35px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #a680ff}
.style87 {
    margin-top: 20px;
}
.style88 {
    margin-top: 25px;
}
.style89 {
    height: 0px;
    width: 680px;
}
.style90 {
    margin-left: 15px;
    margin-right: 15px}
.style91 {
    height: 600px}
.style92 {
    margin-top: 20px}
.style93 {
    width: 48%;
    height: 400px}
.style94 {
    width: 48%}
.style95 {
    font-size: 16px}
.style95-dark{
    font-size: 16px;
    color: #fff;}
.style96 {}
.style97 {
    margin-top: 20px;
    height: 700px}

.style98 {
    height: 300px}
.style99 {
    height: 500px}
.style100 {}
.style101 {}
.style102 {
    height: 0px}

.style103 {
    width: 110px;
    height: 35px;
    margin-right: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%)}
.style104 {
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-left: 10px;}

.style104-dark {
    font-size: 14px;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-left: 10px;
    color: #fff;}
.style105 {
    width: 20px;
    height: 20px;}
.style106 {
    height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style107 {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px}
.symbol-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    width: 70px;
    text-align: center}
.date-trading-journal {
    width: 98px;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px}
.type-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    text-align: center;
    width: 72px}
.volume-trading-journal {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 12px;
    width: 55px;
    text-align: center}
.commission-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    width: 90px;
    text-align: center}
.swap-trading-journal {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 12px;
    width: 60px;
    text-align: center}
.entrypoint-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    width: 90px;
    text-align: center}
.result-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    width: 85px;
    text-align: center}
.netpl-trading-journal {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    width: 100px;
    text-align: center}
.netroi-trading-journal {
    font-size: 12px;
    width: 100px;
    text-align: center;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px}
.strategy-trading-journal {
    font-size: 12px;
    width: 115px;
    text-align: center;
    margin-top: 8px;
    margin-right: 10px}

.style108 {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    }

.style108-dark {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    }

.style109 {
    height: 80px;
    background-color: #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 17.6%;
    margin-top: 25px}
.style110 {
    font-size: 22px;
    clear: right;
    margin: 15px 15px 0px 20px;
    font-weight: bold}
.style111 {
    font-size: 13px;
    margin-left: 20px;
    margin-right: 15px}
.style112 {
    width: 33%}
.style113 {
    width: 33%}
.style114 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 15px}
.style115 {
    height: 40px;
    background-color: #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px}
.style116 {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 10px}
.style117 {
    font-size: 12px;
    margin-top: 8px;
    margin-right: 15px;
    font-weight: bold}
.style118 {
    width: 33%}
.style119 {
    width: 33%}
.style120 {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px}
.style121 {
    width: 280px;
    background-color: #FCFCFD;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
    margin-left: 20px}
.style122 {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    height: 27px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style123 {
    margin-left: 15px}
.style124 {
    font-size: 14px;
    margin-top: 9px;
    margin-left: 8px;
    color: #b7b7b7}
.style125 {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style125:hover {
    background-color: #ededed}
.style126 {
    font-size: 18px;
    color: rgba(23, 25, 26, 0.85);
    margin-top: .5rem;
    margin-left: 20px;
    }

.style126-dark {
    font-size: 18px;
    color: #fff;
    margin-left: 20px;
    margin-top: .5rem;
    }
.style127 {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px}
.style128 {
    width: 22.8%;
    height: 125px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(27deg, #fff 53%, #E5EFFA 100%)}
.style129 {
    font-size: 14px;
    clear: left;
    margin-top: 20px;
    margin-left: 15px}
.style130 {
    font-size: 22px;
    margin-bottom: 0px;
    margin-left: 15px;
    height: 40px}
.style131 {
    margin: 15px 20px 20px}
.style132 {
    width: 21.2%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: linear-gradient(26deg, #fff 53%, #E5EFFA 100%)}
.style133 {
    width: 30%;
    margin-left: 20px;
    margin-right: 20px}
.style134 {
    width: 43%;
    height: 100%}
.style135 {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 10px;
    color: rgba(23, 25, 26, 0.85)}
.style136 {
    font-size: 16px;
    margin-top: 10px}
.style137 {
    margin-left: 10px}
.style138 {
    font-size: 12px;
    color: rgba(23, 25, 26, 0.85)}
.style139 {
    overflow: scroll;
    height: 380px;
    margin-bottom: 20px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.135 {}
.style140 {
    background-color: #fff;
    color: #3f3f3f}
.style141 {
    margin-top: 25px}
.style142 {}
.style143 {
    font-size: 40px;
    margin-bottom: 25px}
.style144 {
    margin-top: 35px;
    width: 50%}
.style145 {
    font-size: 16px;
    color: rgba(66, 82, 94, 0.79)}
.style146 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    -webkit-transition-property: none;
    transition-property: none;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    text-align: left;
    border-color: #8d949c;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 30px}
.style147 {
    width: 100%;
    text-align: left;
    border-color: rgba(56, 44, 44, 0);
    border-bottom-style: solid;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}
.style148 {
    width: 100%}
.style149 {
    margin-top: 25px}
.style150 {
    margin-top: 50px;
    margin-bottom: 50px}
.style151 {
    margin-bottom: 50px}
.style152 {
    height: 30px;
    font-size: 12px;
    margin-top: 5px;
    color: rgba(66, 82, 94, 0.79);
    background-color: rgba(0, 0, 0, 0);
}
.style153 {
    width: 50%}
.style154 {
    width: 50%}
.style155 {
    width: 50%;
    margin-right: 15px}
.style156 {
    width: 49%;
    background-color: #FCFCFD;
    margin-left: 15px;
    margin-right: 20px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style156-dark {
    width: 49%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    margin-left: 15px;
    margin-right: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style157 {
    width: 49%;
    margin-left: 20px}
.style158 {
    background-color: #FCFCFD;
    width: 49%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style158-dark {
    width: 49%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
.style159 {
    background-color: #FCFCFD;
    width: 49%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style159-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    width: 49%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style160 {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px;
    height: 20px;
    }

.style160-dark {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px;
    height: 20px;
    color:  #fff;
    }
.style161 {
    margin-top: 5px;
    margin-right: 15px;
    }

.style162 {
    font-size: 18px;
    margin: 10px;
    text-align: center;
    width: 50%;
    }

.style162-dark {
    font-size: 18px;
    margin: 10px;
    text-align: center;
    width: 50%;
    color: #fff;
    }
.style163 {
    font-size: 12px;
    margin-top: 8px}
.style164 {
    margin-left: 20px}
.style165 {
    width: 150px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 20px}
.style166 {
    height: 100vh;
    padding-bottom: 20px}
.style167 {}
.style168 {
    border-color: #6f42c1;
    border-style: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #a680ff;
    margin: 10px}
.style169 {
    height: 40px}
.style170 {
    font-size: 12px;
    margin-top: 9px}
.style171 {
    margin-left: 10px;
    margin-right: 10px}
.style172 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    height: 27px}
.style174 {
    font-size: 15px;
    color: #a680ff;
    margin-top: 8px;
    font-weight: bold;
    letter-spacing: 0.2em}
.style172:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#6610f2), to(#464aff));
    background-image: linear-gradient(0deg, #6610f2 0%, #464aff 100%)}
.style175 {
    font-size: 12px;
    color: #878787}
.style176 {
    margin-top: 10px}
.style177 {
    border-top: 0px solid #000;
    height: 1px;
    background-color: #000;
    color: rgba(0, 0, 0, 0);
    width: 191px;
    margin: 20px 10px;
    background-image: linear-gradient(109deg, #000 0%, #e6e6e6 100%)}
.menu-group-current {
    height: 35px;
    width: 191px}
.text-group-current {
    font-size: 14px;
    color: #6201ff;
    margin-top: 16px;
    margin-left: 10px}
.style178 {
    height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px 20px;
    background-color: #fff}
.style179 {
    height: 1px;
    color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(288deg, rgba(130, 130, 130, 0.34) 0%, rgba(231, 221, 255, 0.51) 100%);
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px}
.style180 {
    height: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style180:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#d7dcff), to(white));
    background-image: linear-gradient(0deg, #d7dcff 0%, white 100%)}
.style180:active {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}
.style173 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px}
.style173:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style181 {
    font-size: 12px;
    margin-top: 9px;
    margin-left: 10px}
.style182 {
    height: 27px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px}
.style183 {
    margin-right: 10px}
.style184 {
    height: 35px;
    width: 191px;
    margin-bottom: 20px}
.style184:hover {
    background-color: #ededed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style185 {}
.wappler-temp {}
.style186 {
    width: 50%;
    margin-top: 35px}
.style187 {
    width: 49%;
    background-color: #a6a6a6}
.style188 {
    width: 49%;
    background-color: #a680ff}
.style189 {
    background-color: #a680ff;
    margin-left: 10px;
    margin-right: 10px}
.style187:hover {
    background-color: #707070}
.style188:hover {
    background-color: #6610f2}
.style189:hover {
    background-color: #6610f2}
.style122:hover {
    background-color: #ededed}
.style190 {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    height: 27px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style191 {
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style191:hover {
    background-color: #ededed}
.style192 {
    height: 27px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px}
.style192:hover {
    background-color: #ededed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style193 {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    height: 27px}
.style194 {
    margin-top: 25px;
    margin-bottom: 25px}
.style195 {
    font-size: 18px;
    margin-top: .5rem;
    margin-left: 10px;
    }

.style195-dark {
    font-size: 18px;
    margin-top: .5rem;
    margin-left: 10px;
    color: #fff;
    }
    
.style196 {
    margin-left: 15px}
.style197 {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 15px}
.style198 {
    height: 35px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 15px}
.style199 {}
.style200 {
    margin-left: 15px}
.style201 {
    font-size: 12px;
    margin-top: 7px;
    margin-left: 10px}
.style202 {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 10px;
    color: #B7B7B7}
.style203 {
    margin-bottom: 15px}
.style198:hover {
    background-color: #ededed}
.style204 {
    margin-bottom: 10px}
.style205 {
    margin-top: 25px}
.style206 {}
.style207 {
    margin-left: 45px;
    margin-right: 20px}
.style208 {
    font-size: 12px}
.style209 {
    margin-top: 5px;
    margin-left: 5px}
.style210 {
    height: 35px}
.style211 {
    font-size: 12px;
    height: 15px;
    margin-top: 9px}
.style212 {
    height: 30px;
    margin-bottom: 10px;
    width: 200px}
.style213 {
    margin: 20px 180px}
.style215 {
    width: 50px;
    height: 35px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 25px}
.style216 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%);
    height: 1px;
    width: 50px;
    margin-top: 15px;
    margin-bottom: 15px}
.style217 {}
.style218 {
    height: 35px;
    width: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style219 {
    height: 35px;
    width: 50px;
    margin-top: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style219:hover {
    background-color: #ededed}
.style220 {
    width: 100px}
.style221 {
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
.style222 {
    width: 50px;
    margin-top: 55px}
.style223 {
    width: 100px}
.style224 {
    width: 50px}
.style225 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 50px;
    height: 35px;
    background-color: #a680ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style226 {
    width: 90%}
.style227 {
    width: 35%}
.style228 {
    font-size: 22px}
.style229 {
    margin-top: 15px}
.style230 {
    margin-top: 25px;
    padding-left: 25px;
    width: 65%}
.style231 {
    font-size: 16px}

.style231-dark {
    font-size: 16px;
    color: #fff;
    }

.style232 {
    height: 35px;
    width: 150px;
    font-size: 12px;
    margin-left: 40px;
    background-image: repeating-linear-gradient(108deg, #FAF0F1 0%, #E5EFFA 100%)}
.style233 {
    margin-top: 15px}
.style232:hover {
    background-color: #6610f2}
.style234 {
    font-size: 20px;
    margin-top: 8px}
.style235 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 25px}
.style236 {
    margin-left: 15px;
    width: 150px;
    height: 35px;
    font-size: 12px;
    color: #bb2d3b;
    font-weight: bold;
    background-color: #dee2e6}
.style236:hover {
    background-color: #bb2d3b;
    color: #fff}
.style237 {
    width: 50%;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 10px;
    margin-left: 25px;
    }
.style238 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 250px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
        min-height: 100vh;
        position: fixed;
        background-color: #F2F2F7;}

.style238-dark {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 250px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
        min-height: 100vh;
        position: fixed;
        background-image: linear-gradient(116deg, #262626 50%, #333 93%, #3d3d3d 100%);}


.style239 {
    margin-left: 25px}
.style240 {
    margin-left: 25px}
.style241 {
    font-size: 12px;
    width: 20%}
.style242 {
    width: 35%;
    background-color: rgba(0, 0, 0, 0);
    }
.style243 {
    margin-left: 15px;
    width: 150px}
.style244 {
    width: 50%;
    margin-top: 50px;
    margin-left: 25px}
.style245 {
    width: 25%}
.style246 {
    width: 25px}
.style247 {
    width: 40%;
    background-color: #dee2e6;
    color: #3623d9;
    font-weight: bold}
.style247:hover {
    color: #fff;
    background-color: #3623d9}
.style248 {
    margin-top: 50px;
    margin-left: 25px;
    width: 45%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#b393ff), to(#8c7fff));
    background-image: linear-gradient(0deg, #b393ff 0%, #8c7fff 100%)}
.style249 {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
    margin-left: 15px}
.style250 {
    font-size: 16px;
    margin-left: 15px;
    color: #fff}
.style251 {
    margin-top: 25px;
    margin-bottom: 15px;
    margin-right: 25px;
    width: 30%;
    color: #fff;
    background-color: #3623d9;
    font-size: 12px}
.style252 {
    font-size: 12px;
    width: 30%;
    margin-top: 25px;
    margin-bottom: 15px;
    margin-right: 15px;
    color: #bb2d3b;
    background-color: #fff}
.style252:hover {
    color: #fff;
    background-color: #bb2d3b}
.style251:hover {
    background-color: #a680ff;
    color: #fff}
.style253 {
    margin-top: 20px;
    margin-left: 25px}
.style254 {
    font-size: 18px}
.style255 {
    font-size: 14px;
    margin-top: 13px;
    margin-right: 20px}
.style256 {
    margin-top: 15px;
    width: 50%}
.style257 {
    height: 35px;
    font-size: 12px;
    background-color: #a680ff;
    color: #fff;
    width: 50%}
.style257:hover {
    background-color: #6610f2;
    color: #fff}
.style258 {
    margin-top: 25px;
    margin-left: 25px}
.style259 {
    font-size: 17px;
    margin-top: 20px;
  }

.style259-dark {
    font-size: 17px;
    margin-top: 20px;
    color: #fff;
  }

.style260 {
    margin-top: 15px;
    margin-left: 25px;
    border-color: #6c757d;
    border-style: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 60%}
.style261 {
    margin-right: 25px;
    border-color: #a680ff;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: repeating-linear-gradient(115deg, #FAF0F1 0%, #E5EFFA 100%)}
.style262 {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 15px;
  }
.style263 {
    margin-top: 15px;
    margin-left: 15px}
.style264 {
    width: 400px;
    height: 300px}
.style265 {
    font-size: 12px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

.style266 {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    height: 50px;
    -webkit-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
            margin-right: 15px;
            }
.style267 {
    width: 49%;
    margin-top: 10px;
    margin-left: 25px;
    border-color: #6c757d;
    border-style: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style268 {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 10px 15px}
.style269 {
    margin-left: 25px}
.style270 {
    font-size: 14px}
.style271 {
    background-color: #FAFAFA;
    width: 50%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f4efff), to(white));
    background-image: linear-gradient(0deg, #f4efff 0%, white 100%);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 25px}

.style271-dark {
    margin-top: 30px;
    margin-left: 25px;
    width: 50%;
    background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    margin-bottom: 20px;
    }


.style272 {
    margin-top: 20px}
.style273 {
    font-size: 18px;
    }
.style274 {
    font-size: 14px;}

.style275 {
    font-size: 18px;
    margin-top: 25px;
    margin-left: 20px;}
.style276 {
    margin-right: 20px;
    border-color: #d3d4d5;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style277 {
    margin-left: 20px;
    font-size: 23px;
}
.style278 {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.45);
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px}
.style279 {
    color: rgba(0, 0, 0, 0)}
.style280 {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 20px}
.style281 {
    margin-bottom: 15px}
.style282 {
    font-size: 16px;
    margin-top: 8px;
    margin-left: 10px;
    }
.style283 {
    border-color: #111;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style284 {
    margin: 15px 20px;
    background-image: linear-gradient(263deg, #a680ff 0%, #6610f2 100%);
    color: #fff}
.style285 {
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#002FFF), to(#8A5BF7));
    background-image: linear-gradient(0deg, #002FFF 0%, #8A5BF7 100%)}
.style286 {
    height: 100vh}
.style287 {
    height: 100vh;
    width: 100vh}
.style288 {
    margin-top: 35px}
.style289 {
    height: 20px;
    width: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style290 {
    color: rgba(0, 0, 0, 0)}
.style291 {
    margin-left: 15px}
.style292 {
    margin-left: 15px}
.style293 {
    margin-left: 15px}
.style294 {}
.style295 {}
.style296 {
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
    padding-right: 200px}
.style297 {
    font-size: 24px;
    color: #fff}
.style298 {
    margin-top: 25px}
.style299 {
    height: 20px;
    width: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 20px}
.style300 {
    margin-bottom: 45px}
.style301 {
    color: rgba(0, 0, 0, 0)}
.style302 {
    margin-bottom: 35px}
.style303 {
    font-size: 16px;
    color: #fff}
.style304 {
    margin-bottom: 35px;
    font-size: 35px;
    font-weight: bold;
    color: #fff}
.style305 {
    margin-bottom: 35px;
    font-size: 22px;
    color: #fff}
.style306 {
    margin-bottom: 50px}
.style307 {
    margin-top: 50px;
    height: 100vh}
.style308 {
    width: 45%;
    margin-right: 35px}
.style309 {
    width: 55%}
.style310 {
    margin-bottom: 35px;
    color: #fff;
    font-weight: bold;
    font-size: 35px}
.style311 {
    color: #fff;
    font-size: 22px;
    margin-top: 400px;
    margin-bottom: 35px}
.style312 {
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 80%}
.style313 {
    font-weight: bold;
    color: #545454}
.style314 {
    color: #545454;
    font-size: 16px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center}
.style315 {
    font-size: 16px}
.style316 {
    margin-top: 50px;
    width: 50%}
.style317 {
    height: 100vh}
.style318 {
    width: 40%;
    height: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    background-image: repeating-linear-gradient(0deg, #a680ff 0%, #6610f2 100%)}
.style319 {
    width: 50%;
    margin-left: 10px;
    margin-right: 10px;
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff}
.style320 {
    font-size: 16px;
    margin-top: 8px;
    color: #000}
.style321 {
    width: 49%;
    margin-left: 10px;
    margin-right: 10px;
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style322 {
    font-size: 10px;
    color: #000;
    margin-top: 10px;
    margin-left: 5px}
.style323 {
    font-size: 16px;
    margin-top: 8px;
    color: #fff}
.321 {}
.style324 {
    margin-top: 20px}
.style325 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#6610f2), to(#a680ff));
    background-image: linear-gradient(0deg, #6610f2 0%, #a680ff 100%);
    margin-left: 25px}
.style326 {
    margin-top: 25px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 25px;
    color: #fff}
.style327 {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px}
.style328 {
    font-size: 30px;
    margin-top: 20px;
    margin-left: 20px;
    color: #fff}
.style329 {
    color: rgba(0, 0, 0, 0)}
.style330 {
    height: 1px;
    background-color: #fff;
    margin: 10px 20px 20px}
.style331 {
    margin-left: 30px;
    margin-right: 30px}
.style332 {
    font-size: 14px;
    margin-top: 2px;
    margin-left: 10px;
    color: #fff}
.style333 {
    margin-bottom: 20px}
.style334 {
    margin-top: 30px;
    margin-bottom: 30px}
.style335 {
    width: 90%;
    border-color: rgba(0, 0, 0, 0);
    margin-left: 10px;
    margin-right: 10px;
    color: #6610f2;
    background-color: #fff}
.style335:hover {
    background-color: #3321cc;
    color: #fff}
.style336 {
    margin-top: 25px;
    margin-right: 15px;
    border-color: rgba(255, 255, 255, 0.24);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 30px}
.style337 {
    font-size: 12px;
    display: inline;
    color: #fff;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 15px}
.style338 {
    margin-left: 10px}
.style339 {
    font-weight: bold;
    color: #545454}
.style340 {
    color: #545454;
    font-size: 14px}
.style341 {
    color: #545454}
.style342 {
    height: 100vh}
.style343 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 80%}
.style344 {
    width: 45%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#002FFF), to(#8A5BF7));
    background-image: linear-gradient(0deg, #002FFF 0%, #8A5BF7 100%);
    margin: 20px 10px 20px 20px}
.style345 {
    width: 55%;
    margin: 20px 20px 20px 10px}
.style346 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 20px}
.style347 {
    margin-left: 15px;
    color: #fff}
.style348 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-right: 25px}
.style349 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-right: 25px}
.style350 {}
.style351 {
    height: 15px;
    width: 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 15px}
.style352 {
    color: rgba(0, 0, 0, 0)}
.style353 {
    color: #545454;
    font-weight: bold;
    margin-top: 45px;
    margin-left: 15px}
.style354 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 15px}
.style355 {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px}
.style356 {
    width: 30px;
    height: 30px;
    margin: 10px 15px}
.style357 {
    font-size: 16px;
    margin-top: 15px;
    margin-left: 15px}
.style358 {
    margin-top: 20px}
.style359 {
    margin-left: 15px}
.style360 {
    width: 170px;
    background-color: #a680ff;
    color: #fff}
.style360:hover {
    background-color: #6610f2;
    color: #fff}
.style361 {
    margin-top: -15px;
    margin-right: 15px;
    color: #545454;
    font-size: 13px;
    height: 20px}
.style362 {
    margin-right: 15px;
    width: 30%;
    height: 130px;
    color: #545454;
    font-size: 13px}
.style363 {
    width: 110px;
    margin-left: 15px;
    background-color: #ced4da;
    color: #261999}
.style363:hover {
    background-color: #373b3e;
    color: #fff}
.style364 {
    margin: 15px 15px 10px}
.style365 {
    color: #545454;
    font-size: 13px}
.style366 {}
.style367 {
    height: 100vh}
.style368 {
    margin-bottom: 50px}
.style369 {
    width: 100vh}
.style370 {
    height: 100vh;
    width: 100vh}
.style371 {
    font-size: 55px;
    color: #545454;
    font-weight: bold;
    display: -webkit-box;
    margin-top: 15px}
.style372 {
    color: #545454;
    font-size: 16px}
.style373 {
    margin-top: 25px;
    width: 60%}
.style374 {
    background-color: rgba(0, 0, 0, 0);
    color: #fff}
.style374:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #fff}
.style374:active {
    color: #fff;
    background-color: rgba(0, 0, 0, 0)}
.style374:visited {
    background-color: rgba(0, 0, 0, 0);
    color: #fff}
.style375 {
    width: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    opacity: 1;
    padding-top: 50px;
    padding-bottom: 50px}
.style376 {}
.style377 {
    width: 70%;
    margin-top: 30px}
.style378 {
    width: 80%;
    color: #545454}
.style379 {
    width: 80%;
    height: 40px;
    padding-left: 10px;
    opacity: 1;
    border: 1px solid rgba(52, 58, 64, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style379:focus {
    border: 1px solid rgba(52, 58, 64, 0.47);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style379:hover {
    border: 1px solid rgba(52, 58, 64, 0.47);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style379:visited {
    border: 1px solid rgba(52, 58, 64, 0.47);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style379:active {
    border: 1px solid rgba(52, 58, 64, 0.47);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style380 {
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0s;
                    transition-duration: 0s;
            -webkit-transition-delay: 0s;
                    transition-delay: 0s;
                    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #343a40;
                    border-bottom-style: solid}
.style380:focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)}
.style380:active {
    border-color: rgba(0, 0, 0, 0)}
.style381 {
    width: 80%}
.style382 {
    width: 70%;
    margin-top: 10px}
.style383 {
    font-size: 12px}
.style384 {
    width: 70%;
    margin-top: 25px}
.style385 {
    width: 90%;
    color: #fff;
    background-color: #a680ff;
    margin-bottom: 15px}
.style386 {
    width: 90%}
.style387 {
    width: 90%}
.style388 {
    width: 90%;
    font-size: 14px}
.style389 {
    height: 100vh}
.style390 {
    height: 100vh}
.style391 {
    margin: 25px 15px 25px 20px;
    width: 100%}
.style392 {
    width: 45%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#002FFF), to(#8A5BF7));
    background-image: linear-gradient(0deg, #002FFF 0%, #8A5BF7 100%);
    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 10px}
.style393 {
    margin-top: 20px}
.style394 {
    color: #545454;
    font-weight: bold;
    margin-top: 15px}
.style395 {
    font-size: 15px}
.style396 {
    width: 60%;
    margin-top: 25px}
.style397 {
    font-size: 14px;
    margin-bottom: 20px}
.style398 {
    color: #fff;
    width: 80%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #2210f2), to(#933bf2));
    background-image: linear-gradient(0deg, #2210f2 1%, #933bf2 100%)}
    
.style398:hover {
    color: #fff;
    background-color: #6610f2}
.style399 {
    margin-top: 15px}
.style400 {
    width: 60%;
    margin-top: 10px}
.style401 {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px}
.style402 {
    height: 1px;
    width: 100px;
    background-color: #6610f2}
.style403 {
    color: rgba(0, 0, 0, 0)}
.style404 {
    width: 60%;
    margin-top: 10px}
.style405 {
    height: 35px;
    border-color: #261999;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 49%}
.style406 {
    margin-left: 15px}
.style407 {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 20px}
.style408 {
    font-size: 12px;
    margin-top: 10px}
.style409 {
    width: 60%;
    margin-top: 15px}
.style410 {
    font-size: 14px}
.style411 {
    font-size: 14px;
    margin-left: 5px;
    color: #a680ff}
.style412 {
    width: 100%}
.style413 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px}
.style414 {
    font-size: 16px}
.style415 {
    width: 80%;
    margin-top: 35px}
.style416 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style417 {
    font-size: 20px;
    color: #fff;
    margin-top: 6px;
    margin-left: 10px}
.style418 {
    font-size: 19px}
.style419 {
    margin-top: 10px;
    color: #fff}
.style420 {
    font-size: 14px}
.style421 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px}
.style422 {
    font-size: 12px;
    color: rgba(66, 82, 94, 0.79);
    width: 60%}
.style423 {
    font-weight: bold;
    font-size: 30px;
    margin-top: 25px;}
.style424 {
    margin-top: 25px;
    width: 75%}
.style425 {
    padding-bottom: 25px}
.style426 {
    font-size: 14px}
.style427 {
    color: #545454;
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px}
.style428 {
    margin-top: 15px}
.style429 {
    font-size: 14px}
.style430 {
    width: 100%}
.style431 {
    margin-top: 20px}
.style432 {}

.style432-dark {
background-image: linear-gradient(116deg, #262626 50%, #333 93%, #3d3d3d 100%);
}
.style434 {
    height: 40px;
    border: 1px solid #343a40;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style435 {
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px}
.style436 {}
.style437 {
    margin-left: 15px;
    width: 90px;
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

.style437-dark {
    margin-left: 15px;
    width: 90px;
    background-color: #171717;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }


.style438 {
    width: 50%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px}
.style439 {
    width: 20px;
    height: 20px}
.style440 {
    margin-top: 15px}
.style441 {
    margin-top: 15px}
.style442 {
    margin-top: 20px}
.style443 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px}
.style444 {
    font-weight: bold;
    font-size: 26px;
    width: 100%;
    text-align: center}
.style445 {
    margin-top: 20px;
    width: 60%}
.style446 {
    font-size: 14px}
.style447 {
    background-color: #6610f2;
    height: 50px;
    width: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style448 {
    color: rgba(0, 0, 0, 0);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style449 {
    margin-top: 20px;
    width: 80%}
.style450 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 20px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 20px;
    }

.style450-dark {
    color: rgba(66, 82, 94, 0.79);
    font-size: 20px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 20px;
    color: #fff;
    }

.style451 {
  margin-top: 25px;
  margin-bottom: 25px}
.style452 {
    font-size: 16px;
    color: rgba(66, 82, 94, 0.79);
    margin-left: 10px}
.style453 {
    width: 20px;
    height: 20px}
.style454 {
    margin-top: 10px;
    margin-left: 10px}
.style455 {
    font-size: 14px;
    margin-top: 9px;
    margin-left: 10px}
.style456 {
    margin-top: 20px}

.style457 {
    width: 100%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px}
.style458 {
    width: 47%;
    background-color: rgb(186, 40, 40);
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px}
.style458:hover {
    color: #fff;
    background-color: #f53648}
.style459 {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px}
.style460 {
    width: 47%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    }
.style460:hover {
    background-color: RGBA(66, 82, 94, 0.12);
    }

.style460-dark {
    width: 47%;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    color: #fff;
    }
  .style460-dark:hover {
    width: 47%;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    color: #fff;
    }
.style461 {
    color: rgba(66, 82, 94, 0.79);
    font-weight: bold;
    text-align: center;
    font-family: serif}
.style462 {
    color: rgba(66, 82, 94, 0.79);
    font-weight: bold;
    text-align: center;
    font-size: 25px}
.style463 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 16px;
    text-align: center;
    margin-top: 10px}
.style464 {
    height: 100vh}
.style465 {
    width: 45%;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style466 {
    color: rgba(66, 82, 94, 0.79);
    font-weight: bold}
.style467 {
    margin-top: 50px}
.style468 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 18px;
    margin-top: 5px;
    text-align: center}
.style469 {
    width: 52%;
    margin-top: 25px;
    margin-bottom: 50px}
.style470 {
    width: 100%}
.style471 {
    color: #fff;
    width: 49%;
    margin-left: 20px;
    background-image: linear-gradient(108deg, #a680ff 0%, #4354ff 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style471:hover {
    background-color: #6610f2;
    color: #fff}
.style472 {
    width: 49%;
    background-color: #c4c4c4;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style472:hover {
    background-color: #8f8f8f;
    color: #fff}
.style473 {
    height: 100vh}
.style474 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: linear-gradient(139deg, #000 23%, #030309 100%);
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}

/* Floating star overlays */
.style474::before,
.style474::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

/* Main star layer — moderate density, lively drift */
.style474::before {
    background-image:
        radial-gradient(2px 2px at 20px 30px, #fff, transparent),
        radial-gradient(1.5px 1.5px at 60px 80px, rgba(255,255,255,0.8), transparent),
        radial-gradient(2px 2px at 100px 120px, rgba(255,255,255,0.7), transparent),
        radial-gradient(1.5px 1.5px at 160px 200px, rgba(255,255,255,0.9), transparent),
        radial-gradient(2px 2px at 220px 40px, #eee, transparent),
        radial-gradient(1.5px 1.5px at 280px 150px, rgba(255,255,255,0.6), transparent),
        radial-gradient(2px 2px at 320px 250px, #fff, transparent),
        radial-gradient(2px 2px at 400px 100px, rgba(255,255,255,0.5), transparent),
        radial-gradient(1px 1px at 450px 180px, rgba(255,255,255,0.7), transparent),
        radial-gradient(2px 2px at 500px 220px, #fff, transparent);
    background-repeat: repeat;
    background-size: 400px 250px;
    -webkit-animation: random-wander 60s ease-in-out infinite alternate, twinkle 4s ease-in-out infinite alternate;
            animation: random-wander 60s ease-in-out infinite alternate, twinkle 4s ease-in-out infinite alternate;
    -webkit-animation-delay: 0s, -1s;
            animation-delay: 0s, -1s;
}

/* Background layer — fewer but bigger stars, slower motion for parallax depth */
.style474::after {
    background-image:
        radial-gradient(3px 3px at 100px 150px, rgba(255,255,255,0.7), transparent),
        radial-gradient(2px 2px at 250px 300px, rgba(255,255,255,0.6), transparent),
        radial-gradient(2px 2px at 400px 200px, rgba(255,255,255,0.5), transparent),
        radial-gradient(3px 3px at 500px 400px, rgba(255,255,255,0.8), transparent),
        radial-gradient(2px 2px at 600px 100px, rgba(255,255,255,0.4), transparent);
    background-repeat: repeat;
    background-size: 800px 400px;
    animation: random-wander-slow 100s ease-in-out infinite alternate-reverse;
    opacity: 0.5;
}

/* Random wandering motion (stronger movement now) */
@-webkit-keyframes random-wander {
    0%   { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    10%  { -webkit-transform: translate(8px, -6px); transform: translate(8px, -6px); }
    20%  { -webkit-transform: translate(-10px, 4px); transform: translate(-10px, 4px); }
    30%  { -webkit-transform: translate(12px, 8px); transform: translate(12px, 8px); }
    40%  { -webkit-transform: translate(-6px, -8px); transform: translate(-6px, -8px); }
    50%  { -webkit-transform: translate(10px, 5px); transform: translate(10px, 5px); }
    60%  { -webkit-transform: translate(-12px, 10px); transform: translate(-12px, 10px); }
    70%  { -webkit-transform: translate(8px, -10px); transform: translate(8px, -10px); }
    80%  { -webkit-transform: translate(-10px, 6px); transform: translate(-10px, 6px); }
    90%  { -webkit-transform: translate(6px, 8px); transform: translate(6px, 8px); }
    100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}
@keyframes random-wander {
    0%   { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    10%  { -webkit-transform: translate(8px, -6px); transform: translate(8px, -6px); }
    20%  { -webkit-transform: translate(-10px, 4px); transform: translate(-10px, 4px); }
    30%  { -webkit-transform: translate(12px, 8px); transform: translate(12px, 8px); }
    40%  { -webkit-transform: translate(-6px, -8px); transform: translate(-6px, -8px); }
    50%  { -webkit-transform: translate(10px, 5px); transform: translate(10px, 5px); }
    60%  { -webkit-transform: translate(-12px, 10px); transform: translate(-12px, 10px); }
    70%  { -webkit-transform: translate(8px, -10px); transform: translate(8px, -10px); }
    80%  { -webkit-transform: translate(-10px, 6px); transform: translate(-10px, 6px); }
    90%  { -webkit-transform: translate(6px, 8px); transform: translate(6px, 8px); }
    100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}

/* Slower, subtler parallax motion */
@-webkit-keyframes random-wander-slow {
    0%   { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    25%  { -webkit-transform: translate(-6px, 4px); transform: translate(-6px, 4px); }
    50%  { -webkit-transform: translate(8px, -5px); transform: translate(8px, -5px); }
    75%  { -webkit-transform: translate(-5px, 6px); transform: translate(-5px, 6px); }
    100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}
@keyframes random-wander-slow {
    0%   { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    25%  { -webkit-transform: translate(-6px, 4px); transform: translate(-6px, 4px); }
    50%  { -webkit-transform: translate(8px, -5px); transform: translate(8px, -5px); }
    75%  { -webkit-transform: translate(-5px, 6px); transform: translate(-5px, 6px); }
    100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}

/* Lively twinkle */
@-webkit-keyframes twinkle {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
@keyframes twinkle {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

@media (max-width: 1024px) {


.style1800{
        font-size: 22px !important;
        }

  .style1827, .style1764{
        width:80% !important;
        }


#addnewaccountmaingroup, #startonboarding, #connectstepsaddnewacc{
        width:80%;
        }


  #brokersgroup{
        width:80%;
        }

 .style1691{
        font-size: 12px !important;
        }

 #unvisualbuttondashboard{
display: none !important;
}

#choosebroker{
margin-right: 0px !important;

}



/* PERFORMANCE */


#menuperformance{
display: none !important;
}

#overview{
margin-left: 15px !important;
}

#recordspov{
font-size: 12px !important;
}


/* Trade Detail */

#livechartandcomment{
display: none !important;
}

#groupinfotd {
width: 100% !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
}



.style475 {
    width: 70%}
.style476 {
    width: 200px;
    margin-bottom: 25px}
.style477 {
    width: 50%;
    margin-top: 20px}
.style478 {
    width: 47%}
.style479 {
    width: 49%;
    margin-left: 10px}
.style480 {
    color: #545454;
    font-size: 13px;
    margin-right: 15px}
.style481 {}
.style482 {
    width: 100%}
.style483 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 150px
    }

.style483:hover {
    background-color: #ededed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
    }

.style483-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 150px
    }

.style483-dark:hover {
    background-color: #252427;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
    }
.style484 {
    margin: 10px}
.style485 {
    font-size: 14px;
    color: rgba(66, 82, 94, 0.79);
    margin-top: 12px;
    margin-right: 15px;
    }
  
.style485-dark {
    font-size: 14px;
    color: #fff;
    margin-top: 12px;
    margin-right: 15px;
    }

.style486 {
    margin-top: 20px;
    width: 100%}
.style487 {
    width: 50%}
.style488 {
    font-size: 14px;
    color: rgba(66, 82, 94, 0.79)}
.style489 {}
.style490 {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px}
.style491 {
    width: 75%;
    margin-top: 25px}
.style492 {}
.style493 {
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: repeating-linear-gradient(0deg, #2210f2 0%, 100% undefined, #4354ff 99%)}
.style494 {
    font-size: 14px;
    margin-top: 12px;
    margin-right: 15px;
    color: #fff}
.style495 {
    margin-top: 20px;
    width: 50%}
.style496 {
    font-size: 14px;
    margin-top: 8px;
    }

.style496-dark {
    font-size: 14px;
    margin-top: 8px;
    color: #fff;
    }

.style497 {
    width: 75%;
    margin-top: 20px}
.style498 {
    width: 30px;
    height: 30px}
.style499 {
    width: 1px;
    color: rgba(0, 0, 0, 0)}
.style500 {
    width: 30px;
    height: 30px;
    background-color: #ff2c2c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 10px;
    margin-right: 10px}
.style501 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #1fb64a}
.style502 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #0040ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style503 {
    margin-left: 10px;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-color: #ffb200;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style504 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #bf00ff}
.style505 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #ff00bf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style506 {
    margin-bottom: 20px}
.style507 {
    margin-bottom: 25px}
.style508 {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #587246;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style509 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #d84b20}
.style510 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #84c3be;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style511 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #000}
.style512 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #d0d0d0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style513 {
    margin-left: 10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-color: #495057;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style514 {
    width: 60%;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 70%}
.style515 {}
.style516 {}
.style517 {
    text-align: center;
    font-weight: bold;
    color: rgba(66, 82, 94, 0.79);
    font-size: 30px}
.style518 {
    text-align: center;
    color: rgba(66, 82, 94, 0.79);
    font-size: 25px;
    width: 85%;
    margin-top: 30px}
.style519 {
    margin-bottom: 25px}
.style520 {
    width: 30%;
    height: 40px;
    background-color: #a680ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 25px}
.style521 {
    font-size: 18px;
    margin-top: 8px;
    color: #fff}
.style522 {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: 10px}
.style523 {
    margin-top: 15px;
    width: 50%}
.style524 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 14px}
.style525 {
    height: 100vh;
    width: 100vh}
.style526 {}
.style527 {
    width: 75%}
.style528 {}
.style529 {
    width: 20%;
    background-color: #fff}
.style530 {
    width: 100%;
    height: 100%}
.style531 {
    margin: 45px 25px 50px}
.style532 {
    height: 42px;
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 25px}
.style533 {
    margin-left: 15px}
.style534 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 14px;
    margin-top: 9px;
    margin-left: 10px}
.style535 {
    width: 80%}
.style536 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 26px;
    margin-top: 15px;
    margin-left: 10px}
.style537 {
    margin-top: 60px}
.style538 {
    margin-left: 10px;
    padding-right: 10px;
    border-color: rgba(66, 82, 94, 0.79);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style539 {
    margin-top: 25px;
    margin-left: 10px}
.style540 {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px}
.style541 {
    width: 150px}
.style542 {
    width: 150px}
.style543 {
    margin-top: 35px}
.style544 {
    width: 33%;
    background-color: #fff;
    margin-left: 10px;
    border-color: rgba(66, 82, 94, 0.58);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style545 {
    margin-left: 10px;
    color: rgba(66, 82, 94, 0.79);
    font-weight: bold;
    font-size: 30px}
.style546 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px}
.style547 {
    background-color: #6c757d;
    width: 1px;
    height: 20px;
    margin-left: 10px}
.style548 {
    color: rgba(0, 0, 0, 0);
    height: 5px}
.style549 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 14px;
    margin-top: 15px;
    margin-left: 10px}
.style550 {
    margin-bottom: 15px}
.style551 {
    background-color: #fff;
    margin-left: 10px;
    width: 67%;
    height: 400px;
    border-color: rgba(66, 82, 94, 0.58);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
.style552 {}
.style553 {
    margin-top: 35px}
.style554 {
    margin-top: 35px;
    margin-bottom: 30px}
.style555 {
    width: 33%;
    background-color: #fff;
    border-color: rgba(66, 82, 94, 0.58);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 300px;
    margin-left: 10px}
.style556 {
    height: 100vh}
.style557 {
    height: 100vh}
.style558 {
    height: 100vh}
.style559 {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 15px}
.style560 {
    font-size: 18px;
    color: #fff;
    margin-top: 8px}
.style561 {
    margin-top: 15px;
    height: 45px;
    width: 150px;
    border: 1px solid #e9ecef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
.style562 {
    margin-left: 15px;
    margin-right: 5px}
.style563 {
    margin-top: 10px;
    margin-bottom: 30px}
.style564 {
    width: 100%}
.style565 {
    width: 70%;
    min-width: 0px;
    margin-top: 20px}
.style566 {
    width: 100%}
.style567 {
    width: 20px;
    height: 20px}    
    .style568 {
    margin-top: 25px;
    width: 100%}.menu-current {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    height: 35px}.style569 {
    color: rgba(0, 0, 0, 0)}.style570 {
    width: 65%}.style571 {
    height: 100vh}.style572 {
    height: 100vh}.style573 {
    margin-bottom: 20px}.style574 {
    width: 100%;}.style575 {
    width: 450px;}.style576 {}.style577 {
    margin-top: 20px}.style578 {
    background-color: #fff;
    background-image: linear-gradient(91deg, #a680ff 0%, rgba(166, 128, 255, 0.83) 100%)}.style579 {
    margin-right: 15px}.style580 {
    color: #4285F4	;
    margin-right: 10px}.style581 {
    margin-right: 10px;
    border-color: #495057;
    border-style: solid;
    width: 100%}.style582 {
    margin-right: 10px;
    color: #3b5998}
    
    .style583 {
    color: #2c3034}
    
    .style584 {
    color: #8c7fff}
    
    .style585 {
    margin-top: 90px}
    {}.style586 {
    height: 100%}.style587 {
    width: 100%}.style588 {
    color: #222;
    margin: 10px}.style589 {
    width: 100%;
    margin-right: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}.style590 {
    background-color: #fff;
    height: 310px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 310px}.style591 {
    font-size: 12px;
    padding-left: 10px;
    text-align: center}.style592 {}
    
    .style593 {
    margin-top: 25px;
    height: 100%;
    }
    
    .style594 {}.style595 {
    color: #f00}.style596 {
    text-align: center;
    height: 430px;
    max-height: 430px}.style597 {
    font-size: 14px;
    text-align: center}.style598 {
    font-size: 12px;
    text-align: center}
    .style599 {
        color: #198754;
        font-weight: bold}
    .style600 {
         color: rgb(255, 52, 52);
         font-size: 12px}
    .buy {
    font-size: 12px;
    color: #ff1313}
    .style601 {
    max-height: 300px}
    .vermelho {
    color: #ff0018}
    .verde {
    color: #02d440}
    .style602 {
    border-color: #a680ff}
    .style603 {
    width: 100%;
    overflow: scroll;
    max-height: 100%}
    .style604 {
    clear: left}
    .style605 {
    text-align: center}
    .style606 {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px}
    .style607 {}
    .style608 {
    height: 40px}
    .style609 {
    font-size: 18px;
    margin-top: 10px}

    .style609-dark {
    font-size: 18px;
    margin-top: 10px;
    color: #fff;}


    .style610 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px}
    .style611 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

    .style611-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

    .style612 {
    font-size: 12px;
    margin: 10px 15px 10px 10px}

    .style612-dark {
    font-size: 12px;
    margin: 10px 15px 10px 10px;
    color: #fff;}

    .style613 {
    width: 15px;
    height: 15px;
    margin-left: 10px}

    .style614 {
    width: 33.3%;
    max-width: 33.3%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 25px}
    .style615 {
    height: 40px;
    padding-left: 8px;
    border-color: rgba(0, 0, 0, 0.08);
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
    .style616 {
    width: 80px;
    height: 80px}
    .style617 {
    height: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}

    .style617-dark {
    height: 100%;
    background-image: linear-gradient(116deg, #262626 50%, #333 93%, #3d3d3d 100%);
    }


    .style618 {
    width: 70px;
    height: 50px;
    padding: 0px;
    border-color: #fff;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
    .style619 {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.08);
    font-weight: bold;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: center}
  
  .style619-dark {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: center}


    .style620 {
    font-size: 15px;
    width: 75%;
    }

    .style620-dark {
    font-size: 15px;
    width: 75%;
    color: #fff;
    }
    .style621 {
    font-size: 15px}
    .style622 {
    font-size: 16px;
    margin-bottom: 15px}

    .style622-dark {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    }
  .table-circle {
        height: 20px;
         width: 40px;
         border-radius: 10%; 
         display: inline-block;
         }
  .style623 {
    width: 50%;
    font-size: 12px}
  .style624 {
    margin-bottom: 40px}
  .style625 {
    width: 50%;
    margin-top: 25px;
    margin-bottom: 50px}
  .style626 {
    margin-top: 50px}
  .style627 {}
  .style628 {
    background-color: rgba(0, 0, 0, 0)}
  .style629 {
    margin-top: 25px}
  .style630 {
    font-size: 14px}
  .style631 {}
  .style632 {
    width: 90%}
  .style633 {}
  .style634 {
    margin-top: 20px}
  .style635 {
    width: 80%}
  .style636 {}
  .style637 {
    width: 100%}
  .style638 {
    width: 60px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px}
  .table-rectangle {
    height: 20px;
    border-radius: 10%; 
    display: inline-block;
    margin-left: 15px;}
  .style639 {
    width: 70%}
  .style640 {
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#2210f2), to(#933bf2));
    background-image: linear-gradient(0deg, #2210f2 0%, #933bf2 100%);
    color: #fff}
  .style640:hover {
    color: #fff}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .style641 {
    font-size: 12px;
    color: rgba(66, 82, 94, 0.79)}
  .style642 {
    min-height: 200px}
  .style643 {
    width: 70%;
    margin-top: 20px}
  .style644 {
    width: 50%;
    margin-top: 25px}
  .style645 {
    height: 100vh}
  .style646 {
    width: 100%;
    height: 100vh}
  .style647 {
    width: 100%}
  .style648 {
    height: 90%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 100%}
  .style649 {
    width: 95%;
    margin: 25px 25px 70px}
  .style650 {
    margin-left: 25px;
    margin-right: 25px;
    width: 65%}
  .style651 {
    background-color: rgba(245, 255, 255, 0.5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style652 {
    font-size: 32px;
    }
  .style653 {
    font-size: 18px;}
  .style654 {
    width: 25px;
    height: 25px;
    margin: 10px}
  .style655 {
    width: 100%}
  .style656 {
    font-size: 14px;
    margin-top: 8px}
  .style657 {
    width: 65%;
    margin-top: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(245, 255, 255, 0.5)}
  .style658 {
    width: 30px;
    height: 30px;
    margin: 15px}
  .style659 {
    font-size: 20px;
    margin-top: .5rem;
    margin-bottom: .5rem}
  .style660 {
    width: 65%;
    margin-top: 50px}
  .style661 {
    height: 40px;
    background-color: #bababa;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    }

    .style661-dark {
    height: 40px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  .style662 {
    color: #fff;
    font-size: 14px;
    margin: 8px 50px}
  .style657:hover {
    border-color: rgba(73, 80, 87, 0.19);
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style663 {
    margin-top: 30px;
    width: 65%;
    background-color: rgba(245, 255, 255, 0.5);
    border-color: #343a40;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style664 {}
  .style665 {
    background-color: #000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 40px;
    }

    .style665-dark{
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 40px;
    }

  .style666 {
    width: 100%;
    height: 50px;
    margin-bottom: 20px}
  .style667 {
    margin-top: 30px;
    width: 65%;
    background-color: rgba(245, 255, 255, 0.5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style668 {
    font-size: 13px;
    margin-top: 3px}
  .style667:hover {
    border-color: rgba(73, 80, 87, 0.19);
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style669 {
    margin-top: 30px;
    width: 65%;
    background-color: rgba(245, 255, 255, 0.5);
    border-color: #343a40;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style670 {
    margin-top: 10px;
    margin-bottom: 10px}
  .style671 {
    background-color: rgba(245, 255, 255, 0.5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    margin-bottom: 15px}
  .style672 {
    background-color: #e8e8e8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 10px 15px}
  .style673 {
    width: 30px;
    height: 30px;
    margin: 5px}
  .style674 {
    font-size: 18px;
    margin-top: 8px}
  .style675 {
    width: 30px;
    height: 30px;
    margin-right: 15px}
  .style676 {
    width: 65%;
    margin-top: 30px;
    height: 65%;
    overflow: auto}
  .style677 {
    width: 65%;
    margin-top: 35px}
  .style678 {
    margin-bottom: 10px;
    background-color: #c3bfe6;
    border-width: 0px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style679 {
    font-size: 14px;
    margin: 10px 15px;
    color: #fff}
  .style680 {
    font-size: 14px;
    color: #fff;
    margin: 10px 15px}
  .style681 {
    margin-bottom: 15px;
    background-color: #a680ff}
  .style682 {
    background-color: #a680ff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 10px;
    margin-bottom: 10px}
  .style683 {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: #f26e7b;
    margin-top: 10px;
    margin-bottom: 10px}
  .style684 {
    background-color: #77aeff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 10px;
    margin-bottom: 10px}
  .style685 {
    background-color: rgba(20, 108, 67, 0.63);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 10px;
    margin-bottom: 10px}
  .style686 {
    background-color: #ff81bc;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-top: 10px;
    margin-bottom: 10px}
  .style687 {
    font-size: 12px;
    color: #ff1818;
    margin-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center;
    width: 33%}
  .style688 {
    font-size: 12px;
    color: #198754;
    width: 33%;
    text-align: center;
    margin-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem}
  .style689 {
    height: 100%;
    overflow: scroll}
  .style690 {
    font-size: 13px;
    width: 33%;
    text-align: center;
    margin-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem}
  .style691 {
    width: 33%;
    font-size: 12px;
    text-align: center;
    margin-top: .6rem;
    padding-left: .5rem;
    padding-right: .5rem}
  .style692 {
    height: 100%;
    overflow: scroll}
  .style693 {
    clear: none;
    margin-left: 10px;
    margin-right: 10px}
  .style694 {
    height: 100%}
  .style695 {
    font-size: 15px;
    text-align: center;
    width: 80px;
    min-width: 80px;
    margin-top: .5rem}

  .style695-dark {
    font-size: 15px;
    text-align: center;
    width: 80px;
    min-width: 80px;
    margin-top: .5rem;
    color: #fff;
    }
  .style696 {
    font-size: 15px;
    width: 100px;
    text-align: center;
    min-width: 100px;
    max-width: 100px;
    margin-top: .5rem;
    margin-left: 8px;
    margin-right: 8px}

  .style696-dark {
    font-size: 15px;
    width: 100px;
    text-align: center;
    min-width: 100px;
    max-width: 100px;
    margin-top: .5rem;
    margin-left: 8px;
    margin-right: 8px;
    color: #fff;
    }


  .style697 {
    font-size: 15px;
    width: 130px;
    text-align: center;
    min-width: 130px;
    margin-top: .5rem;
    margin-left: 8px;
    margin-right: 8px}

  .style697-dark {
    font-size: 15px;
    width: 130px;
    text-align: center;
    min-width: 130px;
    margin-top: .5rem;
    margin-left: 8px;
    margin-right: 8px;
    color: #fff;}
  .:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style698 {
    margin-top: .5rem}
 
  .style699 {
    clear: both;
    margin-top: 10px}
    
  .style699:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  
  .style699-dark {
    clear: both;
    margin-top: 10px}
    
  .style699-dark:hover {
    background-color:#262626;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  .style700 {
    border-color: rgba(99, 99, 99, 0.78);
    border-style: none;
    }

  .style701 {
    position: static;
    clear: both;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: scroll;
    }

  .style702 {}
  
  .style703 {
    background-color: #af8dff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin: 8px;
    overflow: scroll}
  .style704 {
    background-color: #f26e7b;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin: 8px;}
  .style705 {
    font-size: 15px;
    min-width: 130px;
    text-align: center;
    color: #fff;
    margin-top: .5rem;
    max-width: 130px;
    height: 20px;
    max-height: 20px;
    overflow: hidden}
  .style706 {
    background-color: #77aeff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin: 8px;}
  .style707 {
    background-color: #146C43;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin: 8px;}
  .style708 {
    background-color: #ff81bc;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin: 8px;}
  .style709 {
    color: #198754;
    font-size: 15px;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .5rem}

    .style709-100px {
    color: #198754;
    font-size: 15px;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .5rem}

  .style710 {
    font-size: 15px;
    color: #ff1818;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    margin-top: .5rem}

    .style710-100px {
    font-size: 15px;
    color: #ff1818;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    margin-top: .5rem}

  .style711 {
    border-color: #495057;
    border-style: none}
  .style712 {
    height: 100%;
    overflow: scroll;
    border-color: rgba(66, 82, 94, 0.12);
    border-style: none}
  .style713 {
    margin: 5px 12px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    .style713:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

    .style713-dark {
    margin: 5px 12px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    .style713-dark:hover {
    background-color: #18181B;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

  .style714 {
    font-size: 2px;
    color: rgba(0, 0, 0, 0);
    width: 25px;
    height: 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 5px}
  .style715 {
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    }

    .style715-dark {
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #fff;
    }

  .style716 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 10px}
  .style717 {
    width: 90%}
  .style718 {
    width: 10%;
    margin-right: 10px}

  .style719 {
    height: 100%;
    overflow: scroll}
  .style720 {
    font-size: 14px;
    margin-top: .5rem;
    }

  .style720-dark {
    font-size: 14px;
    margin-top: .5rem;
    color: #fff;
    }
  .style721 {
    margin-top: 10px;
    margin-left: 10px}
  .style722 {
    margin-bottom: 10px;
    margin-left: 10px}
  .style723 {
    font-size: 16px;
}

.style723-dark {
    font-size: 16px;
    color: #fff;
}
  .style724 {
    width: 80%;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 10px}
  .style725 {
    font-size: 16px;
    margin-top: 8px;
    margin-left: 10px;
    }

    .style725-dark {
    font-size: 16px;
    margin-top: 8px;
    margin-left: 10px;
    color: #fff;
    }
  .style726 {
    width: 35px;
    height: 35px}
  .style727 {
    font-size: 16px;
    margin-top: 8px;
    }

    .style727-dark {
    font-size: 16px;
    margin-top: 8px;
    color: #fff;
    }
  .style728 {
    max-height: 100%;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    height: 505px}
  .style729 {
    margin-top: 15px;
    margin-right: 15px;
    width: 30%}
  .style730 {
    height: 33px;
    background-color: #000;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    }

    .style730-dark {
    height: 33px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    }
  .style731 {
    width: 17px;
    height: 17px;
    margin-left: 10px;
    margin-right: 10px}
  .style732 {
    color: rgba(255, 255, 255, 0.63);
    font-size: 14px;
    margin-top: .6rem;
    margin-right: 10px}
  .style733 {
    height: 33px;
    margin-left: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style733-dark {
    height: 33px;
    margin-left: 15px;
     border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style734 {
    height: 100%;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: scroll}
  .style735 {
    height: 50%;
    max-height: 100%;
    margin-left: 10px;
    margin-right: 10px}
  .style736 {
    margin-left: 10px;
    margin-right: 10px;
    height: 100%}
  .style737 {
    height: 100vh}
  .style738 {
    margin-left: 0px}
  .style739 {
    width: 100%}
  .style740 {
    height: 100vh}
  .style741 {
    width: 191px}
  .style742 {
    width: 90%;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

.style742:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff}

 .style742-dark {
    width: 90%;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

 .style742-dark:hover {
    width: 90%;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #18181B;
    }

  .style743 {
    font-size: 14px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 10px;
    padding-top: .4rem;
    padding-bottom: .4rem;
    }

  .style743-dark {
    font-size: 14px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 10px;
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: #fff;
    }


  .style744 {
    width: 17px;
    height: 100%;
    margin: 10px}
  .style745 {
    width: 90%;
    margin-top: 25px}
  .style746 {
    color: rgba(66, 82, 94, 0.79);
    font-size: 15px;
    margin-top: .5rem;
    margin-left: 10px;
    margin-right: 10px}
  
  .style747 {
    width: 80%}
  .style748 {
    height: 1px;
    margin-top: 25px;
    background-image: linear-gradient(109deg, rgba(0, 0, 0, 0.78) 0%, #e6e6e6 100%)}
  .style749 {
    color: rgba(0, 0, 0, 0)}
  .style750 {
    width: 15px}
  .style751 {
    width: 90%;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

    .style751-dark {
    width: 90%;
    margin-top: 10px;
    background: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}


  .style752 {
    margin: 15px 10px;
    }

  .style753 {
    height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #000;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    }

   .style753-dark {
    height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    }

  .style754 {
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #000
    }

  .style754-dark {
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    }
 
  .style760 {
    background-color: #fff;
    height: 100vh;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    overflow: scroll}

    .style760-dark {
    background-color: #171717;
    height: 100vh;
    overflow: scroll;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px}


  .style761 {
    margin-top: 35px;
    padding-left: 25px;
    padding-right: 10px}

  .style762 {
    color: rgba(66, 82, 94, 0.85);
    font-size: 25px;
    margin-bottom: 1px}

  .style762-dark {
    color: #fff;
    font-size: 25px;
    margin-bottom: 1px;}

  .style763 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: repeating-linear-gradient(109deg, #A680FF 0%, #4354ff 100%);
    color: #f8f9fa;
    font-size: 14px;
    height: 45px}

  .style763:hover {
   color: #fff;
   background-image: linear-gradient(136deg, #4354ff 0%, #6610f2 100%)}

   .style763-dark {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    border: 1px solid #4f4f4f;
    color: #fff;
    font-size: 14px;
    height: 45px}
  
   .style763-dark:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left bottom, left top, from(#5a5a5a), color-stop(50%, #3a3a3a), to(#2a2a2a));
    background: linear-gradient(360deg, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    font-size: 14px;
    color: #fff;
    height: 45px}

  .style764 {
    width: 35%}
  .style765 {
    width: 80px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px}
  .style766 {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    border-color: rgba(66, 82, 94, 0.12)}

  .style766-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    border-color: #4f4f4f}

  .style767 {
    font-size: 14px;
    margin-top: .5rem;
    margin-left: 15px;
    margin-right: 15px;}

  .style767-dark {
    font-size: 14px;
    margin-top: .5rem;
    margin-left: 15px;
    margin-right: 15px;
    color: #fff;}

  .style768 {
    margin-left: 10px;
    background-color: #000;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style768:hover {
    background-size: auto;
    background-color: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  .style768-dark {
    margin-left: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    }
  .style768-dark:hover {
    background-size: auto;
    background-color: #f1f1f1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style769 {
    margin-left: 10px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style769:hover {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

  .style769-dark {
    margin-left: 10px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  .style770 {
    font-size: 16px;
    margin-bottom: 15px}
  
  .style770-dark {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;}

  .style771 {
    font-size: 14px}

  .style771-dark {
    font-size: 14px;
    color: #fff;}

  .style772 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%}
  .style773 {
    font-size: 14px}
  .style774 {
    width: 70%}
  .style775 {
    width: 30%}
  .style776 {
    margin-left: 15px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: #a680ff;
    width: 100%}
  .style777 {
    font-size: 13px;
    height: 40px}
    outline: none;
  .style778 {
    margin-top: 10px}
  .style779 {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%}
  .style780 {
    width: 25px;
    height: 25px;
    margin: 10px}
  .style781 {
    margin: 20px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

   .style781-dark {
    margin: 20px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}

  .style782 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 100%;
    margin-bottom: 25px}

   .style782-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 100%;
    margin-bottom: 25px}

  .style783 {
    color: rgba(66, 82, 94, 0.85);
    font-size: 23px;
    margin-top: .5rem}

  .style783-dark {
    color: #fff;
    font-size: 23px;
    margin-top: .5rem}


  .style784 {
    margin-top: 20px;
    margin-bottom: 20px}
  .style785 {
    margin-right: 15px}
  .style786 {
    background-image: linear-gradient(22deg, #fff 11%, #E5EFFA 100%);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 50px;
    padding-bottom: 50px}
  .style787 {
    margin-top: 25px;
    width: 75%}
  .style788 {
    font-size: 25px;
    color: rgba(66, 82, 94, 0.85)}
  .style789 {
    color: rgba(66, 82, 94, 0.85);
    font-size: 15px;
    margin-top: 10px}
  .style790 {
    width: 60%;
    margin-top: 20px}
  .style791 {
    background-color: rgba(0, 0, 0, 0)}
  .style792 {
    margin-top: 20px;
    width: 60%}
  .style793 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}
  .style794 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px}
  .style795 {
    width: 100%;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-image: repeating-linear-gradient(110deg, #af8dff 0%, #4354ff 100%)}
  .style796 {
    font-size: 12px;
    color: rgba(66, 82, 94, 0.85);
    margin-top: 10px}
  .style797 {
    width: 100%}
  .style798 {}
  .style799 {}
  .style800 {}
  .style801 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            direction: ltr}
  .style802 {}
  .style803 {}
  .style804 {
    height: 100vh}
  .style805 {
    width: 40%;
    margin-top: 20px}
  .style806 {
    width: 60%;
    margin-top: 20px}
  .style807 {
    height: 60%}
  .style808 {
    height: 40%}
  .style809 {
    height: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style810 {
    font-size: 16px;
    margin-top: 20px;
    margin-left: 20px}
  .style811 {
    margin: 10px;
    height: 100%}
  .style812 {
    height: 100%}
  .style813 {
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style814 {
    font-size: 12px;
    margin: 15px 10px}
  .style815 {
    width: 33.3%}
  .style816 {
    margin-top: 15px;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style817 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px}
  .style818 {
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: scroll;
    margin-top: 15px;
    padding-bottom: 15px}
  .style819 {
    font-size: 23px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px}
  .style820 {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 10px}
  .style815:hover {
    background-color: #e5effa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  .style821 {
    margin: 15px 15px 10px 25px}
  .style822 {
    font-size: 14px}
  .style823 {
    color: #198754;
    font-size: 24px;
    font-weight: bold}
  .style824 {
    color: #FF0000;
    font-size: 24px;
    font-weight: bold}
  .style825 {
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 25px}
  .style826 {
    font-size: 12px;
    margin-top: .5rem}
  .style827 {
    font-size: 14px;
    margin-top: .5rem}
  .style828 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}

    .style829 {
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px}

    .style829:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

    .style829-dark {
    background: linear-gradient(135deg, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px}

    .style829-dark:hover {
    background: -webkit-gradient(linear, left top, right top, from(#5a5a5a), color-stop(50%, #3a3a3a), to(#2a2a2a));
    background: linear-gradient(90deg, #5a5a5a 0%, #3a3a3a 50%, #2a2a2a 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  .style830 {
    margin: 8px}
  
  .style831 {
    overflow: scroll}
  .style832 {
    overflow: scroll}
  .style833 {
    overflow: scroll}
  .style834 {
    overflow: scroll}
  .style835 {
    overflow: scroll}
  .style611:hover {
    background-color: rgba(0, 0, 0, 0.02)}
  .style836:focus {
    border-color: #000;
    border-style: none}
  .style837 {
    font-size: 14px;
    margin-top: .5rem;
    margin-left: 15px;
    margin-right: 15px}
  .style838 {}
  .style839 {
    width: 60%}
  .style840 {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style841 {
    font-size: 24px;
    margin-top: 15px}
  .style842 {
    width: 50px;
    height: 50px}
  .style843 {
    margin-top: 25px}
  .style844 {
    margin-top: 25px}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .wappler-temp {}
  .style845 {
    width: 70px}
  .style846 {
    font-size: 16px}
  .style847 {
    font-size: 17px;
    margin-top: .5rem;
    margin-left: 10px;
    letter-spacing: 0.1em}
  .style848 {
    margin-top: 25px}
  .style849 {
    font-size: 14px;
    margin-top: .5rem}
  .style850 {
    margin-top: 20px}
  .style851 {
    background-color: rgba(0, 0, 0, 0);
    font-family: serif;}
  .style851:focus {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-style: none;
    opacity: 1;
    }
  .form-control {focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;}font-size: 14px;-webkit-transition-property: none !important;transition-property: none !important;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-duration: 0s;transition-duration: 0s;-webkit-transition-timing-function: none;transition-timing-function: none;border: 1px solid rgba(66, 82, 94, 0.39);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;width: 100%;letter-spacing: 0.1em
}
  .style852 {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    font-size: 14px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    border-width: 1px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style852:focus {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style852:visited {
    border: 1px solid rgba(66, 82, 94, 0.63);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style852:active {
    border: 1px solid rgba(66, 82, 94, 0.63);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style852:hover {
    border-width: 1px;
    border-color: rgba(66, 82, 94, 0.63);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px}
  .style853 {
    height: 100vh;
    overflow: scroll;
    max-height: 100%;
    margin-top: 15px}
  .style854 {
    width: 45%;
    height: 100%;
    margin-left: 15px}
  .style855 {
    width: 60%;
    height: 100%}
  .style856 {
    background-color: #FCFCFD;
    padding: 10px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style856-dark {
    background-color: #262626;
    border: 1px solid #4f4f4f;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  .style857 {
    width: 33.3%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
    
    .style857:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    }

    .style857-dark {
    width: 33.3%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
    
    .style857-dark:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #18181B;
    }


  .style858 {
    font-size: 14px;
    margin: 10px;
    }
  
  .style858-dark {
    font-size: 14px;
    margin: 10px;
    color: #fff;
    }

  .style859 {
    width: 33.3%;
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
   .style859-dark {
    width: 33.3%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style860 {
    margin-top: 10px;
    background-color: #FCFCFD;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
   .style860-dark {
    margin-top: 10px;
    background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  .style861 {
  margin: 10px}
  .style862 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    }

  .style862-dark {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #fff;
    }


  .style863 {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 10px;
    margin-left: 10px;
    }

    .style863-dark {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #fff;
    }
  .style864 {
    overflow: scroll;
    position: sticky;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background-color: #FCFCFD;
    height: 100%;
    }

  .style864-dark {
    overflow: scroll;
    position: sticky;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background-color: #262626;
    border: 1px solid #4f4f4f;
    height: 100%;
    }

  .style865 {
    font-size: 14px;
    margin-top: 20px;
    margin-left: 15px;
    }

  .style865-dark {
    font-size: 14px;
    margin-top: 20px;
    margin-left: 15px;
    color: #fff;
    }


  .style866 {
    margin-left: 15px;
    font-weight: bold;
    font-size: 22px;
    color: #198754}
  .style867 {
    margin-left: 15px;
    font-weight: bold;
    font-size: 22px;
    color: #dc3545}
  .style868 {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px}
  .style869 {
    font-size: 14px;
    margin-top: .5rem;
    margin-left: 10px;
    margin-right: 10px;
    }
  
  .style869-dark {
    font-size: 14px;
    margin-top: .5rem;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    }


  .style870 {
    font-size: 14px;
    padding-left: 10px;
    border: 1px solid rgba(66, 82, 94, 0.63);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }
  .style871 {
    background-color: #FCFCFD;
    height: 50%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-left: 15px;
    margin-right: 15px;
    }

  .style871-dark {
    height: 50%;
    background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-left: 15px;
    margin-right: 15px;
    }
  .style872 {
    background-color: #FCFCFD;
    height: 50%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px;
    }
  .style872-dark {
    height: 50%;
     background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px;
    }
    
  .style873 {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 15px;
    }
  
  .style873-dark {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 15px;
    color: #fff;
    }

  .style870:active {
    border-color: #42525e;
    border-style: solid}
  .style874 {}
  .style875 {
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0px;
    font-size: 40px}
  .style876 {
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-top: 8px;
    margin-bottom: 30px}
  .style877 {
    width: 450px;
    margin-top: 25px}
  .style878 {
    font-size: 15px;
    letter-spacing: 0.1em}
  
  .style879 {
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-top: 15px;
    margin-bottom: 0px}
  .style880 {
    background-color: #fff9fa;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid rgba(66, 82, 94, 0.39);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff9fa), to(#f4f8ff));
    background-image: linear-gradient(0deg, #fff9fa 0%, #f4f8ff 100%)}
  .style881 {
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 0px}
  .style882 {
    margin: 10px 15px}
  .style883 {
    margin-top: 1rem}
  .style884 {
    margin: 10px 15px 10px 10px}
  .style885 {
    text-align: center;
    margin-top: 25px}
  .style886 {
    margin-top: 1rem;
    font-size: 14px;
    width: 65%;
    letter-spacing: 0.1em}
  .style887 {
    width: 70%}
  .style880:hover {
    background-color: #e5effa;
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse}
  .style888 {
    border: 1px solid rgba(66, 82, 94, 0.39);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-bottom: 10px;
    background-image: linear-gradient(21deg, #6c757d 0%, #343a40 100%)}
  .style889 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    font-size: 14px}
  .style888:hover {
  background-image: linear-gradient(108deg, #343a40 0%, #6c757d 100%)}
  .style879:hover {
    color: #a680ff}
  .style890 {
    height: 0px}
  .style891 {
    height: 100%}
  .style892 {
    margin-top: 25px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 20px;
    }

  .style892-dark {
    margin-top: 25px;
    margin-left: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    }
  .style893 {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px}
  .style894 {
    font-size: 16px;
    margin-top: .5rem;
    }

  .style894-dark {
    font-size: 16px;
    margin-top: .5rem;
    color: #fff;
    }
  .style895 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style896 {
    margin-top: 10px}
  .style897 {}
  .style898 {
    overflow: scroll}
  .style899 {}
  .style900 {
    width: 50%}
  .style901 {
    margin-top: 25px}
  .style902 {
    font-size: 30px;
    text-align: center;
    margin-top: 20px}
  .style903 {
    margin-top: 25px}
  .style904 {
    font-size: 14px;
    margin: 0.5rem 25px}
  .style905 {
    margin-left: 10px;
    margin-right: 10px}
  .style906 {}
  .style907 {
    margin-left: 10px;
    margin-right: 10px;
    border-color: rgba(66, 82, 94, 0.12);
    border-style: solid;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style908 {
    margin-left: 10px;
    margin-right: 10px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: #dc3545}
  .style909 {
    margin: 15px;
    height: 100%}
  .style910 {
    font-size: 18px;
    margin-top: .5rem;
    margin-left: 10px;
    }

  .style910-dark {
    font-size: 18px;
    margin-top: .5rem;
    margin-left: 10px;
    color: #fff;
    }

  .style911 {
    margin-top: 20px;
    height: 100%}
  .style912 {
    height: 100%}
  .style913 {
    width: 70%;
    max-width: 70%}
  .style914 {
    width: 100%}
  .style915 {
    width: 100%;
    height: 100%}
  .style916 {
    color: rgba(0, 0, 0, 0);
    width: 50px;
    min-width: 50px;
    max-width: 50px}
  .style917 {
    width: 50px;
    min-width: 50px;
    max-width: 50px}
  .style918 {
    margin-top: .5rem;
    margin-bottom: .5rem}
  .style919 {
    margin: 8px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: #A680FF;
   }
  .style920 {
    margin: 8px;
    background-color: rgba(255, 255, 255, 0);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style921 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #00a9ff;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px}
  .style922 {
    width: 30px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #99d9b1}
  .style923 {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #c2ff07;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
  .style924 {
    width: 50%;
    margin-top: 15px}
  .style925 {
    background-color: rgba(0, 0, 0, 0);
    height: 50px;
    width: 100%;
    border-style: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}
  .style926 {
    width: 30%}
  .style927 {
    font-size: 12px;
    margin-top: 15px}
  .style928 {
    margin: 8px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px}
  .style929 {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid rgba(66, 82, 94, 0.12)}
  .style930 {
    padding-top: .5rem}
  .style931 {
    padding-top: .5rem}
  .style932 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-repeat: repeat-y
    }

  .style932:active {
    background-color: inherit; /* Prevent default active background change */
    outline: none; /* Remove any default outline */
}

.style932:focus {
    outline: none; /* Remove default focus outline; add your own if needed for accessibility */
}
  .style933 {
    margin-bottom: 0.5px}
  .style934 {
    margin-bottom: 0.5px}
  .style935 {
    margin-bottom: 2px}
  .style936 {}
  .style937 {
    margin-top: 1rem;
    margin-left: 10px;
    font-size: 12px}
  .style938 {
    width: 70%;
    margin-top: 10px;
    margin-bottom: 10px}

  
  .style939 {
    background-color: rgba(0, 0, 0, 0)}
  
  .style940 {
    font-size: 14px;
    clear: left;
    margin-top: 1.1rem;
    margin-left: 10px;
    margin-right: 20px}
  
  .style941 {
    margin-bottom: 10px;
    font-size: 14px}
  
  .style942 {
    height: 50px;
    width: 60px;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}
  
  .style943 {
    margin: 5px 10px 10px}
  
  .style943:hover {
    background-color: rgba(0, 0, 0, 0.03);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px}
  
  .style944 {
    width: 25px;
    margin-left: 10px}
  
  .style945 {
    width: 25px;
    max-width: 25px;
    margin-left: 10px}
  
  .style946 {
    font-family: sans-serif;
    font-size: 1px;
    color: rgba(0, 0, 0, 0)}
  
  .style947 {
    width: 19%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    }

  .style947-dark {
    width: 19%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    }
  
  .style948 {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    }


  .style948-dark {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    color: #fff;
    }
  
  .style949 {
    margin-left: 10px;
    margin-right: 25px;
    font-size: 14px;
    }

  .style949-dark {
    margin-left: 10px;
    margin-right: 25px;
    color: #fff;
    font-size: 14px;
    }
  
  .style950 {
    margin-top: 20px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    }

    .style950-dark {
    margin-top: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    }
  
  .style951 {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    }

    .style951-dark {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    color: #fff;
    }

    
  
  .style952 {
    margin-left: 10px;
    font-size: 14px;
    }

    .style952-dark {
    font-size: 14px;
    margin-left: 10px;
    color: #fff;
    }
  
  .style953 {
    width: 100%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-left: 15px;
    background-color: #fff;
    height: 405px;
    }

    .style953-dark {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-left: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    height: 405px;
    }
  
  .style954 {
    width: 25%}
  
  .style955 {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    }
  
  .style955-dark  {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    }

  .style956 {
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 5px;
    letter-spacing: 0.1em;
    }
  
  .style956-dark {
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 5px;
    letter-spacing: 0.1em;
    color: #fff;
    }

  .style957 {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #fff;
    }

    .style957-dark {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #171717;
    }


  
  .style958 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    margin-top: 20px}
  
  .style959 {
    width: 100%}
  
  .style960 {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px}
  
  .style961 {
    width: 100%;
    margin-left: 15px}
  
  .style962 {
    margin-bottom: 0px;
    margin-left: 5px;
    letter-spacing: 0.1em;
    }

  .style962-dark {
    margin-bottom: 0px;
    margin-left: 5px;
    letter-spacing: 0.1em;
    color: #fff;
    }
  
  .style963 {
    margin-bottom: 0px;
    letter-spacing: 0.1em;
    margin-left: 5px;
    }

  .style963-dark {
    margin-bottom: 0px;
    letter-spacing: 0.1em;
    margin-left: 5px;
    color: #fff;
    }
  
  .style964 {
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0)}
  
  .style965 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 10px;
    }

  .style965-dark {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 10px;
    color: #fff;
    }
  
  .style966 {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
    }

    .style966-dark {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
    color: #fff;
    }
  
  .style967 {
    width: 24%;
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    .style967-dark {
    width: 24%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style968 {
    width: 24%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style968-dark {
    width: 24%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style969 {
    width: 75%;
    height: 920px;
    max-height: 920px;
    min-height: 920px;
    margin-left: 15px;
    }
  
  .style970 {
    font-size: 14px;
    margin: 10px 10px 5px;
    }

    .style970-dark {
    font-size: 14px;
    margin: 10px 10px 5px;
    color: #fff;
    }
  
  .style971 {
    margin-left: 10px;
    margin-right: 10px}
  
  .style972 {
    font-size: 14px;
    }

  .style972-dark {
    font-size: 14px;
    color: #fff;
    }
  
  .style973 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px !important;
    }

    .style973-dark {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px !important;
    color: #fff;
    }
  
  .style974 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    height: 900px;
    width: 100%;
    }
  
  .style974-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 900px;
    width: 100%;
    }

  .style975 {
    height: 50%;
    width: 100%}
  
  .style976 {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 15px;
    }

  .style976-dark {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 15px;
    color: #fff;
    }
  
  .style977 {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px}
  
  .style978 {
    margin-top: 20px;
    height: 50%}
  
  .style979 {
    width: 98%}
  
  .style980 {
    background-color: #F2F2F7}
  
  .style981 {
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    }
  
  .style981-dark {
    background-color: #171717;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    }
  .style982 {
    margin: 15px 10px 10px;
    height: 350px}
  
  .style983 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px}
  
  .style984 {
    font-size: 14px;
    margin: 10px 10px 10px 15px;
    }
  
  .style984-dark {
    font-size: 14px;
    margin: 10px 10px 10px 15px;
    color: #fff;
    }

  .style985 {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
    text-align: center;
    font-size: 14px;
    margin: .5rem 5px;
}

.style985-dark {
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    text-align: center;
    font-size: 14px;
    margin: .5rem 5px;
}

  .style986 {
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px}
  
  .style987 {
    width: 25%;
    margin: .5rem 5px}
  
  .style988 {
    margin-left: 5px;
    margin-right: 5px}
  
  .style989 {
    margin: 5px 15px 15px;
    height: 800px;
    overflow: scroll;
    }
  
  .style990 {
    margin-top: 5px;
    margin-bottom: 5px;
    }

  .style990:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(0, 0, 0, 0.02)}
  
  .style991 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    font-size: 13px;
    text-align: center;
    margin: .5rem 5px;
}
.style991-dark {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
    font-size: 13px;
    text-align: center;
    margin: .5rem 5px;
  color: #fff;
}
  
  
  .style992 {}
  
  .style993 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
    width: 23px;
    height: 23px;
    margin-left: 10px;
    margin-right: 5px;
}
  
  .style994 {
    font-size: 1px;
    color: rgba(0, 0, 0, 0)}
  
  .style995 {
 -webkit-box-flex: 0;
     -ms-flex: 0 0 23px;
         flex: 0 0 23px;
    width: 23px;
    height: 23px;
    margin-left: 10px;
    margin-right: 5px;
}
  
  .style996 {
  height: 18px}
  
  .style997 {
    margin-top: 20px}
  
  .style998 {
    margin-top: 15px}
  
  .style999 {
    margin-left: 20px;
    margin-right: 20px}
  
  .style1000 {
    width: 59%;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    margin-bottom: 15px;
    max-height: 600px;
    }
  
  .style1000-dark {
    width: 59%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 15px;
    }

  .style1001 {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    }
  
  .style1001-dark {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    color: #fff;
    }

  .style1002 {
    width: 90%;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.04);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1003 {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: .4rem;
    padding-bottom: .4rem;
    clear: none;
    font-size: 14px}
  
  .style1004 {
    font-size: 14px;
    color: #000;
    margin-top: .5rem;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: .5rem;
    padding-bottom: .4rem}
  
  .style1005 {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}

  
  .style1005-dark{
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    background-color: #171717;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}

  
  .style1006 {
    margin: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}
  
  .style1007 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1008 {
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    height: 100%;
    }
  
  .style1008-dark {
    background-color: #171717;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    height: 100%;
    }

    .style1008-playbook {
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    height: 100vh;
    overflow: scroll;
    }
  
  .style1008-playbook-dark {
    background-color: #171717;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    padding-bottom: 15px;
    overflow: scroll;

    }
  
  .style1009 {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px}

   .style1009-dark {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #171717;
    }
  
  .style1010 {
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px}
  
 .style1010-dark {
    background-color: #171717;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 15px;}
  
  .style1011 {
    width: 24%;
    background-image: linear-gradient(121deg, #fff 54%, #E5EFFA 100%);
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1012 {
    margin-left: 20px;
    font-size: 12px}
  
  .style1013 {
    font-size: 14px;
    margin: 20px 15px 2px 20px}
  
  .style1014 {
    background-image: linear-gradient(123deg, #fff 53%, #E5EFFA 100%);
    margin-bottom: 20px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1015 {
    font-size: 23px;
    margin: 10px 20px 25px}
  
  .style1016 {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 20px}
  
  .style1017 {
    height: 330px;
    margin-left: 20px}
  
  
  .style1018 {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 20px}
  
  .style1019 {
    width: 100%}
  
  .style1020 {
    overflow: scroll}
  
  .style1021 {
    margin-top: 5px;
    margin-bottom: 5px}
  
  .style1022 {
    margin: 5px 10px}
  
  .style1023 {
    margin-left: 10px;
    margin-right: 10px}
  
  .style1024 {
    overflow: scroll;
    height: 300px}
  
  .style1022:hover {
    background-color: rgba(0, 0, 0, 0.03);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1025 {
    width: 50%;
    height: 400px}
  
  .style1026 {
    height: 400px;
    width: 50%}
  
  .style1027 {
    height: 35px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 10px;
    margin-right: 10px}

  .style1027-dark {
    height: 35px;
    margin-left: 10px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 10px}
  
  .style1028 {
    height: 100%}
  
  .style1029 {
    height: 100%}
  
  .style1030 {}
  
  .style1031 {
    width: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 5px}
  
  .style1032 {
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    height: 100%}
  
  .notecolor {
    width: 10px;
    height: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 0px}
  
  .style755 {
    width: 60%;
    margin-top: 15px}
  
  .style756 {
    width: 70%}
  
  .style757 {
    width: 90%;
    padding-right: 10px}
  
  .style758 {
    margin: 10px}
  
  .style759 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1033 {
    margin-top: 1rem;
    font-size: 14px;
    }
  
  .style1033-dark {
    margin-top: 1rem;
    font-size: 14px;
    color: #fff;
    }

  .style1034 {
    margin-top: 10px}
  
  .style1035 {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 5px;
    }

    .style1035-dark {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 5px;
    color: #fff;
    }
  
  .style1036 {
    font-size: 14px;
    }
  
  .style1036-dark {
    font-size: 14px;
    color: #fff;
    }

  .style1037 {
    margin-top: 15px}
  
  .style1038 {
    font-size: 14px;
    margin-bottom: 10px;
    }
  
  .style1038-dark {
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
    }

  .style1039 {
    width: 50%}
  
  .style1040 {
    width: 90%}
  
  .style1041 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    }

  .style1041-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    }
  
  .style1042 {
    margin-top: 20px}
  
  .style1043 {
    font-size: 14px;
    margin: 8px 50px;
    color: #fff}
  
  .style1041:hover {
    background-color: rgba(0, 0, 0, 0.05)}
  
  .style1044 {}
  
  .style1045 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1045-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style1046 {
    margin: 10px 50px;
    font-size: 14px;
    }
  
  .style1046-dark {
    margin: 10px 50px;
    font-size: 14px;
    color: #fff; 
    }
  
  .style1047 {
    margin-top: 15px;
    margin-bottom: 15px}
  
  .style1048 {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 25px;
    margin-left: 15px;
    }

    .style1048-dark {
    font-size: 18px;
    margin-top: 35px;
    margin-bottom: 25px;
    margin-left: 15px;
    color: #fff;
    }
  
  .style1049 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 15px;
    }
    
  .style1049-dark {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 15px;
    color: #fff;
    }


  .style1050 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70%;
    }

    .style1050-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70%;
    }
  
  .style1051 {
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px}
  
  .style1052 {
    margin: 15px 15px 35px}
  
  .style1053 {
    margin: 8px 15px 8px 10px;
    font-size: 14px;
    }

    .style1053-dark {
    margin: 8px 15px 8px 10px;
    color: #fff;
        font-size: 14px;
    }
  
  .style1054 {
    margin-left: 15px}
  
  .style1055 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }

    .style1055-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1056 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 15px}
  
  .style1057 {
    margin-top: 10px;
    max-height: 400px;
    overflow: auto}
  
  .style1058 {
    margin: 15px}
  
  .style1059 {
    margin: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}
  
  .style1060 {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    font-size: 14px}
  
  .style1061 {
    width: 100%}
  
  .style1062 {}
  
  .style1063 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px}
  
  .style1064 {
    margin: 8px 10px}
  
  .style1065 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px}
  
  .style1066 {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    .style1066-dark {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1067 {
    margin-top: 15px;
    margin-left: 15px;
    }

  .style1067-dark {
    margin-top: 15px;
    margin-left: 15px;
    color: #fff;
    }
  
  .style1068 {
    margin: 10px 15px 10px 10px;
    font-size: 14px;
    }
  
   .style1068-dark {
    margin: 10px 15px 10px 10px;
    font-size: 14px;
    color: #fff;
    }

  .style1069 {
    margin-left: 15px}
  
  .style1070 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style1070:hover {
    background-color: #f8fbff;
    }

    .style1070-dark:hover {
    background-color: #18181B;
    }

    .style1070-dark {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1071 {
    font-size: 14px;
    margin: 10px 20px}
  
  .style1072 {
    margin-left: 12px;
    margin-right: 12px}
  
  .style1073 {
    background-image: linear-gradient(108deg, #A680FF 0%, #4354ff 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

    .style1073-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1074 {
    font-size: 14px;
    margin: 10px 15px}
  
  .style1075 {
    margin-left: 10px;
    margin-right: 10px}
  
  .style1076 {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 15px}
  
  .style1077 {
    font-size: 14px;
    margin: 8px 25px}
  
  .style1078 {
    margin-left: 15px;
    width: 55%}
  
  .style1079 {
    width: 80%}
  
  .style1080 {
    background-color: #A680FF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 15px}
  
  
  
  .style1081 {
    font-size: 14px;
    margin-top: 1rem;
    }

  .style1081-dark {
    font-size: 14px;
    margin-top: 1rem;
    color: #fff;
    }
  
  .style1082 {
    margin: 10px 12px}
  
  .style1083 {
    border-color: rgba(200, 200, 200, 0);
    border-style: none}
  
  .style1084 {
    margin-left: 20px}
  
  .style1085 {}
  
  .style1086 {
    font-size: 14px;
    margin: 10px 25px}
  
  .style1087 {
    margin-right: 10px}
  
  .style1088 {
    margin-top: 35px}
  
  .style1089 {
    height: 100%;
    margin: 20px 25px 25px;
    overflow: auto;
    max-height: 100%;
    min-height: 100%}
  
  .style1090 {
    width: 30%;
    margin-left: 10px}
  
  .style1091 {
    width: 30%;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #FCFCFD;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: auto;
    }

  .style1091-dark {
    width: 30%;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  


  .style1092 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  }

 .style1092-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  color: #fff;
  }
  
  .style1093 {
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  width: 90%}
  
  .style1094 {
    height: 200px;
    margin: 20px 25px}
  
  .style1095 {
  margin-top: 10px;
  margin-bottom: 10px}
  
  .style1096 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px}
  
  .wappler-temp {}
  
  .style1097 {
    font-size: 14px;
    margin: 10px;
    }
  
  .style1097-dark {
    font-size: 14px;
    margin: 10px;
    color: #fff;
    }
  
  .style1098 {
    margin-left: 10px}
  
  .style1099 {
    border: 1px solid rgba(39, 41, 42, 0.48);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

  .style1099-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
  .style1100 {
    font-size: 15px;
    width: 80%;
    }

  .style1100-dark {
    font-size: 15px;
    width: 80%;
    color: #fff;
    }
  
  .style1101 {
    margin: 8px}
  
  .style1102 {
    margin-right: 10px}
  
  .style1103 {
    margin-left: 10px;
    margin-right: 10px}
  
  .style1103:hover {
    border: 0px rgba(66, 82, 94, 0.12);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px}
  
  .style1104 {
    width: 70%;
    max-width: 70%}
  
  .style1105 {
  width: 50%;
  background-color: #f1f1f1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

  .style1105-dark {
  width: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
  
  .style1106 {
  width: 100%;
}
  
  .style1107 {}
  
  .style1108 {
  margin-left: 15px;
  margin-right: 15px;
  height: 100%;
  border-color: rgba(66, 82, 94, 0.12);
  border-style: none;
  overflow: scroll;
  min-height: 100vh;
  max-height: 100vh;
}
  
  .style1109 {
  background-color: #FCFCFD;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1109-dark {
  background-color: #262626;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
  
  .style1110 {
  margin: 10px;
  width: 20%;
}

  .style1110:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f7f7f7;
}
.style1110-dark {
  margin: 10px;
  width: 20%;
}
  
 .style1110-dark:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #18181B;
}

  .style1111 {
  font-size: 14px;
  margin: 12px 10px;
}
  
.style1111-dark {
  font-size: 14px;
  margin: 12px 10px;
  color: #fff;
}

  
  .style1112 {
  margin: 10px;
  width: 20%;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

 .style1112-dark {
  margin: 10px;
  width: 20%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1113 {
  background-color: #FCFCFD;
  overflow: scroll;
  margin: 15px 10px 20px;
  padding-bottom: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-height: 100%;
}

.style1113-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  height: 100%;
  overflow: scroll;
  margin: 15px 10px 20px;
  padding-bottom: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

  .style1114 {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #fff;
  max-height: 25%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1114-dark {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  max-height: 25%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1115 {
  margin: 15px;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1115-dark {
  margin: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1116 {
  margin: 8px;
}
  
  .style1117 {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
  max-width: 70%;
  width: 70%;
}
  
  .style1118 {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.style1118-dark {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
}
  
  .style1119 {
  margin-left: 15px;
  width: 70%;
}
  
  .style1120 {
  background-image: linear-gradient(108deg, #A680FF 0%, #4354ff 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
}
  
  .style1121 {
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 15px;
}
  
  .style1122 {
  margin: 10px 15px 10px 10px;
  font-size: 14px;
}
  
  .style1123 {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1123-dark {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1124 {
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 15px;
}
  
  .style1125 {
  color: #f00;
  margin: 10px 15px 10px 10px;
  font-size: 14px;
}

.style1125-dark {
  color: #f00;
  margin: 10px 15px 10px 10px;
  font-size: 14px;
  color: #fff;
}
  
  .style1126 {
  background-color: #fff;
  margin: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1126-dark {
  margin: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1127 {}
  
  .style1128 {
  width: 18.5%;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1128-dark {
  width: 18.5%;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1129 {
  font-size: 20px;
  margin: 15px 10px 5px 15px;
}
  
.style1129-dark {
  font-size: 20px;
  margin: 15px 10px 5px 15px;
  color: #fff;
}

  .style1130 {
  margin-left: 15px;
  margin-right: 10px;
}

.style1130-dark {
  margin-left: 15px;
  margin-right: 10px;
  color: #fff;
}
  
  .texto-vermelho-playbook {
  margin: 15px 10px 5px 15px;
  font-size: 20px;
  color: #ff2727;
}
  
  .texto-verde-playbook {
  margin: 15px 10px 5px 15px;
  font-size: 20px;
  color: #208757;
}
  
  .style1131 {
  height: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
  
  .style1132 {
  width: 50%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 500px;
  min-height: 100%;
  max-height: 100%;
}

.style1132-dark {
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 450px;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  height: 500px;
  min-height: 100%;
  max-height: 100%;
}
  
  .style1133 {
  height: 300px;
}
  
  .wappler-temp {}
  
  .style1134 {
  margin: 10px;
  width: 11.1%;
  text-align: center;
  font-size: 14px;
}

.style1134-dark {
  margin: 10px;
  width: 11.1%;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
  
  .style1135 {
  margin-left: 15px;
  margin-right: 15px;
  height: 100vh;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  overflow: scroll;
}
  
  .style1136 {
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 15px;
}
  
  .style1137 {
  width: 50px;
  margin-left: 10px;
  min-width: 50px;
  max-width: 50px;
}
  
  .style1138 {
  color: rgba(0, 0, 0, 0);
}
  
  .style1139 {
  margin-top: 15px;
  margin-left: 15px;
}
  
  .style1140 {
  height: 100vh;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
}
  
  .style1141 {
  margin: 15px;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 15px;
}

.style1141-dark {
  margin: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 15px;

}
  
  .style1142 {
  width: 50%;
}
  
  .style1143 {
  width: 50%;
  margin-top: 15px;
  margin-bottom: 15px;
}
  
  .style1144 {
  margin: 10px 10px 8px 15px;
}

.style1144-dark {
  margin: 10px 10px 8px 15px;
  color: #fff;
}

  .style1145 {
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1145-dark {
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 10px;
  color: #fff;
}
  
  .style1146 {
  margin-top: 15px;
  margin-right: 10px;
  height: 35px;
}
  
  .style1147 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  margin-top: 15px;
}

.style1147-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
}
  
  .style1148 {
  margin-top: 15px;
}

 .style1148-dark {
  margin-top: 15px;
  color: #fff;
}

  .style1149 {
  margin-left: 15px;
}
  
  .style1150 {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1150-dark {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1150-dark:hover{
  background-color: #18181B ;
}
  
  .style1151 {
  margin: 10px;
  font-size: 14px;
}

.style1151-dark {
  margin: 10px;
  font-size: 14px;
  color: #fff;
}
  
  .style1152 {
  margin-left: 15px;
  margin-right: 15px;
}
  
  .style1153 {
  margin-top: 10px;
  margin-bottom: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1153-dark {
  margin-top: 10px;
  margin-bottom: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1154 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.style1154-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  color: #fff;
}
  
  .style1155 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.style1155-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
} 

.style1155-dark:hover{
  background-color: #18181B ;
}


  .style1156 {
  margin: 10px;
}
  
  .style1157 {
  background-color: #fcfcfd;
  height: 100vh;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 15px 10px 20px;
}

.style1157-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  height: 100vh;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 15px 10px 20px;
}
  
  .style1158 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
}
  
  .style1159 {
    margin-top: 15px;
    margin-right: 15px;
}
  
  .style1160 {
  font-size: 14px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 10px;
}
  
  .style1161 {
  margin-left: 15px;
  margin-right: 10px;
}
  
  .style1162 {
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
  
  .style1163 {
  margin-left: 15px;
  margin-right: 15px;
  width: 30%;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1163-dark {
  margin-left: 15px;
  margin-right: 15px;
  width: 30%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  .style1164 {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
  
  .style1165 {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

 .style1165:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1165-dark {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1165-dark:hover {
  background-color: #18181B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  .style1166 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.style1166-dark{
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

  .style1167 {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}
  
.style1167-dark {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  color: #fff;
}

  .style1168 {
  margin-right: 15px;
  width: 70%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  }
  
  .style1168-dark {
  margin-right: 15px;
  width: 70%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
  }

  .style1169 {
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
  width: 50%;
}

.style1169-dark {
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
  width: 50%;
  color: #fff;
}
  .style1170 {
  margin: 15px;
  height: 100vh;
}
  
  .style1171 {
  text-align: center;
}

  .style1171-dark {
  text-align: center;
  color: #fff;
}
  
  .style1172 {
  background-color: #FCFCFD;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.style1172-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
  
  .style1173 {
  margin-top: 30px;
  margin-bottom: 20px;
}
  
  .style1174 {
  height: 100%;
}
  
  .style1175 {
  text-align: center;
  margin: 20px 20px 10px;
}

.style1175-dark {
  text-align: center;
  margin: 20px 20px 10px;
  color: #fff;
}
  
  .style1176 {
  height: 100%;
}
  
  .style1177 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
  margin-left: 25px;
  margin-right: 25px;
}
  
  .style1178 {
  margin-bottom: 35px;
  margin-left: 25px;
  margin-right: 25px;
}
  
  .style1179 {
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
}
  
  .wappler-temp {}
  
  .style1180 {
  margin-bottom: 5px;
}
  
  .style1181 {
}
  
  .style1182 {}
  
  .style1183 {
  margin-left: 40px;
  margin-right: 40px;
}
  
  .style1184 {
  width: 50%;
}
  
  .style1185 {
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
  
  .style1186 {
  width: 50%;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #FCFCFD;
}
  
  .style1187 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}
  
  .style1188 {
  width: 50%;
  margin-right: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
}
  
  .style1189 {
  height: 100%;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
}
  
  .style1190 {
    margin-top: 5px;
}

  .style1190-dark {
  color: #fff; 
  margin-top: 5px;
}
  
  .style1191 {
  height: 100%;
}
  
  .style1192 {
  color: rgba(0, 0, 0, 0);
}
  
  .style1193 {
  width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
  
.style1194 {
  font-size: 17px;
  margin-bottom: 0px;
  padding-right: 6px;
}

.style1194-dark {
  font-size: 17px;
  margin-bottom: 0px;
  padding-right: 6px;
  color: #fff;
}

.style1195 {}
  
  .grid-texto-vermelho-playbook {
  font-size: 17px;
  margin-bottom: 0px;
  color: #ff2727;
  }
  
  .grid-texto-verde-playbook {
  font-size: 17px;
  margin-bottom: 0px;
  color: #208757;
}
  
  .style1196 {
  margin-bottom: 5px;
}
  
  .style1197 {
  width: 25%;
  margin-left: 10px;
}
  
  .style1198 {
  width: 75%;
  margin-right: 10px;
}
  
  .style1199 {
  background-color: #FCFCFD;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

  .style1199-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1200 {
  margin: 10px 15px;
  font-size: 14px;
}

.style1200-dark {
  margin: 10px 15px;
  font-size: 14px;
  color: #fff; 
}
  .style1201 {
  margin: 10px;
  font-size: 14px;
  width: 25%;
  text-align: center;
  }
  
   .style1201-dark {
  margin: 10px;
  font-size: 14px;
  width: 25%;
  text-align: center;
  color: #fff;
  }
  .style1202 {
  margin-top: 15px;
  background-color: #FCFCFD;
  height: 100vh;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1202-dark {
  margin-top: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  height: 100vh;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

  .style1203 {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

  .style1203:hover {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
}
  .style1203-dark {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
 .style1203-dark:hover {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #18181B;
}
  .style1204 {
  width: 25%;
}
  
  .style1205 {
  width: 75%;
}
  
  .style1206 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 14px;
}

 .style1206-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
}
  
  .style1207 {
  font-size: 14px;
  width: 25%;
  margin: 10px;
  text-align: center;
  min-width: 25%;
  max-width: 25%;
}

 .style1207-dark {
  font-size: 14px;
  width: 25%;
  margin: 10px;
  text-align: center;
  min-width: 25%;
  max-width: 25%;
  color: #fff;
}
  
  .list-texto-vermelho-playbook {
  width: 25%;
  text-align: center;
  margin: 10px;
  font-size: 14px;
  color: #ff2727;
}
  
  .list-texto-verde-playbook {
  margin: 10px;
  font-size: 14px;
  text-align: center;
  width: 25%;
  color: #208757;}
  

  
  .style1208 {
  height: 100vh;
}
  
  .style1209 {
  margin-top: 20px;
  font-size: 24px;
}

  .style1209-dark {
  margin-top: 20px;
  font-size: 24px;
  color: #fff;
}
  
  .style1210 {
  margin: 25px 10px 10px;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  
}

.style1210-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 25px 10px 10px;
}
  .style1211 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1211-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1211-dark:hover{
  background-color: #18181B ;
}

  .style1212 {
  width: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  min-width: 50px;
  max-width: 50px;
}
  
  .style1213 {
  margin-top: 10px;
  margin-bottom: 10px;
}
  
  .style1214 {
  width: 11.1%;
  text-align: center;
  margin: 10px;
  font-size: 14px;
  overflow: hidden;
}

.style1214-dark {
  width: 11.1%;
  text-align: center;
  margin: 10px;
  font-size: 14px;
  overflow: hidden;
  color: #fff;
}
  .style1215 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 11.1%;
  font-size: 14px;
  text-align: center;
}
  
  .style1216 {
  width: 11.1%;
  text-align: center;
  font-size: 14px;
  margin: 10px 20px 10px 10px;
}

.style1216-dark {
  width: 11.1%;
  text-align: center;
  margin: 10px 20px 10px 10px;
  color: #fff;
  font-size: 14px;
}
  
  .style1217 {}
  
  .texto-vermelho-info-playbook {
  margin: 10px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  width: 11.1%;
  color: #ff2727;}
  
  .texto-verde-info-playbook {
  margin: 10px;
  width: 11.1%;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  color: #208757;}
  
  .style1211:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
  
  .style1218 {
  margin-left: 15px;
  margin-right: 15px;
  height: 100vh;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.style1218-dark {
  margin-left: 15px;
  margin-right: 15px;
  height: 100vh;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}
  
  
  .style1219 {
  width: 60%;
  text-align: center;
  margin-top: 15px;
}

 .style1219-dark {
  width: 60%;
  text-align: center;
  margin-top: 15px;
  color: #fff;
}
  
  
  .style1220 {
  font-size: 22px;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1220-dark {
  font-size: 22px;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
} 
  .style1221 {
  margin-top: 25px;
  padding-bottom: 20px;
  width: 75%;
}
  
  .wappler-temp {}
  
  .style1222 {
  margin-top: 15px;
  width: 75%;
}
  
  .wappler-temp {}
  
  .style1223 {
  width: 75%;
  margin-top: 35px;
}
  
  .style1224 {
  width: 50%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-right: 10px;
}

.style1224-dark {
  width: 50%;
   border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-right: 10px;
}

  .style1225 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.style1225-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}
  
  .style1226 {
  width: 50%;
  margin-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
}

.style1226-dark {
  width: 50%;
  margin-left: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}

  
  .style1227 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

  .style1227-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
  
  .style1228 {
  margin-right: 10px;
}
  
  .style1229 {
  width: 50%;
  text-align: center;
  margin-bottom: 10px;
}

 .style1229-dark {
  width: 50%;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
}
  
  .style1230 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 25px;
}

.style1230-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 25px;
}
  
  .style1231 {
  margin: 10px 25px 10px 10px;
}

.style1231-dark {
  margin: 10px 25px 10px 10px;
  color: #fff;
}

  .style1232 {
  margin-left: 25px;
}
  
  .style1233 {
  width: 100%;
}
  
  .style1234 {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  height: 100%;
}
  
  .style1235 {
  margin-bottom: 25px;
}
  
  .style1236 {
  width: 50%;
}
  
  .style1237 {
  margin-left: 10px;
  width: 65%;
}
  
  .style1238 {
  margin-left: 15px;}
  
  .style1239 {
  width: 65%;
}
  
  .style1240 {
  width: 100%;
}
  
  .style1241 {
  width: 50%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1241-dark {
  width: 50%;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 15px;
  margin-right: 10px;
}
  .style1242 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

.style1242-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
  
  .style1243 {
  margin-right: 10px;
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
}

.style1243-dark {
  margin-right: 10px;
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}
  
  .style1244 {
  width: 75%;
  margin-top: 20px;
}
  
  .style1245 {
  margin-bottom: 10px;
}
  
  .style1245-dark {
  margin-bottom: 10px;
  color: #fff;
}
  
  .style1246 {
  width: 55%;
  text-align: center;
}
  
  .style1247 {
  margin: 10px 25px;
}
  
  .style1248 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-right: 15px;
  height: 35px;
}
  
  .style1249 {
  font-size: 14px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 20px;
}
  
  .style1250 {
  height: 100vh;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  margin: 15px;
}

.style1250-dark {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 15px;
}
  
  .style1251 {
  width: 50%;
  text-align: center;
}

.style1251-dark {
  width: 50%;
  text-align: center;
  color: #fff;
}

  .style1252 {
  width: 48%;
}
  
  .style1253 {
}
  
  .style1254 {
  margin-bottom: 10px;
}

.style1254-dark {
  margin-bottom: 10px;
  color: #fff;
}
  
  .style1255 {
  width: 75%;
  margin-top: 25px;
}
  
  .steyle1256 {
  width: 75%;
  margin-top: 25px;
}
  
 
  
  .style1257 {
  border-color: rgba(66, 82, 94, 0.12);
  border-style: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 100%;
}
  
  .style1258 {
  width: 40%;
}
  
  .style1259 {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.style1259-dark {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1260 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.style1260-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  color: #fff;
}
  
  .style1261 {
  margin: 8px;
}
  
  .style1262 {
  margin-left: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1262-dark {
  margin-left: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1263 {
  margin: 15px;
  height: 100%;
  border: 0px rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
  
  .style1264 {}
  
  .style1265 {
  margin-top: 15px;
  margin-bottom: 15px;
}
  
  .style1266 {
  margin-left: 15px;
  width: 30%;
}
  
  .style1267 {
  width: 60%;
}
  
  .style1268 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  height: 100%;
}

.style1268-dark {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
}


  
  .style1269 {
  margin: 8px;
}
  
  .style1270 {
  width: 60%;
}
  
  .form-control-white {
  width: 100%;
  height: 45px;
  font-size: 14px;
  padding: .375rem .75rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.form-control-white::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-white::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-white:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-white::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-white::placeholder {
  color: #fff;
  opacity: 1;
}

.form-control-white::-webkit-input-placeholder {
  color: #fff;
}

.form-control-white:active {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.form-control-white:focus {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.form-control-white:visited {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.style1271 {
  height: 100vh;
}

.style1272 {
  height: 100vh;
}

.style1273 {
  width: 80%;
  background-color: #262625;
  border-width: 1px;
  border-color: rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.style1274 {
  width: 80%;
  margin-bottom: 15px;
  margin-left: 35px;
  margin-right: 35px;
}

.14px-white {}

.style1275 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #8d99a4;
  letter-spacing: 0.1em;
}

.style1276 {
  color: #ced4da;
  font-weight: bold;
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 25px;
}

.style1277 {
  color: #ced4da;
  margin-left: 25px;
  margin-right: 25px;
  width: 65%;
}

.style1278 {
  margin: 15px 50px 20px;
}

.style1279 {
  margin-left: 25px;
  margin-right: 25px;
}

.style1280 {
  margin-top: 25px;
  margin-left: 50px;
  margin-right: 50px;
}

.style1281 {
  color: #8d99a4;
  margin-bottom: 10px;
}

.style1282 {
  width: 48%;
  margin-top: 15px;
}

.style1283 {
  margin: 50px 35px;
}

.style1284 {
  background-color: #404040;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 15px;
}

.style1285 {
  margin: 10px 40px;
  color: #fff;
}

.style1286 {
  margin-top: 25px;
  margin-left: 25px;
  margin-right: 25px;
}

.style1287 {
  margin: 10px;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1287-dark {
  margin: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.style1288 {
  border: 1px solid #198754;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: -webkit-gradient(linear, left top, right bottom, from(#E8F5E9), to(#C8E6C9));
  background: linear-gradient(to bottom right, #E8F5E9, #C8E6C9);
  margin: .5rem 8px;
}

.style1288-dark {
  border: 1px solid #198754;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: -webkit-gradient(linear, left top, right bottom, from(#064e3b), to(#065f46));
  background: linear-gradient(to bottom right, #064e3b, #065f46);
  margin: .5rem 8px;
}

.style1289 {
  border: 1px solid #ff1818;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFEBEE), to(#FFCDD2));
  background: linear-gradient(to bottom right, #FFEBEE, #FFCDD2);
  margin: .5rem 8px;
}

.style1289-dark {
  border: 1px solid #ff1818;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: -webkit-gradient(linear, left top, right bottom, from(#7f1d1d), to(#991b1b));
  background: linear-gradient(to bottom right, #7f1d1d, #991b1b);
  margin: .5rem 8px;
}

.style1290 {
  font-size: 15px;
  width: 80px;
  min-width: 80px;
  text-align: center;
  margin-top: .5rem;
  margin-left: 8px;
  margin-right: 8px;
}

.style1290-dark {
  font-size: 15px;
  width: 80px;
  min-width: 80px;
  text-align: center;
  margin-top: .5rem;
  margin-left: 8px;
  margin-right: 8px;
  color: #fff;
}

.texto-vermelho-performance {
  width: 100%;
  font-size: 13px;
  color: #ff1818;
  text-align: center;
  margin: .5rem 5px;
}
 

.texto-verde-performance {
  width: 100%;
  font-size: 13px;
  color: #208757;
  text-align: center;
  margin: .5rem 5px;
}

.texto-vermelho-performance-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    font-size: 13px;
    text-align: center;
    margin: .5rem 5px;
  color: #ff2727;
}
.texto-verde-performance-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    font-size: 13px;
    text-align: center;
    margin: .5rem 5px;
  color: #208757;
}

.notes-selected-style {
  margin: 5px 12px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    }
  
.notes-selected-style:hover {
    background-color: rgba(0, 0, 0, 0.05);
    }

.notes-selected-style-dark {
  margin: 5px 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  
.notes-selected-style-dark:hover {
    background-color: #18181B;
    }
  
.style1291 {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
}
  
.style1292 {
  margin-top: 20px;
}
  
.style1293 {
  margin-left: 15px;
  margin-right: 15px;
  width: 50%;
}
  
.style1294 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}

.style1294-dark {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  color: #fff;
}
  
.style1295 {
  margin-left: 20px;
  margin-right: 20px;
}
  
.style1296 {
  margin-bottom: 5px;
}

.style1296-dark {
  margin-bottom: 5px;
  color: #fff;
}
  
  
.style1297 {
  margin-top: 35px;
}
  
.style1298 {
  margin-left: 15px;
}
  
.style1299 {
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1299-dark {
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.style1300 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

.style1300-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}
  
.style1301 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
}

.style1301-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  width: 50%;
  margin-left: 15px;
  margin-right: 15px;
}

  
.style1302 {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
  height: 70px;
}
  
.style1303 {
  outline: none;
  height: 50px;
  color: rgba(66, 82, 94, 0.63);
  padding-left: 10px;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1303:active {
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.style1303:focus {
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.style1303:visited {
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}
.style1304 {
  margin-left: 15px;
}
.style777:active {
  border-width: 1px;
}
.style777:focus {
  border-width: 1px;
}
.style777:visited {
  border-width: 1px;
}

.select-style {
  width: 100%;
  padding: .375rem .75rem;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(66, 82, 94, 0.63);
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-radius: 10px; /* Shorthand for all corners */
  height: 35px;
  font-size: 14px;
}

.form-control-dark1 {
  width: 100%;
  height: 35px;
  font-size: 12px;
  padding: .375rem 5px .375rem .75rem;
  color: #ced4da;
  background-color: #424242;
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
  letter-spacing: 0.1em;
}

.form-control-dark1::-moz-placeholder {
  color: #ffffff;
  opacity: 1; /* Para garantir que funciona no Firefox */
}

.form-control-dark1::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1; /* Para garantir que funciona no Firefox */
}

.form-control-dark1:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1; /* Para garantir que funciona no Firefox */
}

.form-control-dark1::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1; /* Para garantir que funciona no Firefox */
}

.form-control-dark1::placeholder {
  color: #ffffff;
  opacity: 1; /* Para garantir que funciona no Firefox */
}

.style1305 {
  height: 100%;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.style1306 {
  margin-left: 20px;
  margin-right: 20px;
}
.style1307 {
}
.style1308 {
  margin-left: 25px;
  margin-right: 25px;
  width: 60%;
}
.style1309 {
  margin-top: 15px;
}
.style1310 {
  width: 33.3%;
  margin-left: 20px;
  margin-right: 20px;
}
.style1311 {
  margin-top: 15px;
  margin-bottom: 10px;
}

.style1311-dark {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #fff;
}
.style1312 {
}

.style1312-dark {
  color: #fff;
}
.style1313 {
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 20px;
}
.style1314 {
}
.style1315 {
  margin-top: 20px;}
.style1316 {
  border-color: rgba(66, 82, 94, 0.12);
  width: 80%;
}
.style1317 {
  width: 50%;
  margin-right: 20px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1317-dark {
  width: 50%;
  margin-right: 20px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1318 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.style1318-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

.style1319 {
  margin-left: 20px;
  width: 50%;
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1319-dark {
  margin-left: 20px;
  width: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1320 {
  margin-left: 20px;
}
.style1321 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.style1322 {
  margin-top: 15px;
  margin-left: 40px;
  margin-right: 40px;
}
.style1323 {
}
.style1324 {
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
}
.style1317:hover {
  background-color: rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.style1325 {
  width: 50%;
}
.style1326 {
  border: 1px solid #198754;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #F0FDF4;
  width: 25%;
}

.style1327 {  
  -webkit-box-flex: 1;  
      -ms-flex: 1;  
          flex: 1;
    margin: .5rem 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 28px; /* Garante que a pílula tem altura suficiente */
  background: -webkit-gradient(linear, left top, right bottom, from(#E8F5E9), to(#C8E6C9));
  background: linear-gradient(to bottom right, #E8F5E9, #C8E6C9);
  border: 1px solid #198754;
  align-items: center;
}
.style1327-dark {  
  -webkit-box-flex: 1;  
      -ms-flex: 1;  
          flex: 1;
    margin: .5rem 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 28px; /* Garante que a pílula tem altura suficiente */
  background: -webkit-gradient(linear, left top, right bottom, from(#064e3b), to(#065f46));
  background: linear-gradient(to bottom right, #064e3b, #065f46);
  border: 1px solid #198754;
  align-items: center;
}


.style1328 {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
    margin: .5rem 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 28px; /* Garante que a pílula tem altura suficiente */
  border: 1px solid #ff1818;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFEBEE), to(#FFCDD2));
  background: linear-gradient(to bottom right, #FFEBEE, #FFCDD2);
  align-items: center;
}
.style1328-dark {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
    margin: .5rem 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 28px; /* Garante que a pílula tem altura suficiente */
  border: 1px solid #ff1818;
  background: -webkit-gradient(linear, left top, right bottom, from(#7f1d1d), to(#991b1b));
  background: linear-gradient(to bottom right, #7f1d1d, #991b1b);
  align-items: center;
}

.style1329 {
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
    margin: .5rem 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 28px; /* Garante que a pílula tem altura suficiente */
  background-color: transparent;
  border: transparent;
}

.style1330 {
    font-size: 13px;
    text-align: center;
    margin: .5rem 5px;
}

.style1331 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.background-color {
    margin: 8px;
    overflow: scroll;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px
    }

.style1332 {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.style1333 {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  margin: 8px;
  overflow: hidden;
}

.wappler-temp {}

.style1334 {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
}

.style1335 {
  height: 50px;
  color: rgba(66, 82, 94, 0.63);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1335-dark {
  height: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tagify-select { width: 100%;
  padding: .375rem .75rem;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(66, 82, 94, 0.63);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; /* Add this to suppress any default focus shadows */
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-radius: 10px; /* Shorthand for all corners */
  font-size: 14px;
}


.select-style-filter { 
  width: 100%;
  padding: .375rem .75rem;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(66, 82, 94, 0.63);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; /* Add this to suppress any default focus shadows */
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-radius: 10px; /* Shorthand for all corners */
  height: 40px;
  font-size: 14px;
}

.select-style-filter:active,
.select-style-filter:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; /* Reinforce shadow suppression on interaction */
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-radius: 10px;
}

.style1337 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.style1336 {
  margin-left: 20px;
  margin-right: 20px;
}


.style1338 {
  margin-bottom: 0px;
  margin-left: 25px;
}

.style1338-dark {
  margin-bottom: 0px;
  margin-left: 25px;
  color: #fff;
}

.style1339 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.style1340 {
  margin-left: 20px;
  margin-right: 20px;
  width: 50%;
}

.toggle-base-active {
  height: 25px;
  width: 50px;
  background-color: #20c997;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.toggle-base-active-dark-mode {
  height: 25px;
  width: 50px;
  background-color: #000;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.toggle-base-active-dark-mode-account-menu {
  height: 20px;
  width: 40px;
  background-color: #20c997;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.toggle-interior {
  width: 65%;
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 2px;
}

.toggle-text-interior {
  width: 1px;
  height: 1px;
  color: rgba(0, 0, 0, 0);
}

.toggle-base-inactive {
  height: 25px;
  width: 50px;
  background-color: #b5b5b5;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.toggle-base-inactive-account-menu {
  height: 20px;
  width: 40px;
  background-color: #b5b5b5;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.style1341 {
}

.style1342 {
  margin-bottom: 0px;
  margin-left: 10px;
}

.style1342-dark {
  margin-bottom: 0px;
  margin-left: 10px;
  color: #fff;
}

.style1343 {
  margin-top: 45px;
  margin-left: 25px;
  margin-right: 25px;
}

.style1344 {
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1344-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #4f4f4f;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
}

.style1345 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

.style1345-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000;
}
.style1346 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #000;
  margin-top: 20px;
}

.wappler-temp {}

.style1347 {
  margin: 10px;
}

.style1347-dark {
  margin: 10px;
  color: #fff;
}

.style1348 {
  margin-left: 10px;
}

.style1349 {
  outline: none;
  height: 35px;
  width: 200px;
  margin-right: 20px;
}

.style1350 {
}

.style1351 {
  height: 100%;
}

.style1352 {
  overflow: scroll;}

.style1353 {
  width: 20%;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1353-dark {
  width: 20%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  margin-left: 10px;
  margin-right: 10px;
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1354 {
  font-size: 14px;
  margin: 20px 10px 5px 15px;
}

.style1354-dark {
  font-size: 14px;
  margin: 20px 10px 5px 15px;
  color: #FFF;
}

.style1355 {
  font-size: 27px;
  letter-spacing: 0.1em;
  margin: 5px 10px 25px 15px;
  line-height: 1.1;
}

.style1355-dark {
  font-size: 27px;
  letter-spacing: 0.1em;
  margin: 5px 10px 25px 15px;
  line-height: 1.1;
  color: #FFF;
}

.style1356 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.style1357 {
  margin-left: 20px;
  font-size: 12px;
}

.style1358 {
  background-color: #fff;
  overflow: scroll;
  width: 60%;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1358-dark {
  overflow: scroll;
  width: 60%;
  margin-right: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
}

.style1359 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff; /* Remove a barra de scroll forçada que criava o espaço à direita */
  width: 100%;      /* Força a largura total */ /* Remove margens externas */
  height: 100%;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
}

.style1359-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: scroll;
  margin-left: 10px;
  margin-right: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  overflow: hidden; /* Remove a barra de scroll forçada */
  width: 100%;      /* Força a largura total */
  height: 100%;
  border: 1px solid #4f4f4f;
}

.style1360 {
  width: 50%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.style1361 {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 14px;
}

.style1362 {
  margin: 15px;
  background-color: #FCFCFD;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.style1362-dark {
  margin: 15px;
  background-color: #262626;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

.style1363 {
  width: 50%;
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 8px;
}

.style1363-dark {
  width: 50%;
  margin: 8px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
}

.style1364 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
}

.style1365 {
  width: 50%;
  margin: 8px;
}

.style1365:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.style1365-dark {
  width: 50%;
  margin: 8px 10px;
}

.style1365-dark:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #18181B;
}

.style1366 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
}

.style1366-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.style1367 {
  background-color: #FCFCFD;
  height: 100%;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  overflow: scroll;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.style1367-dark {
  background-color: #262626;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 100%;
  overflow: scroll;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.style1368 {
  background-color: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

.style1368-dark {
 background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
 background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
 border: 1px solid #4f4f4f;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 margin: 10px;
 padding-left: 8px;
 padding-right: 8px;
}

.style1369 {
  width: 25%;
  text-align: center;
  font-size: 14px;
  margin: 10px 7px;
}

.style1369-dark {
  width: 25%;
  text-align: center;
  font-size: 14px;
  margin: 10px 7px;
  color: #fff;
}

.style1370 {
  background-color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1370-dark {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
 
}

.style1371 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.style1372 {
  font-size: 14px;
  width: 25%;
  text-align: center;
  margin: 10px 7px;
}

.style1372-dark {
  font-size: 14px;
  width: 25%;
  text-align: center;
  margin: 10px 7px;
  color: #fff;
}

.style1373 {
  height: 600px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;}

.texto-verde-dashboard {
  margin: 10px 7px;
  width: 25%;
  text-align: center;
  font-size: 14px;
  color: #208757;
  }

.texto-verde-dashboard-dark {
  margin: 10px 7px;
  width: 25%;
  text-align: center;
  font-size: 14px;
  color: #208757;
  }

.texto-vermelho-dashboard {
  margin: 10px 7px;
  width: 25%;
  text-align: center;
  font-size: 14px;
  color: #ff2727;
  }

.texto-vermelho-dashboard-dark {
  margin: 10px 7px;
  width: 25%;
  text-align: center;
  font-size: 14px;
  color: #F73B42;
  }

  .style1374 {
  margin-left: 7px;
  margin-right: 7px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, right bottom, from(#E8F5E9), to(#C8E6C9));
  background: linear-gradient(to bottom right, #E8F5E9, #C8E6C9);
  border: 1px solid #198754;
  width: 25%;
}

  .style1374-dark {
  margin-left: 7px;
  margin-right: 7px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, right bottom, from(#064e3b), to(#065f46));
  background: linear-gradient(to bottom right, #064e3b, #065f46);
  border: 1px solid #198754;
  width: 25%;
}

  .style1375 {
  font-size: 14px;
  color: #198754;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 100%;
}
.style1376 {
  font-size: 14px;
  color: #ff1818;
  margin-top: 5px;
  margin-bottom: 5px;
}
.style1377 {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.style1377-dark {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
}

.style1378 {
  margin-left: 7px;
  margin-right: 7px;
  width: 25%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #ff1818;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFEBEE), to(#FFCDD2));
  background: linear-gradient(to bottom right, #FFEBEE, #FFCDD2);
}

.style1378-dark {
  margin-left: 7px;
  margin-right: 7px;
  width: 25%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #ff1818;
  background: -webkit-gradient(linear, left top, right bottom, from(#7f1d1d), to(#991b1b));
  background: linear-gradient(to bottom right, #7f1d1d, #991b1b);
}

.style1371:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 0, 0, 0.02);
}

.style1379 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.style1380 {
  margin-bottom: 25px;
}

.style1380-dark {
  margin-bottom: 25px;
  color: #fff;
}

.text-white-calendar {
  padding-top: 5px;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}

.second-text-white-calendar {
  padding-top: 28px;
  font-size: 14px;
  color:  #000000;
  font-weight: bold;
}

.third-text-white-calendar {
  padding-top: 45px;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

.style1381 {
  margin: 15px;
}

.style1382 {
  width: 40%;
  margin-right: 10px;
}

.style1383 {
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1383-dark {
  margin-bottom: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
}

.style1384 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  height: 100%;
  overflow: scroll;
}

.style1384-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  overflow: scroll;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
}

.style1385 {
  overflow: scroll;
  height: 395px;
  scrollbar-width: none;
    -ms-overflow-style: none;
}

.style1385::-webkit-scrollbar {
    display: none;
}


.style1386 {
  margin: 8px;
}

.style1386:hover {
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1386-dark {
  margin: 8px;
}

.style1386-dark:hover {
  background-color: #18181B;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.style1387 {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}

.style1388 {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 8px;
}

.style1388-dark {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 8px;
  color: #fff;
}

.style1389 {
  margin-right: 8px;
}



.style1390 {
  width: 17px;
  height: 17px;
  color: rgba(0, 0, 0, 0);
  margin-left: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1391 {
  width: 1px;
}

.style1392 {
  margin-left: 10px;
  margin-right: 10px;
  width: 40%;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  height: 450px;
}

.style1392-dark {
  margin-left: 10px;
  margin-right: 10px;
  width: 40%;
  height: 450px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}

.style1393 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 20%;
  background-color: #fff;
  overflow: scroll;
  margin-right: 10px;
  height: 450px;
}

.style1393-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 20%;
  margin-right: 10px;
  overflow: scroll;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}

.style1394 {
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.style1395 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  height: 100%;
  margin: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

.style1395-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  margin: 10px;
  padding-left: 8px;
  padding-right: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%); 
  border: 1px solid #4f4f4f;
}

.style1396 {
  width: 200px;
  margin-right: 15px;
}

.wappler-temp {}

.style1397 {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

.style1398 {
  font-size: 27px;
  letter-spacing: 0.1em;
  color: #ff2727;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1398-dark {
  font-size: 27px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
  color: #ff2727;
}

.style1399 {
  color: #208757;
  font-size: 27px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1399-dark {
  color: #208757;
  font-size: 27px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1400 {
  outline: none;
  width: 100%;
  color: rgba(66, 82, 94, 0.63);
  font-size: 12px;
  padding-left: 10px;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1401 {
  font-size: 12px;
}

.style1402 {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 30px;
  letter-spacing: 0.1em;
}

.style1402-dark {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 30px;
  letter-spacing: 0.1em;
  color: #fff;
}

.style1403 {
  margin-left: 20px;
}

.style1404 {
  margin-bottom: 0px;
  margin-left: 10px;
  letter-spacing: 0.1em;
  font-size: 14px;
}

.style1405 {
  height: 118px;
}

.style1406 {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1406-dark {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
  color: #fff;
}

.style1406-performance {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
}

.style1406-performance-dark {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 15px;
  margin-right: 10px;
  color: #fff;
}

.style1406-analytics {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 15px 25px 5px 10px;
}

.style1406-analytics-dark {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 15px 25px 5px 10px;
  color: #fff;
}

.style1400:active {
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1400:focus {
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1400:visited {
  outline: none;
  border: 1px solid rgba(66, 82, 94, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1407 {}

.style1408 {
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.style1409 {
  margin-left: 20px;
  margin-right: 20px;
  width: 33.3%;
}

.style1410 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  width: 63.5%;
}

.style1411 {
  height: 100%;
}

.style1412 {
  margin: 15px;
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1412-dark {
  margin: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1413 {
  font-size: 12px;
  margin: 8px 10px 8px 5px;
}

.style1414 {
  margin-left: 10px;
}

.style1415 {
  width: 80%;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.style1415-dark {
  width: 80%;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #fff;
}

.style1416 {
  width: 60%;
}

.style1417 {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.style1418 {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1418-dark {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1419 {
  font-size: 22px;
  margin: 10px 15px;
}

.style1419-dark {
  font-size: 22px;
  margin: 10px 15px;
  color: #fff;
}

.style1420 {
}

.style1421 {
  width: 40%;
}

.style1422 {
  width: 60%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.style1423 {
  width: 40%;
  margin-left: 15px;
}

.style1424 {
  height: 80%;
  border-color: #343a40;
  border-style: none;
}

.style1425 {
  width: 90%;
  border-bottom-left-radius: 20px;
  background-image: linear-gradient(39deg, #212121 70%, #333 93%, #3d3d3d 100%);
}

.style1426 {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  padding-left: 10px;
}

.style1427 {
  margin: .5rem 10px;
  padding-top: .5rem;
  padding-bottom: .4rem;
  font-size: 14px;
  color: #ced4da;
}

.style1428 {
  height: 100%;
}

.style1429 {
  background-color: #363636;
  text-indent: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 20px;
  overflow: hidden;}

.style1430 {
  color: rgba(0, 0, 0, 0);
}

.style1431 {
  width: 20%;
  background-color: #2f2f2f;
  border-top-right-radius: 15px;
}

.style1432 {
  color: #ced4da;
  font-size: 28px;
}

.style1433 {
  font-size: 14px;
  color: #ced4da;
  text-transform: uppercase;
  margin: 8px
}

.style1434 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #424242;
  margin: 8px 12px;
}

.style1435 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.style1436 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #ced4da;
}

.style1437 {
  font-size: 12px;
  margin-bottom: 0px;
  color: #ced4da;
}



.style1438 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #2e2e2e;
}

.style1439 {
  margin: 10px;
}

.style1440 {
  background-color: #424242;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
  margin: 15px 20px;
}

.style1441 {
  background-color: #424242;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;}

.style1442 {
  margin: 10px;
}

.style1443 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #ced4da;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.style1444 {
    margin-top: 20px;
    width: 100%;
}

.style1445 {
  width: 48%;
}

.style1446 {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #ced4da;
}

.form-control-dark {
  width: 100%;
  height: 45px;
  font-size: 14px;
  padding: .375rem .75rem;
  color: #ced4da;
  background-color: #424242;
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
  letter-spacing: 0.1em;
}

.form-control-dark::-moz-placeholder {
  color: rgba(66, 82, 94, 0.63);
  opacity: 1;
}

.form-control-dark::-webkit-input-placeholder {
  color: #ced4da;
  opacity: 1;
}

.form-control-dark:-ms-input-placeholder {
  color: #ced4da;
  opacity: 1;
}

.form-control-dark::-ms-input-placeholder {
  color: #ced4da;
  opacity: 1;
}

.form-control-dark::placeholder {
  color: #ced4da;
  opacity: 1;
}

.form-control-dark:active {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.form-control-dark:focus {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.form-control-dark:visited {
  border: 1px solid rgba(109, 119, 126, 0.39);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  outline: none;
}

.style1447 {
  width: 100%;
  background-color: #212121;
  margin-top: 20px;
  letter-spacing: 0.1em;
  border: 1px solid #434446;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1448 {
  color: #000;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin-top: 8px;
  margin-bottom: 8px;
}

.style1449 {
}

.style1450 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.style1450-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.style1451 {
  margin: 10px;
}

.style1452 {
  margin: 15px 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.style1452-dark {
  margin: 15px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}

.style1453 {
  margin-top: 25px;
  margin-left: 25px;
  margin-right: 25px;
}

.style1454 {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1454-dark {
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1455 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}

.style1455-dark {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  color: #fff;
}

.style1456 {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1456-dark {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1457 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
}

.style1457-dark {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
  color: #fff;
}

.style1458 {}

.style1447:hover {
  background-image: linear-gradient(334deg, #5a5a5a 14%, #222 99%);
}

.style1459 {
  margin-bottom: 25px;
}

.style1460 {
  color: #ced4da;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.1rem !important;
}

.style1461 {
  color: #ced4da;
  text-align: center;
  margin-top: 10px;
  width: 90%;
  letter-spacing: 0.1em;
  font-size: 14px;
}

.style1462 {
  width: 80%;
}

.style1463 {
  width: 70%;
}

.style1464 {
  width: 70%;
  border-top-left-radius: 15px;
  padding-bottom: 25px;
  background-image: linear-gradient(116deg, #212121 70%, #333 93%, #3d3d3d 100%);
}

.style1465 {
  width: 40%;
  background-color: #2f2f2f;
}

.style1466 {
  margin: 50px 20px 30px;
}

.style1467 {
  margin-top: 50px;
}

.style1468 {
  border: 1px solid rgba(158, 171, 182, 0.28);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 10px;
  background-image: linear-gradient(165deg, #343a40 56%, #212529 99%);
}

.style1469 {
  width: 80%;
  background-color: #262625;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1470 {
  color: #ced4da;
  margin: 0.5rem 10px;
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.style1471 {}

.style1472 {
  height: 100%;
}

.style1473 {
  width: 90%;
  background-image:linear-gradient(165deg, #f8f9fa 43%, #e9ecef 98%);
  margin-top: 10px;
  margin-bottom: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1473-dark {
  width: 90%;
  background-image:linear-gradient(165deg, #343a40 56%, #212529 99%);
  margin-top: 10px;
  margin-bottom: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1474 {
  font-size: 14px;
  margin: .5rem 10px;
  padding-top: .4rem;
  padding-bottom: .4rem;
  letter-spacing: 0.1em;
}

.style1474-dark {
  font-size: 14px;
  margin: .5rem 10px;
  padding-top: .4rem;
  padding-bottom: .4rem;
  letter-spacing: 0.1em;
  color: #fff;
}

.style1475 {
  z-index: 99;
  bottom: 0px;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
}

.accountinfo {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border-radius: 10px;
  height: 60px;
  margin-bottom: 15px;
  min-width: 90%;
  }

  .accountinfoon {
  width: 90%;
  background: #1c1c1e;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: none;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  }

.style1477 {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}

.style1478 {
  font-size: 13px;
  color: #fff;
  margin-top: 3px;
  margin-bottom: 0px;
}

.style1479 {
  margin-left: 8px;
  width: 85%;
  overflow: hidden;
}

.style1480 {
  font-size: 10px;
  max-width: 95%;
  overflow: hidden;
  color: #f1f1f1;
  letter-spacing: 0em;
  margin-bottom: 3px;
}

.style1481 {}

.style1482 {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.style1483 {
  width: 15%;
}

.style1484 {
  width: 90%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
}

.style1476 {
  background-image: linear-gradient(45deg, #6610f2 37%, #301fbf 98%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}

.wappler-temp {}

.style1485 {
  font-size: 14px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #fff;
}

.style1486 {
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 8px;
}

.style1487 {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 10px;
}

.style1488 {
  font-size: 13px;
  color: #fff;
  margin-top: 0.5rem;
  margin-bottom: 0.4rem;
  margin-left: 8px;
}

.style1489 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.style1486:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #2e3236;
}

.style1490 {
  border-color: #414141;
  border-bottom: 1px solid #5a5a5a;
  margin: 8px 10px 3px;
  padding-right: 8px;}

.1473 {}

.style1491 {
  margin-top: 50px;
}

.style1492 {
}

.style1493 {
  width: 80%;
  margin-top: 25px;
  margin-bottom: 25px;
}

.style1494 {
  width: 33%;
  background-color: #424242;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-left: 8px;
  margin-right: 8px;
}

.style1497 {
  width: 47%;
  background-color: #424242;
  border: 1px solid #ced4da;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


.style1495 {
  margin-top: 15px;
}

.style1496 {
  color: #ced4da;
  margin-top: 8px;
  letter-spacing: 0.1em;
  font-size: 12px;
}

.style1498 {
  background-color: #212121;
  width: 48%;
  border: 1px solid #434446;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;}

.style1498:hover {
  background-image: linear-gradient(333deg, #5a5a5a 14%, #222 100%);
}

.style1499 {
  width: 48%;
  border: 1px solid #333332;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1500 {
  height: 100%;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

.style1494:hover {
  background-color: #4f4f4f;
}

.style1499:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #333332;
}

.style1501 {
  width: 70%;
  border: 1px solid #343a40;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: linear-gradient(165deg, #0f1419 43%, #000000 98%);
  margin-right: 35px;
}

.style1502 {
  color: #ced4da;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.style1503 {
  color: #208757;
  font-size: 29px;
  letter-spacing: 0.1em;
  margin: 5px 20px 20px;
}

.style1504 {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.style1505 {
  width: 48%;
  background-color: #212121;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1506 {
  width: 80%;
  min-width: 80%;
  max-width: 80%;
}

.style1507 {
  width: 80%;
}

.style1508 {
  width: 35%;
  border: 1px solid #333332;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.style1509 {
  width: 60%;
  background-color: #212121;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1510 {
  width: 80%;
  margin-top: 20px;
}

.style1511 {
  width: 60%;
  border: 1px solid #434446;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

.style1512 {
  margin: 10px 15px 20px;
  height: 100%;
}

.style1513 {
  margin-left: 15px;
  margin-right: 15px;
}

.style1514 {
  height: 100%;
}

.style1515 {
  height: 100%;
}

.style1516 {
  margin-left: 15px;
  margin-right: 15px;
}

.style1517 {
  margin-left: 15px;
  margin-right: 15px;
}

.style1518 {
  margin: 20px 8px 20px 5px;
  padding-top: 20px;
  width: 220px;
  min-width: 230px;
  max-width: 230px;
}

.style1519 {
  margin-top: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; 
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.style1519-dark {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  }

  .style1519-p-ov {
  margin-top: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; 
  width: 100%;
}

.style1519-dark-p-ov {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  }

.style1520 {
    width: 100%;
}


.style1521 {
  font-size: 12px;
  width: 100%;
  margin-bottom: 0px;
}
.style1521-dark {
  font-size: 12px;
  width: 100%;
  margin-bottom: 0px;
  color: #fff;
}

.style1522 {
  width: 15px;
  height: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #198754;
}

.style1523 {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  font-size: 14px;
}

.style1523-dark {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  font-size: 14px;
  color: #fff;
}

.style1524 {
  width: 100%;
}

.style1525 {
  width: 40%;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 8px;
}

.style1526 {
  width: 15px;
  height: 15px;
  background-color: #dc3545;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.style1527 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 39%;
  margin-bottom: 15px;
  background-color: #fff;
}

.style1527-dark {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 39%;
  margin-bottom: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
}


.style1528 {
  height: 100%;
}

.style1529 {
  height: 100%;
}

.performance-verde-metrics {
  margin-top: 15px;
  margin-bottom: 5px;
  color: #208757;
  font-size: 16px !important;}

.performance-vermelho-metrics {
  margin-top: 15px;
  margin-bottom: 5px;
  color: #ff2727;
  font-size: 16px !important;
  }

.performance-vermelho-22px {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 10px;
    color: #ff2727;
    word-spacing: 0.1em;
    }

.performance-verde-22px {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 10px;
    color: #208757;
    word-spacing: 0.1em;
    }

.analytics-vermelho-22px {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    color: #ff2727;
    word-spacing: 0.1em;
    }

.analytics-verde-22px {
    font-size: 18px;
    margin: 15px 25px 5px 10px;
    color: #208757;
    word-spacing: 0.1em;
    }

.style1530 {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 25px;
}

.style1531 {
  margin: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  max-width: 100%;
  overflow: hidden;

}

.style1531-dark {
  margin: 15px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  max-width: 100%;
  overflow: hidden;

}

.style1532 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 15px 12px 15px 10px;
}

.style1532-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 15px 12px 15px 10px;
}

.style1533 {
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}

.style1533-dark {
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  color: #fff;
}

.style1534 {
  margin-left: 8px;
  margin-right: 8px;
}

.style1535 {
  margin: 10px;
  border-color: rgba(66, 82, 94, 0.12);
  border-style: none;
  height: 450px;
  max-width: 100%;
  overflow: hidden;
}

.style1536 {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1537 {
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1537-dark {
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1538 {
  text-align: center;
  font-size: 14px;
  min-width: 120px;
  width: 120px;
  max-width: 120px;
  margin: 12px 15px;
  }

  .style1538-dark {
  text-align: center;
  font-size: 14px;
  min-width: 120px;
  width: 120px;
  max-width: 120px;
  margin: 12px 15px;
  color: #fff;
  }

  .style1538-performance {
  text-align: center;
  font-size: 14px;
  width: 120px;
  margin: 12px 15px;
  }

  .style1538-dark-performance {
  text-align: center;
  font-size: 14px;
  width: 120px;
  margin: 12px 15px;
  color: #fff;
  }

.style1539 {
  margin: 15px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1539-dark {
  margin: 15px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1540 {
  margin: 10px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.style1540-dark {
  margin: 10px;
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



.style1540-dark:hover{
  background-color: #18181B ;
}

.style1541 {
  margin: 10px 15px;
  width: 120px;
  text-align: center;
  font-size: 14px;
  min-width: 120px;
  max-width: 120px;
}

.style1541-dark {
  margin: 10px 15px;
  width: 120px;
  text-align: center;
  font-size: 14px;
  min-width: 120px;
  max-width: 120px;
  color: #fff;
}

.style1541-performance {
  margin: 10px 15px;
  width: 120px;
  text-align: center;
  font-size: 14px;
}

.style1541-dark-performance {
  margin: 10px 15px;
  width: 120px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.texto-vermelho-bymonth {
  margin: 10px 15px;
  text-align: center;
  color: #ff2727;
  font-size: 14px;
  min-width: 120px;
  width: 120px;
  max-width: 120px;
  }

.texto-vermelho-bymonth2 {
  margin: 10px 15px;
  text-align: center;
  color: #ff2727;
  font-size: 14px;
  width: 25%;
  }

.texto-verde-bymonth {
  margin: 10px 15px;
  width: 120px;
  text-align: center;
  color: #008000;
  font-size: 14px;
  min-width: 120px;
  max-width: 120px;
  }
  
  .texto-verde-bymonth2 {
  margin: 10px 15px;
  text-align: center;
  color: #008000;
  font-size: 14px;
  width: 25%; 
  }

.style1542 {}


.style1543 {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 20px;
}


.style1544 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  max-width: 100%;
  overflow: hidden;
  margin: 15px;
}

.style1544-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  max-width: 100%;
  overflow: hidden;
  margin: 15px;
}

.style1545 {
    width: 50%;
    overflow: hidden;
}


.style1546 {
  overflow: auto;
  margin-top: 15px;
  width: auto;
}


.style1547 {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.style1548 {
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
}


.style1549 {
  margin-bottom: 1px;
  margin-left: 10px;
  margin-right: 10px;
}


.style1550 {
  margin: 10px;
  width: 100px;
  text-align: center;
  font-size: 14px;
}


.style1551 {
  border: 1px solid rgba(66, 82, 94, 0.12);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 500px;
  margin: 15px;
  padding-bottom: 15px;
  width: 100%;
}

.style1551-dark {
  border: 1px solid #4f4f4f;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 500px;
  margin: 15px;
  padding-bottom: 15px;
}


.style1552 {
  overflow: auto;
}


.style1553 {
  font-size: 14px;
  text-align: center;
  margin: 12px 15px;
  width: 25%;
}

.style1553-dark {
  font-size: 14px;
  text-align: center;
  margin: 12px 15px;
  width: 25%;
  color: #fff;
}


.style1554 {
  margin: 15px;
}


.style1555 {
  overflow: auto;
  width: 50%;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}


.style1556 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  font-size: 18px;
  letter-spacing: 0.1em;
}

.style1557 {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-right: 10px;
}

.style1558 {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.style1559 {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}

.style1559-dark {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}

.style1540:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1560 {
    width: 100%;
}

.style1561 {
    width: 20%;
    margin: 15px 10px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1561:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.style1561-dark {
    width: 20%;
    margin: 15px 10px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1561-dark:hover {
    background-color: #18181B;
}

.style1562 {
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.style1562-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    font-size: 14px;
    color: #fff;
}



.style1563 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.style1564 {
    width: 20%;
    margin: 15px 10px;
    border: 1px solid rgba(66, 82, 94, 0.47);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1564-dark {
    width: 20%;
    margin: 15px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1565 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1566 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1566-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1567 {
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.style1567-dark {
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    color: #fff;
}

.style1568 {
    margin: 10px;
}

.style1569 {
    height: 450px;
}

.style1570 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1570-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1571 {
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.style1571-dark {
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #fff;
}


.style1572 {
    margin-top: 40px;
    margin-right: 20px;
    width: 200px;
}

.style1573 {}

.style1574 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.style1574-dark {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1575 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px;
    width: 100%;
    }

.style1575-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px;
    width: 100%;
    }

.style1576 {
  font-size: 13px;
  letter-spacing: 0.1em;
  margin-top: 15px;
  margin-bottom: 5px;
}

.style-loading-metrics {
    font-size: 13px !important;
    letter-spacing: 0.1em;
    color: rgba(66, 82, 94, 0.63);
    margin-top: 15px;
    margin-bottom: 5px;
}

.style-loading-metrics-dark {
    font-size: 13px !important;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 5px;
}

.style1577 {
    height: 400px;
}

.style1578 {
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 70%;
}

.style1578-dark {
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 70%;
    color: #fff;
}
.style1579 {}

.style1580 {
    margin-top: 10px;
}

.style1581 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1581-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1582 {
    margin-bottom: 0px;
    font-size: 27px;
    color: rgba(66, 82, 94, 0.7);
}

.style1582-dark {
    margin-bottom: 0px;
    font-size: 27px;
    color: #4f4f4f;
}

.style836 {
    margin-bottom: 10px;
}

.style1583 {}

.style1584 {
    border-bottom: 1px solid rgba(66, 82, 94, 0.12);
    padding-top: 10px;
    padding-bottom: 10px;
}

.style1584-dark {
    border-bottom: 1px solid #4f4f4f;
    padding-top: 10px;
    padding-bottom: 10px;
}

.style1585 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 25px;
    width: 50%;
    margin-top: 20px;

}

.style1585-dark {
    border: 1px solid #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 25px;
    width: 50%;
    margin-top: 20px;

}


.style1586 {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1587 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 15px 10px 10px;
}

.style1588 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.style1588-dark {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #fff;
}

.style1589 {
    font-size: 13px;
    margin-bottom: 5px;
}

.style1589-dark {
    font-size: 13px;
    margin-bottom: 5px;
    color: #fff;
}

.style1590 {
    margin-right: 25px;
    border: 1px solid #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 50%;
    margin-top: 20px;
}

.style1590-dark {
    margin-right: 25px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 50%;
    margin-top: 20px;
}

.style1591 {
    opacity: 1;
}

/* --- MENU RESPONSIVO PARA ECRÃS PEQUENOS (max-width: 1512px) --- */
@media (max-width: 1512px) {
  /* 1. MANTIDO: Remove o padding padrão do Bootstrap */
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Reduz a largura do menu */
  .style1518,
  .style65,
  .style84,
  .style84-dark, .style238, .style238-dark  {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }

/* Reduz a largura do menu 'settings */
  .style238, .style238-dark {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }

  /* 2. ATUALIZADO: Ajusta o logo para a versão compacta */
  /* Usamos object-fit para garantir que a imagem não estica e forçamos o content */
  .style66 {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important; /* Adicionado para garantir que não encolhe */
    max-width: 50px !important;
    /* O 'content' substitui a imagem src no Chrome/Edge/Safari */
    content: url('assets/images/Logo/1.svg') !important;
    -o-object-fit: contain !important;
       object-fit: contain !important; /* Garante a proporção */
    margin-top: 25px !important; /* Ajuste de espaçamento vertical se necessário */
    margin-bottom: 25px !important;
  }

  /* Oculta os textos dos itens do menu */
  .style743,
  .style743-dark,
  .style1474,
  .style1474-dark,
  .style195, .style195-dark {
    display: none !important;
  }

  /* Ajusta os grupos do menu para centralizar ícones */
  .style742,
  .style742-dark,
  .style751,
  .style751-dark,
  .style1473,
  .style1473-dark,
  .style194,
  .style194-dark{
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  /* Centraliza os ícones */
  .style744, .style196 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Ajusta a área da conta no fim do menu */
  .accountinfo,
  .accountinfoon {
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    cursor: pointer;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  /* Remove hover da conta */
  .accountinfo:hover,
  .accountinfoon:hover {
    opacity: 1 !important;
    background-color: transparent !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

  /* Oculta detalhes da conta */
  .style1479,
  .style1483,
  .style1482,
  .style1484 {
    display: none !important;
  }

  /* Centraliza a imagem de perfil */
  .style1477 {
    margin: 0px !important;
  }

  /* Ajusta a margem do conteúdo principal (row) */
  .style47, .style47-dark {
    margin-left: 80px !important;
  }
  

  .style12 {
    left: 80px !important;
  }

  /* Define a margem esquerda de 15px no cartão principal */
  .style1010,
  .style1010-dark, .style760 , .style760-dark {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  /* Remove padding esquerdo da coluna (style77) */
  .style77,
  .style77-dark {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 15px !important;
  }

  /* Ajusta o espaçamento do calendário/segundo grupo */
  .style50,
  .style50-dark {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .style760, .style760-dark {
    margin-right: 0px !important;
  }
}

@media (max-width: 1512px) {
  .accountinfo,
  .accountinfoon {
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* --- RESPONSIVIDADE TABELA RECENT TRADES --- */

/* 1. Definição Base (Desktop Grande > 1650px) */
/* As 4 colunas ocupam 25% cada */
.col-responsiva, 
.col-type {
    width: 25%;
    min-width: 0; /* Importante para o text-overflow funcionar em Flexbox */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Coloca "..." se não couber */
    text-align: center;
    margin: 10px 7px; /* Mantém a margem original */
}

/* Ajuste específico para a coluna P&L que é um DIV e não um P */
div.col-responsiva {
    /* O div do P&L tem margens/paddings específicos definidos nas classes style1374/1378 */
    /* Aqui apenas forçamos a largura */
    width: 25% !important; 
    margin: 0 7px; /* Ajuste fino para alinhar com os outros */
}

/* 2. Media Query para Ecrãs < 1650px */
@media (max-width: 1650px) {
    
    /* Esconde a coluna Type */
    .col-type {
        display: none !important;
    }

    /* As restantes 3 colunas passam a ocupar 33.33% */
    .col-responsiva {
        width: 33.33% !important;
        max-width: 33.33% !important;
    }
    
    /* Garante que o container do P&L também ajusta */
    div.col-responsiva {
        width: 33.33% !important;
    }
}

/* --- RESPONSIVIDADE MÉTRICAS (Dashboard) --- */
@media (max-width: 1600px) {
  /* Afeta métricas neutras, vermelhas e verdes (Light e Dark mode) */
  .style1355, .style1355-dark, 
  .style1398, .style1398-dark, 
  .style1399, .style1399-dark {
    font-size: 24px !important;
  }
}


@media (max-width: 1280px) {

/* PLAYBOOK OVERVIEW */
  #playbookoverviewsmalltext{
    font-size: 14px !important;
  }
}

  

/* --- RESPONSIVIDADE TABELAS (Recent & Open Trades) @ 1180px --- */
@media (max-width: 1180px) {
  
  #onboardinglogo{
        width: 180px;
        }
        
  /* 1. Botões de Alternância (Recent Trades / Open Trades) - NOVO */
  .style1366, .style1366-dark,

  /* 2. Cabeçalhos da Tabela (Symbol, Date, Type, Net P&L) */
  .style1369, .style1369-dark,

  /* 3. Texto das Linhas (Symbol, Date) */
  .style1372, .style1372-dark,
  .col-responsiva,

  /* 4. Etiquetas de Tipo (Buy/Sell/Deposit) */
  .texto-verde-dashboard, .texto-verde-dashboard-dark,
  .texto-vermelho-dashboard, .texto-vermelho-dashboard-dark,

  /* 5. Valores Monetários (P&L) */
  .style1375, /* Verde */
  .style1376, /* Vermelho */
  .style1377  /* Neutro */ 
  .style1375-dark, /* Verde */
  .style1376-dark, /* Vermelho */
  .style1377-dark  /* Neutro */ 
  {
    font-size: 11px !important;
  }

  /* --- PLAYBOOK--- */

  #playbookoverviewbigtext {
    font-size: 18px !important;
  }
}

/* --- AJUSTE DE LAYOUT DASHBOARD (1024px e inferiores) --- */
@media (max-width: 1024px) {

 /* --- ONBOARDING--- */

 #sidebarEmail{
  font-size: 10px !important;
}
 #sidebarDefault{
  font-size: 12px !important;
}






  /* --- SETTINGS--- */

  #ProPlanYearly, #ProPlanMonthly, #BasicPlanYearly, #BasicPlanMonthly, #manageplangroup23{
  width: 80% !important;
}



 /* --- NOTES--- */
  #foldergroup{
  display: none !important;
}

#foldersenotesgroup{
  width: 50% !important;
}

#notesgroup{
  width: 100% !important;
}



 /* --- PLAYBOOK--- */

 #profitfactordata, #winratedata, #netpnldata, #tradesdata, #avgwindata,
#avglossdata {
  font-size: 18px !important;
}

#profitfactortext, #winratetext, #netpnltext, #tradestext, #avgwintext,
#avglosstext {
  font-size: 16px !important;
}

#playbookgridinfo {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

#playbookgridicon, #playbookgridicon2, #playbookgridicon3 {
  width: 17px !important;
  height: 17px !important;
}

#playbookgridtitle {
  font-size: 14px !important;
}

#griddoverview {
  width: 70% !important;
}

  /* --- PARTE SUPERIOR (Calendário e Trades) --- */

  /* 1. Remove os cartões de Average Win, Average Loss e Playbooks */
  .style1382 {
    display: none !important;
  }

  /* 2. Aumenta o espaço do Calendário (Coluna da esquerda) */
  .style1373 > .style1360:first-child {
    width: 60% !important; 
  }

  /* 3. Ajusta o container da direita para conter apenas os Trades */
  .style1373 > .style1360:last-child {
    width: 40% !important;
  }

  /* 4. Expande o cartão de Recent/Open Trades (remove margem direita) */
  .style1358,
  .style1358-dark {
    width: 100% !important;
    margin-right: 10px !important; /* Encosta à direita */
  }

  /* --- PARTE INFERIOR (Gráficos) --- */

  /* 5. Remove as Notas Recentes */
  .style1393,
  .style1393-dark {
    display: none !important;
  }

  /* 6. Ajuste Account Growth (Esquerda) */
  /* Mantém margem de 10px à direita para criar o espaço central */
  .style1394 > .style1392:nth-child(1),
  .style1394 > .style1392-dark:nth-child(1) {
    width: calc(50% - 20px) !important; /* 50% menos 10px esq e 10px dir */
    margin-right: 10px !important;
  }

  /* 7. Ajuste Net P&L (Direita) */
  /* Remove margem direita para alinhar com o grupo dos Trades acima */
  .style1394 > .style1392:nth-child(2),
  .style1394 > .style1392-dark:nth-child(2) {
    width: calc(50% - 10px) !important; /* 50% menos apenas 10px esq */
    margin-right: 0px !important; /* Encosta à direita */
  }
}

/* --- AJUSTE MÉTRICAS INFERIORES @ 992px --- */
@media (max-width: 992px) {
  
  /* ---ONBOARDING--- */
#onboardingmenu{
    display: none !important;
}

#onboardingcontent, #acountdetailsgroup{
    width: 100% !important;
}





  .style474 {
        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;
        overflow-y: hidden !important;
        overflow-y: auto !important;
    }

    .style474::before,
.style474::after {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

    /* 2. Permite que o container principal cresça com o conteúdo */
    .style1645 {
        height: 100vh !important;
        padding-top: 50px;
        padding-bottom: 50px;

    }

    /* 3. Garante que o conteúdo interno não esconde o scroll */
    .style1646 {
        height: auto !important;
        width: 90% !important;         /* Aproveita melhor a largura em mobile */
    }
    
/* ---TRADE DETAIL--- */

#tdmenutext {
  font-size: 12px !important;
}

#tdicon {
  width: 15px !important;
  height: 15px !important;
}

#tdsymbol {
  font-size: 17px !important;
  margin-left: 0px !important;
}

#tddate {
  font-size: 12px !important;
}


  /* 1. Títulos (Net P&L, Win Rate, etc.) */
  .style1354, 
  .style1354-dark {
    font-size: 14px !important; 
    white-space: nowrap; /* Impede que o título quebre linha */
    margin-bottom: 2px !important; /* Aproxima o título do valor */
    margin-left: 8px;
    margin-top: 20px;
  }

  /* 2. Valores Numéricos (Neutro, Verde, Vermelho e Loading) */
  .style1355, .style1355-dark, /* Neutro */
  .style1399, .style1399-dark, /* Verde (Win) */
  .style1398, .style1398-dark, /* Vermelho (Loss) */
  .style1406, .style1406-dark  /* Loading / No Data */ 
  {
    font-size: 20px !important; /* Reduz drasticamente para caber (era ~24px/27px) */
    margin-top: 2px !important;
    margin-bottom: 20px !important; /* Reduz margem inferior para poupar altura */
    letter-spacing: 0px !important; /* Remove espaçamento extra para caber mais texto */
    margin-left: 8px;
  }

  /* 3. Textos de Estado (Loading... / No Data...) */
  /* Separado para ficar mais pequeno, pois o texto "No data" costuma ser comprido */
  .style1406, 
  .style1406-dark {
    font-size: 14px !important; /* Mais pequeno que os números */
    line-height: 1.2 !important; /* Melhor leitura se quebrar linha */
    margin-top: 2px !important;
    margin-bottom: 20px !important;
    white-space: normal !important; /* Permite quebrar linha se o texto for longo */
    margin-left: 8px;
  }

  /* 4. Ajuste opcional dos contentores das métricas para reduzir padding lateral */
  .style1353, 
  .style1353-dark {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

/* --- AJUSTE DE LAYOUT PARA 915px (Tablet/Telemóvel Grande) --- */
@media (max-width: 916px) {

.style1750, .style1750-dark{
        font-size: 12px !important;
    }

#texttoremove{
        display: none !important;
    }

.style1753{
 width: 50% !important;
 margin: 5px !important;
}

.style1755, .style1755-dark{
 margin: 0px !important;
}

.style1756, .style1756-dark{
 margin: 10px !important;
}

.style1760{
 width: 100% !important;
}





/* --- ANALYTICS --- */

#analyticslosttrades{
        display: none !important;
    }

#analyticswontrades, #analyticsmaxdrawdown,
#analyticsprofitfactor, #analyticscurrentbalance{
 width: 24% !important;
}

#analyticscaption{
        font-size: 12px !important;
    }

#accountmetricsanalytics{
 width: 50% !important;
}


/* --- PERFORMANCE --- */

  #groupnlostandwontrades, #netroiperformanceov {
        display: none !important;
    }

  #metricstxtperformance{
        font-size: 12px !important;
    }


    
    /* 1. Força os contentores a ficarem na vertical */
    #firstrow,
    #secondrow {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }

    /* 2. Expande as colunas internas (Trigger, Mistakes, etc.) para 100% */
    /* Originalmente estão a 33.3%, aqui forçamos a largura total */
    #firstrow .style614,
    #secondrow .style614{
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 25px !important; /* Remove a margem lateral direita */
        margin-bottom: 25px !important; /* Dá espaço entre os blocos verticais */
    }

    .style611, .style611-dark {
      margin-right: 25px;
      }

    .style271, .style271-dark, .style1598{
      width: 90% !important;
      max-width: 90% !important;
      min-width: 90% !important;
      margin-right: 25px !important ;
    }

    .style260 {
      width: 90% !important;
      max-width: 90% !important;
      min-width: 90% !important;
      margin-right: 25px !important ;
    }


    .style695, .style695-dark, .style696, .style696-dark, .style1290, .style1290-dark, .style697, .style697-dark, .style1618, 
    .style1618-dark, .style705, .style709, .style710{

      font-size: 14px;
    }
}

/* --- AJUSTE DE LAYOUT PARA 873px --- */
@media (max-width: 874px) {


/* --- PERFORMANCE --- */

#netpnlperformancetitle, #typeperformancetitle,
#dateperformancetitle, #symbolperformancetitle{
        font-size: 13px !important;
    }




/* --- NOTES --- */


#buttonbacknotes{
        display: block !important;
    }
/* Forçar as colunas a 100% de largura */
    #notesgroup, #notecontent, #foldersenotesgroup { 
        width: 100% !important;
        margin: 15px !important;
    }

     #notecontent { 
        margin: 15px !important ;
        width: 100% !important;
    }

    /* Ocultar a barra lateral se estivermos no modo detalhe */
    .d-none {
        display: none !important;
    }


    #chooseanote, #notesempty{
        display: none !important;
    }



   .style1588, .style1588-dark{
    font-size: 14px !important;
  }

   .style1589, .style1589-dark{
    font-size: 11px !important;
  }

/* --- PLAYBOOK --- */

 .yuy {
  display: none !important;
}

#yuy2 {
  display: none !important;
}


}


/* --- AJUSTE DE LAYOUT PARA 844px (Tablet/Telemóvel Grande) --- */
@media (max-width: 844px) {

  /* 1. Ocultar o contentor do Expectancy (o 5º e último elemento) */
  .style1353:nth-child(5),
  .style1353-dark:nth-child(5) {
    display: none !important;
  }

  /* 2. Ajustar os restantes 4 cartões para ocuparem o espaço igual (25%) */
  /* Usamos calc(25% - 20px) para descontar as margens laterais de 10px */
  .style1353,
  .style1353-dark {
    width: calc(25% - 20px) !important;
    min-width: 0 !important; /* Garante que não estouram o layout */
  }

  /* 3. Forçar Calendário e Grupo de Trades para 50% / 50% */
  /* Substitui a regra anterior de 60/40 definida nos 1024px */
  .style1373 > .style1360:first-child, /* Calendário */
  .style1373 > .style1360:last-child  /* Trades */ 
  {
    width: 50% !important;
  }

  /* 4. Account Growth (Primeiro gráfico) -> 40% */
  /* Usamos calc(40% - 20px) para descontar as margens laterais */
  .style1394 > .style1392:first-child,
  .style1394 > .style1392-dark:first-child {
    margin-right: 0px;
    width: calc(50% - 20px) !important;
  }

  /* 5. Net P&L (Segundo gráfico) -> 60% */
  .style1394 > .style1392:nth-child(2),
  .style1394 > .style1392-dark:nth-child(2) {
    margin-left: 0px;
    width: calc(50% - 10px) !important;
  }

  /* 6. Reduzir Largura do Date Picker e Select (Topo) */
  .style1396 {
    width: 140px !important; /* Reduz de 200px para 140px */
    margin-right: 10px !important; /* Aproxima os elementos */
  }

  /* 7. Ajustar fonte interna dos inputs para caber no espaço menor */
  #date1, 
  #select2 {
    font-size: 11px !important; /* Reduz a fonte para as datas não cortarem */
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}


/* --- AJUSTE DE LAYOUT PARA 810px (Tablet/Telemóvel Grande) --- */
@media (max-width: 810px) {

  /* --- PERFORMANCE --- */

 #metricsnaccgrowthgroup {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
 }

 #tradesgroupovp {
  display: none !important;
 }
 
 #maingroupsovp{
  width: 32% !important;
 }

 #metricsgroupp, #accgrowthgroupp, #accgrowthgroupp2{
  width: 100% !important;
  margin-left: 0px !important;
 }

 #ovmainmetrics{
  font-size: 18px !important;
  margin-left: 10px !important;
 }

 #ovmainmetricstitle{
  margin-left: 10px !important;
 }


 #annualplans, #monthlyplans{
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
 }

 .style1592, .style1592-dark{
  width: auto !important;
 }

 .style271 {
  width: 100% !important;
 }

 .style230 {
  width: 80% !important;
 }

}

/* --- AJUSTE CRÍTICO PARA MÓVEL (750px ou menos) --- */
@media (max-width: 750px) {

  /* --- SEÇÃO 1: CALENDÁRIO vs TRADES --- */
  
  /* 1. Ocultar o grupo de Trades (o último elemento) */
  .style1373 > .style1360:last-child {
    display: none !important;
  }

  /* 2. Expandir o Calendário (o primeiro elemento) para 100% */
  .style1373 > .style1360:first-child {
    width: 100% !important;
    margin-right: 0 !important; /* Remove margens antigas para não descentralizar */
  }


  /* --- SEÇÃO 2: ACCOUNT GROWTH vs NET P&L --- */

  /* 3. Ocultar o Account Growth (o primeiro gráfico) */
  .style1394 > .style1392:first-child,
  .style1394 > .style1392-dark:first-child {
    display: none !important;
  }

  /* 4. Expandir o Net P&L (o segundo gráfico) para 100% */
  .style1394 > .style1392:nth-child(2),
  .style1394 > .style1392-dark:nth-child(2) {
    width: 100% !important;
    margin-left: 10px !important; /* Remove a margem lateral antiga */
    margin-right: 10px !important;
  }

  #themecolumn{
    -webkit-box-orient: vertical !important ;
    -webkit-box-direction: normal !important ;
        -ms-flex-direction: column !important ;
            flex-direction: column !important ;
  }

  #filtertexttj, #customizetexttj{

    display: none;
  }

}

@media (max-width: 768px) {

.style1861{
    font-size: 12px !important;
}

.style1859{
    font-size: 25px !important;
}

  .style1798{
    font-size: 12px !important;
}

#platformlogoaddnewacc{
width: 60px !important;}

  #choosebroker{
    width: 180px !important;
}

#headertj{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
}

#groupiconstj{
  padding-left: 20px !important;
  margin-top: 10px !important;
}

#icongroup, #icongroupprivacy{
 margin-left: 10px !important;
 margin-right: 0px !important; 
}





  /* --- SETTINGS--- */

  #ProPlanYearly, #ProPlanMonthly, #BasicPlanYearly, #BasicPlanMonthly, #manageplangroup23{
  width: 90% !important;
  }

  #contentofplansettings{
  width: 100% !important;
  }
}

@media (max-width: 577px) {

  #topheaderdashboard{
    -webkit-box-orient: vertical !important ;
    -webkit-box-direction: normal !important ;
        -ms-flex-direction: column !important ;
            flex-direction: column !important ;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    -webkit-box-pack: baseline !important;
        -ms-flex-pack: baseline !important;
            justify-content: baseline !important;
  }

  #dateandbrokergroup{
    margin-top: 10px !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start; 
    padding-left: 20px !important; 
     }

 #netroidashboard{
 display: none !important;
  }

  #metricscarddashboard{
    width: 33.3% !important;
  }

    /* --- SETTINGS--- */
#membersince{
      font-size: 14px !important;
    }


/* ANALYTICS */

#titleanalytics{
      font-size: 16px !important;
      margin-left: 20px !important;
    }

#accountmetricsanalytics, #textunvisualanalytics{
 display: none !important;
  }

#balancechartanalytics{
        width: 100% !important;
        margin-left: 0px !important ;
    }

#mainmetricsanalytics, #tradesmetricsanalytics, #timemetricsandothersanalytics{
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

#analyticscurrentbalance, #analyticsprofitfactor,
#analyticsmaxdrawdown, #analyticswontrades{
        width: 100% !important;
        margin-bottom: 10px !important ;
    }

#groupinsidetrademetrics{
        width: 100% !important;
        margin-left: 0px !important ;
    }



    /* 1. Esconde o texto "Delete Picture" */
    #deletepicturetext {
      font-size: 0 !important;
    }

    /* 2. Cria o novo texto "Delete" */
    #deletepicturetext::after {
        content: "Delete";
        font-size: 14px; /* Tamanho original da fonte para o novo texto */
        visibility: visible;
        margin: .5rem 15px;
    }

    #btnPhotoText {
        font-size: 0 !important;
    }

    /* 2. Cria o novo texto "Delete" */
    #btnPhotoText::after {
        content: "Change";
        font-size: 14px; /* Tamanho original da fonte para o novo texto */
        visibility: visible;
        margin: .5rem 15px;
    }

    #firstname, #lastname, #username {
        width: 50%;
    }

    #subheadingtags {
        display: none;
    }

    .style48, .style48-dark {
       font-size: 20px;
    }

      .style695, .style695-dark, .style696, .style696-dark, .style1290, .style1290-dark, .style697, .style697-dark, .style1618,
      .style1618-dark, .style705, .style709, .style710{

      font-size: 12px;
    }
    
}

/* ========================================================= */
/* AJUSTES FINAIS PARA MÓVEL PEQUENO (576px ou menos)        */
/* ========================================================= */

@media (max-width: 576px) {


.style1885{
font-size: 12px !important;}


.style1860{
width: 80% !important;
}


  .style1797{
width: 33%;
margin: 10px !important;
}

  .style1631{
width: 100%;
}

  #platformnamemt5 {
        font-size: 0 !important;
    }
    #platformnamemt5::after {
        content: "MT5";
        font-size: 16px;
        color: #fff;
        letter-spacing: 0.1em;
    }

    #platformnamemt4 {
        font-size: 0 !important;
    }
    #platformnamemt4::after {
        content: "MT4";
        font-size: 16px;
        color: #fff;
        letter-spacing: 0.1em;
    }
  
  #platformnamectrader {
        font-size: 0 !important;
    }
    #platformnamectrader::after {
        content: "cTrader";
        font-size: 16px;
        color: #fff;
        letter-spacing: 0.1em;
    }


  #addnewaccdescription{
  font-size: 14px !important;
  width: 80% !important;
}

#inoutdescriptionaddnewacc{
  font-size: 14px !important;
}


  #addnotetext, #filternotetext{
        display: none;
        }

  #iconnote{
        margin: 0px !important;
        }


  #brokersgroup{
        width: 100%;
        }

  /* --- PAYMENT--- */

  #monthlyplan1, #yearlyplan1 {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

#BasicPlanMonthly1, #ProPlanMonhtly1, #BasicPlanYearly1, #ProPlanYearly1 {
  width: auto !important;
}

.style1670, .style1460{
  font-size: 25px !important;
}

.style1648{
  font-size: 12px !important;
}


#firstname, #lastname, #username{
  width: auto !important;
}






#povmainmetricsgroup {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

#maingroupsovp {
  width: 100% !important;
  margin-top: 10px !important;
}

#povfirstgroup {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

#daterangecontainerpov{
  margin-left: 20px !important;
  margin-top: 0px !important;
}

#dateperformancetitle, #icongrouprtpov{
    display: none!important;
  }

#rtpovtgroup{
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}


}

/* ========================================================= */
/* AJUSTES FINAIS PARA MÓVEL PEQUENO (440px ou menos)        */
/* ========================================================= */

@media (max-width: 440px) {


  .style1633{
        font-size: 14px !important;
    }

  #buttonbacktotryagain{
width: 60% !important;
    }


  #platformlogoaddnewacc{
width: 40px !important;
    }


  .style1800{
        font-size: 18px !important;
    }

 #platformnamemt5 {
        font-size: 0 !important;
    }
    #platformnamemt5::after {
        content: "MT5";
        font-size: 12px;
        color: #fff;
        letter-spacing: 0.1em;
    }

    #platformnamemt4 {
        font-size: 0 !important;
    }
    #platformnamemt4::after {
        content: "MT4";
        font-size: 12px;
        color: #fff;
        letter-spacing: 0.1em;
    }

    #platformnamectrader {
        font-size: 0 !important;
    }
    #platformnamectrader::after {
        content: "cTrader";
        font-size: 12px;
        color: #fff;
        letter-spacing: 0.1em;
    }
  
#nextandbackaddnewaccount4 {
        font-size: 0 !important;
    }
    #nextandbackaddnewaccount4::after {
        content: "Back";
        font-size: 12px;
        color: #fff;
        letter-spacing: 0.1em;
    }

#startonboarding{
width: 85% !important;
}

#welcometotrackerfx{
font-size: 22px !important;
}

 #welcometotrackerfxdesc{
font-size: 12px !important;
margin-bottom: 15px !important;
}

.style1840, .style1835, .style1833{
font-size: 12px !important;
}

.style1838{
font-size: 18px !important;
}

.style1836{
font-size: 18px !important;
margin-top: 15px !important;
}

.style1847{
font-size: 16px !important;
}

.style1848, .style1837{
font-size: 12px !important;
}

.style1852, .style1814{
font-size: 10px !important;
}

#onboardingsyncimage{
width: 20px !important;
}

#platformlogoonboarding, #logotrackerfxonboarding{
width: 40px !important;
}

#onboardingsynctext{
font-size: 14px !important;
}

.style1791{
font-size: 14px !important;
}

.style1674{
font-size: 12px !important;
}



.style1766{
    font-size: 18px !important;
        }


.style1639, .style1640, .style1634, .style1753{
    width: 90% !important;
        }

.style1757, .style1758, .style1769{
    width: 100% !important;
        }

.style1759, .style1759-dark, .style1768, .style1448{
    font-size: 12px !important;
        }

.style1638, .style1638-dark, .style1642, .style1642-dark, .style1644, .style1756, .style1756-dark{
    font-size: 12px !important;
        }


.style1744{
    width: 80% !important;
        }

.style1743, .style1745{
    font-size: 12px !important;
    width: 90% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: center !important;
        }

.style1721, .style1735{
    width: 80% !important;
        }

.style1724{
  margin-bottom: 0px !important;
}

#youdonthaveanyacc{
  font-size: 10px !important;
  width: 90% !important;
}

#headingaddnewacc{
  font-size: 18px !important;
  margin-bottom: 10px !important;
}

#addnewaccdescription, #inoutdescriptionaddnewacc{
  font-size: 12px !important;
}

 #nextandbackaddnewaccount{
  font-size: 14px !important;
  margin: 8px !important;
}

#maingroupaddnewaccc{
height: 100vh !important;
}


 #povfirstgroup {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

#daterangecontainerpov{
  margin-left: 20px !important;
  margin-top: 10px !important;
}


#headeranalytics{
        margin-left: 15px !important;
        }



#groupiconstj{
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 5px !important;
        }

#icongroup{
    display: none!important;
  }

  #icongroupprivacy{
        margin-top: 10px !important;
        }
 
  .style1691, #notetitletfx{
        font-size: 12px !important;
        }
  
  #economiccheader{
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        }
  
  .style724{
        width: 100% !important;
        }

  #brokersgroup{
        margin-left: 0px !important;
        margin-right: 0px !important;
        }

  #repeat6  {
        padding-left: 10px !important;
        padding-right: 10px !important;
        }   
  
  #textinsidebrokergroup{
        margin-left: 8px !important;
        margin-right: 0px !important;
        }


  /* ------------------------------------------------------- */
  /* ONBOARDING */
  /* ------------------------------------------------------- */

  .style1460{
    font-size: 20px !important;
    margin: 10px !important;
  }

  .style1432{
    font-size: 20px !important;
  }

  #onboardingdescription, #buttontextonboarding{
    font-size: 12px !important;
  }

  #MetaTraderLogoOnboarding{
    width: 70px !important;
  }

  #OnboardingLogoTFX{
    width: 50px !important;
  }

  #onboardingAccountPassword, #onboardingAccountNumber, #onboardingAccountServer, #onboardingAccountBroker, #firstname, #lastname, #username{
    font-size: 12px !important;
  }

  #previewImage{
    width: 40px !important;
    height: 40px !important;
    margin: 5px !important;
  }

  #imageContainer{
    width: auto !important;
    margin-right: 5px !important;
    margin-left: 8px !important;
  }

  #uploadpicturebutton{
    margin-left: 8px !important;
    margin-right: 5px !important;
  }


  /* ------------------------------------------------------- */
  /* LOGIN, SIGN IN AND PASSWORD RESET */
  /* ------------------------------------------------------- */


  .style1683, .style877, .style575 {
    width: 300px !important;
    min-width: 300px !important;
  }

  .style343, {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .style875 {
    font-size: 30px !important;
  }

  .style876, .style886 {
    font-size: 14px !important;
    width: 100%;
  }


 /* ------------------------------------------------------- */
  /* SETTINGS */
  /* ------------------------------------------------------- */

  .style1673 {
    margin-left: 0px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }


  #manageplanbuttongroup{
    width: 100% !important;
    margin-top: 15px !important;
    margin-right: 0px !important;
  }

  #ProPlanYearly{
    width: auto !important;
    margin-top: 10px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  #membersince, .style1676 {
    margin-left: 0px !important;
    font-size: 12px !important;
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  #saving{
    display: none !important;
  }

  .style1601, .style1601-dark, .style1610, .style1610-dark, .style1607, .style1607-dark, .style1611, .style1611-dark{
    font-size: 12px !important;
  }

  .style1609, .style1609-dark{
    font-size: 24px !important;
  }

  .style1678, .style1678-dark{
    margin-top: 0px !important;
  }

.style1612{
margin-top: 15px !important; 
margin-bottom: 5px !important;
 }



 /* ------------------------------------------------------- */
  /* PERFORMANCE */
  /* ------------------------------------------------------- */
  #overview{
    margin: 0px !important;
  }

  #recordspov{
    margin-right: 20px !important;
  }

  #accgrowthgroupp{
    display: none !important;
  }

 /* ------------------------------------------------------- */
  /* NOTES */
  /* ------------------------------------------------------- */

  #foldersenotesgroup{
    margin: 0px !important;
  }

  #addnotetext, #filternotetext{
    display: none!important;
  }

  #buttonsnotesgroup{
   direction:ltr !important;
   -webkit-box-orient: horizontal !important;
   -webkit-box-direction: normal !important;
       -ms-flex-direction: row !important;
           flex-direction: row !important;
  }

  #iconnote{
   margin: 0px !important;
  }

  #filtericongroupnotes, #iconaddnote2, #groupcontentnoteicon{
    display: none!important;
  }

  #filternotesgroup{
   margin-right: 0px !important;
   margin-bottom: 0px !important;
   margin-top: 5px !important;
  }

  #notecontenttitlegroup, #notecontentgroup,{
   width: 100% !important;
   margin-right: 0px !important;
   
  }

   #notecontent, #notesgroup{
   width: 100% !important;
   margin: 8px !important;
  }

  /* ------------------------------------------------------- */
  /* 1. TOPO DA PÁGINA (Título e Linha de Inputs)            */
  /* ------------------------------------------------------- */

  /* Contentor Principal do Topo */
  .style49 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    height: auto !important;
    margin-bottom: 15px !important;
  }

  /* Título 'Dashboard' */
  .style48, 
  .style48-dark {
    font-size: 18px !important;
    margin-left: 5px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  /* CONTENTOR FLEX (Formulário) */
  #form1 > .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;   
    -ms-flex-wrap: nowrap !important;   
        flex-wrap: nowrap !important;     
    width: 100% !important;
    padding-left: 5px !important;     
    padding-right: 5px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 5px !important; /* Espaço pequeno entre elementos */
  }

  /* --- A. ÍCONES --- */

  /* 1. Ocultar Refresh (Primeiro botão) */
  .style1027:first-child, 
  .style1027-dark:first-child {
      display: none !important;
  }

  /* 2. Privacy (Último botão) - Largura fixa */
  .style1027:last-child,
  .style1027-dark:last-child {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      /* Força o botão a não encolher nem crescer */
      -webkit-box-flex: 0 !important;
          -ms-flex: 0 0 40px !important;
              flex: 0 0 40px !important; 
      width: 40px !important;
      height: 35px !important;
      -webkit-box-pack: center !important;
          -ms-flex-pack: center !important;
              justify-content: center !important;
      -webkit-box-align: center !important;
          -ms-flex-align: center !important;
              align-items: center !important;
      margin: 0 !important;
  }

  /* Tamanho do ícone interno */
  .style752 {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
  }


  /* --- B. INPUTS (Date e Select) --- */

  /* Wrappers dos Inputs */
  .style1396 {
    /* MÁGICA: Ocupam o espaço restante dividido por 2 */
    /* calc(50% - 25px) subtrai metade do botão privacy e do gap */
    width: 50%!important; 
    -webkit-box-flex: 0 !important; 
        -ms-flex: 0 0 calc(50% - 25px) !important; 
            flex: 0 0 calc(50% - 25px) !important;
    margin: 0 !important;
    display: block !important;
    min-width: 0 !important;
  }

  /* Os Inputs em si */
  #date1, 
  #select2 {
    width: 100% !important;
    font-size: 10px !important; 
    height: 35px !important;
    margin: 0 !important;
    padding-left: 5px !important;
    padding-right: 2px !important;
  }


  /* ------------------------------------------------------- */
  /* 2. TEXTOS DE BOAS-VINDAS (Margem 30px)                  */
  /* ------------------------------------------------------- */

  .style81, .style81-dark {
    font-size: 14px !important;
    margin-left: 15px !important; /* Aumentado para 30px */
    margin-top: 15px !important;
  }

  .style1402, .style1402-dark {
    font-size: 10px !important;
    margin-left: 15px !important; /* Aumentado para 30px */
    color: #888 !important;
  }


  /* ------------------------------------------------------- */
  /* 3. MENU LATERAL (Sidebar) - Compacto                    */
  /* ------------------------------------------------------- */

  .style84, .style84-dark, .style65 { 
     width: 60px !important;
     min-width: 60px !important;
     max-width: 60px !important;
  }

  .style47, .style12 {
     margin-left: 60px !important;
     margin-right: 15px !important;
     left: 60px !important;
  }

  /* Logo */
  .style66 {
     width: 40px !important; 
     min-width: 40px !important;
     height: auto !important;
     margin-left: auto !important;
     margin-right: auto !important;
     content: url('assets/images/Logo/1.svg') !important; 
     -o-object-fit: contain !important; 
        object-fit: contain !important;
  }

  /* Botões e Ícones */
  .style751, .style751-dark, 
  .style742, .style742-dark, 
  .style1473, .style1473-dark,
  .accountinfo, .accountinfoon, .style194, 
  {
     width: 45px !important;
     min-width: 45px !important;
     padding: 0 !important;
     margin-left: auto !important;
     margin-right: auto !important;
     margin-bottom: 10px !important;
     -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
             justify-content: center !important;
  }

  .style744 { margin: 8px !important; }

  /* Esconder textos */
  .style743, .style743-dark, .style1474, .style1474-dark,
  .style1479, .style1482, .style1483, .style195, .style195-dark {
     display: none !important;
  }

  .style1477 { margin: 0 !important; width: 30px !important; height: 30px !important; }


  /* ------------------------------------------------------- */
  /* 4. ESPAÇAMENTO GERAL DO CORPO                           */
  /* ------------------------------------------------------- */

  .style1010, .style1010-dark, .style760, .style760-dark {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .style50, .style50-dark {
    margin-left: 10px !important; 
    margin-right: 10px !important;
  }


  /* ------------------------------------------------------- */
  /* 5. MÉTRICAS (Grelha 2x2 com Margens de 15px)            */
  /* ------------------------------------------------------- */

  .style1356 {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: row !important;
              flex-direction: row !important;
      height: auto !important;
      -webkit-box-align: start !important;
          -ms-flex-align: start !important;
              align-items: flex-start !important;
      -webkit-box-pack: justify !important;
          -ms-flex-pack: justify !important;
              justify-content: space-between !important;
      margin-left: 15px !important;
      margin-right: 15px !important;
      padding: 0 !important;
  }

  .style1353, .style1353-dark {
      width: 48% !important; 
      -webkit-box-flex: 0 !important; 
          -ms-flex: 0 0 48% !important; 
              flex: 0 0 48% !important; 
      margin: 0 0 10px !important;
      height: auto !important;
      min-height: 100px !important;
  }

 #netroidashboard{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
        }

  #dateandbrokergroup{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    padding-left: 5px !important;
  }

  .style1713{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: 100% !important;
  }

  .style1710, .style1710-dark{
      font-size: 10px !important;
  }

  .style1691{
      font-size: 10px !important;
      margin-right: 10px !important;
      margin-left: 10px !important;
  }

   .style1714, .style1714-dark{
      font-size: 12px !important;
  }
  
  .style1708{
      width: 14px !important;
  }

  #choosebroker{
      margin-top: 10px !important;
  }

  #date1{
      width: 180px !important;
  }

  .style1354, .style1354-dark {
      font-size: 13px !important;
      margin-top: 15px !important;
      margin-bottom: 5px !important;
  }

  .style1355, .style1355-dark, 
  .style1399, .style1399-dark, 
  .style1398, .style1398-dark {
      font-size: 18px !important;
      margin-bottom: 15px !important;
  }

  /* Ordem Visual */
  .style1356 > .style1353:nth-child(1), .style1356 > .style1353-dark:nth-child(1) { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; }
  .style1356 > .style1353:nth-child(2), .style1356 > .style1353-dark:nth-child(2) { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; }
  .style1356 > .style1353:nth-child(3), .style1356 > .style1353-dark:nth-child(3) { -webkit-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; }
  .style1356 > .style1353:nth-child(4), .style1356 > .style1353-dark:nth-child(4) { -webkit-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; }
  .style1356 > .style1353:nth-child(5), .style1356 > .style1353-dark:nth-child(5) { display: none !important; }
 
 
 
 /* ------------------------------------------------------- */
  /* DASHBOARD UPDATES*/
  /* ------------------------------------------------------- */

  .style77,
  .style77-dark {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .style47 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
   }

#dashboardinfo, #playbookinfo, #tdinfo {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: auto !important;
 }

 #rowdashboard, #rowplaybook, #rowtd{
  margin-left: 65px !important;
 }

#style84dashboard{
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-left: 5px;
  margin-right: 5px;
 }

#dashboardcontainer, #playbookcontainer, #tdcontainer{
  width: auto !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
 }

 #maingroupinfodashboard{
  width: auto !important;
  margin-right: 8px !important;
  margin-left: 8px !important;
 }

 

 .style1475, .accountinfo{
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
 }

 /* ------------------------------------------------------- */
  /* TRADE DETAIL*/
  /* ------------------------------------------------------- */

  #maingroupinfotd{
  width: auto !important;
  max-width: 100% !important;
  margin-right: 5px !important;
  margin-left: 5px !important;
 }

 #groupinfotd{
  width: auto !important;
  margin-right: 8px !important;
  margin-left: 8px !important;
 }


/* ------------------------------------------------------- */
  /* PLAYBOOK*/
  /* ------------------------------------------------------- */

#maingroupinfoplaybook{
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 5px !important;
  margin-left: 5px !important;
 }

 #repeatplaybooksgrid {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
 }

#profitfactordata, #winratedata, #netpnldata, #tradesdata, #avgwindata,
#avglossdata {
  font-size: 16px !important;
}

#profitfactortext, #winratetext, #netpnltext, #tradestext, #avgwintext,
#avglosstext {
  font-size: 14px !important;
}

#playbookgridinfo {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

#playbookgridicon, #playbookgridicon2, #playbookgridicon3 {
  width: 15px !important;
  height: 15px !important;
}

#playbookgridtitle {
  font-size: 12px !important;
}

#griddoverview {
  width: 100% !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}

#playbookpanel {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#paneladdplaybook{
  margin-right: 8px !important;
}


 /* ------------------------------------------------------- */
  /* LIVE CHARTS*/
  /* ------------------------------------------------------- */

#cryptoheatmap{
  display: none !important;
}

#forexheatmap{
  width: 100% !important;
}

  /* ------------------------------------------------------- */
  /* SETTINGS*/
  /* ------------------------------------------------------- */


 .style742, .style742-dark, .style751, .style751-dark{}

#settingscontainer{
  width: auto !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
 }

 #settingsbackgroup, #settingsaccgroup, #settingssecgroup, #settingsprefgroup, #settingsplangroup, #settingstagsgroup{
  width: auto !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
 }

 #settingsaccounticon, #settingssecurityicon, #settingspreferencesicon, #settingsplanicon, #preferencesicontagsicon, #backsetingsicon{
  width: 15px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
 }

 #style84{
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-left: 0px;
  margin-right: 0px;
 }
 

 #infosettings{
  margin-left: 0px !important;
  padding-left: 0px !important;
  padding-right: 15px !important;
  margin-right: 0px !important;
 }


 .style238, .style238-dark{
  width: 80px !important;
 }

 #columnsettings{
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
  margin-right: 0px;
 }

  #rowsettings{
  margin-left: 80px !important;
  width: auto !important;
 }

  #accounttitle, #securitytitle, #preferencestitle, #plantitle, #tagstitle{
  font-size: 18px !important;
 }

  #accountsubtitle, #securitysubtitle, #preferencessubtitle, #plansubtitle, #tagssubtitle{
  font-size: 12px !important;
  margin-top: 5px !important;
 }

 #profilepicturetext, #firstnametext, #firstnametext2, #lastnametext, #lastnametext2, #usernametext, #usernametext2, #emailtext{
  font-size: 14px !important;
 }

 #photoflex {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  height: 100% !important;
  margin-bottom: 10px !important;
  margin-top: 0px !important;
 }

 #photodeletesettings, #cancelusernamesettings, #cancelfirstnamesettings, #cancellastnamesettings {
  margin-bottom: 8px !important;
 }

  #settingsfirstname, #settingslastname, #settingsusername, #settingsemail {
  font-size: 12px !important;
 }


 #accountmaingroup {
  width: 100% !important;
  padding-left: 15px !important;
 }

 #settingsphotogroup, #settingsfirstnamegroup, #settingslastnamegroup, #settingsusernamegroup, #settingsemailgroup {
  width: 95% !important;
  max-width: 95% !important;
 }

#firstnamee9, #lastname9, #username9, #email9 {
  width: 50% !important;
  max-width: 50% !important;
 }

 #settingsemail {
  width: 100% !important;
  overflow: hidden;
 }

#buttonsfirstname, #buttonslastname, #buttonsusername {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  width: auto !important;
 }

 #securitymaingroup {
  padding-left: 15px !important;
  padding-right: 10px !important;
  width: 100% !important;
 }

#logoutsettingstext, #passwordsettingstext {
  font-size: 14px !important;
 }

 #lockiconsettings, #logouticonsettings {
  height: 15px !important;
  width: 15px !important;
 }

  #lockgroupsettings, #logoutgroupsettings {
  margin-left: 10px !important;
  margin-right: 5px !important;
 }

  #passwordgroupsettingstext, #logoutgroupsettingstext {
  margin-left: 5px !important;
 }

 #updatepasswordsettingstext, #logoutsettingsbuttontext {
  font-size: 12px !important;
 }

 #lightmodesettings, #darkmodesettings {
  width: 100% !important;
 }

 #themecolumn {
  margin-left: 10px !important;
 }

 #titlegroupaccount, #titlegroupsecurity, #titlegrouppreferences, #titlegroupplan, #titlegrouptags {
 padding-left: 15px !important;
 width: 100% !important;
 }

#billedgroupsettings {
  width: auto !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
 }

  #billedyearlysetings, #billedmonthlysetings {
  font-size: 11px !important;
 }

 #billedgroupsettings2 {
  width: 100% !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 }

#monthlyplans, #annualplans {
  width: auto !important;
  margin-left: 10px !important;
  margin-right: 10px !important
 }

  #permonthsettings {
  font-size: 12px !important;
 }

#featuressettings {
  font-size: 12px !important;
 }

#manageplan {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
 }

#tagscustomize, #addtagsettingstext {
  display: none !important;
 }

#addtagsettingsicon {
  margin: 10px !important;
 }


 /* ------------------------------------------------------- */
  /* Trading Journal*/
  /* ------------------------------------------------------- */

#tjinfo{
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: auto !important;
 }

 #rowtj{
  margin-left: 65px !important;
 }


 #style84tradingjournal{
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-left: 5px;
  margin-right: 5px;
}

#tjcontainer{
  width: auto !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
}

 #maingroupinfotradingjournal{
  width: auto !important;
  margin-right: 8px !important;
  margin-left: 8px !important;
 }

#customizetexttj, #filtertexttj{
 display: block;
 font-size: 11px !important;
 margin-left: 3px !important;

 }

 #painticontj, #filtericontj, #privacyicontj{
  width: 15px !important;
  margin: 2px 2px 2px 0px !important;
 }

#icongroup {
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  width: 40%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
 }

 #headertj {
  width: auto !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-left: 5px !important;
  margin-bottom: 0px !important;
 }

#groupicons{
 margin-top: 20px !important;
 width: 100% !important;
 min-width: 100% !important;
 max-width: 100% !important;
 padding-left: 10px !important;
 padding-right: 10px !important;
 }


#titletradingjournal {
  font-size: 14px !important;
 }

#columntj {
  width: auto !important;
 }



 

 #emptyspacetj {
 width: 25px !important;
 min-width: 25px !important;
 max-width: 25px !important;
 }

#menutj695 {
 width: 60px !important;
 min-width: 60px !important;
 max-width: 60px !important;
 padding-bottom: 0px !important;
 padding-top: 50px !important;
 }

#listtj695 {
 width: 60px !important;
 min-width: 60px !important;
 max-width: 60px !important;
 }

#menutj696 {
 width: 80px !important;
 min-width: 80px !important;
 max-width: 80px !important;
 padding-bottom: 0px !important;
 padding-top: 50px !important;
 }

#listtj696 {
 width: 80px !important;
 min-width: 80px !important;
 max-width: 80px !important;
 }

#menutj697 {
 width: 110px !important;
 min-width: 110px !important;
 max-width: 110px !important;
 padding-bottom: 0px !important;
 padding-top: 50px !important;
 }

#listtj697 {
 width: 110px !important;
 min-width: 110px !important;
 max-width: 110px !important;
 }
 }





.style1592 {
    width: 100%;
    background-color: #fff;
    margin: 12px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1592-dark {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  margin: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  }


.style1593 {
    margin: 15px 10px;
}



.style1594 {
    margin: 10px;}



.style1595 {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}



.style1596 {
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 8px;
}



.style1597 {
    margin-top: 30px;
    margin-left: 25px;
}



.style1598 {
    margin-left: 25px;
    margin-right: 25px;
    width: 80%;
}



.style1599 {
    margin: 10px;
    font-size: 14px;
}

.style1599-dark {
    margin: 10px;
    font-size: 14px;
    color: #fff;
}


.style1600 { 
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;                
}

.style1600-dark { 
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px; 
    color: #fff;               
}

.style1601 {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.1rem;
}

.style1601-dark {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.1rem;
    color: #fff;
}


.style1602 {
    margin: 10px 15px;
    border-color: rgba(66, 82, 94, 0.12);
    border-style: none;
}



.style1603 {
    margin: 10px 15px 20px;
}



.style1604 {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}



.style1605 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}

.style1605-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}



.style1606 {
    margin-bottom: 10px;
}



.style1607 {
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.style1607-dark {
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #fff;
}

.style1608 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #000;
    margin-bottom: 15px;
}

.style1608:hover {
    margin-bottom: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
}

.style1608-dark {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
}

.style1608-dark:hover {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #171717;
    border: 1px solid #4f4f4f;
}

.style1609 {
    margin-bottom: 0px;
    font-size: 32px;
}


.style1609-dark {
    margin-bottom: 0px;
    font-size: 32px;
    color: #fff;
}


.style1610 {
    margin-bottom: 2px;
    margin-left: 10px;
    }

.style1610-dark {
    margin-bottom: 2px;
    margin-left: 10px;
    color: #fff;
    }


.style1611 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
}



.style1612 {
    margin-bottom: 15px;
}



.wappler-temp {}



.style1613 {
    color: #fff;
    font-size: 14px;
    margin: 8px 10px;
}



.style1614 {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1614-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #4f4f4f;
}



.style1615 {
    margin-top: 25px;
    margin-left: 25px;
    width: 80%;
}



.style1616 {
    font-size: 22px;
}

.style1616-dark {
    font-size: 22px;
    color: #fff;
}

.style1617 {
    width: 50%;
}

.style1618 {
  font-size: 15px;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.style1618-dark {
  color:#fff;
  font-size: 15px;
  width: 100%;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.style1619 {
  background-color: #fff;
}

.style1619-dark {
  background-color: #171717;
}

.style1620 {
}

.style1621 {
}

.style1622 {
    height: 100vh;
}

.style1623 {
    margin-bottom: 0px;
}


/* --- SUMMERNOTE DARK MODE --- */

/* Contentor principal do editor */
.dark-mode .note-editor.note-frame {
    border-color: #4f4f4f !important;
    background-color: #262626 !important;
}

/* Barra de ferramentas (Toolbar) */
.dark-mode .note-toolbar {
    background-color: #1c1c1e !important;
    border-bottom: 1px solid #4f4f4f !important;
    color: #ffffff !important;
}

/* Área onde se escreve (Editable area) */
.dark-mode .note-editable {
    background-color: #262626 !important;
    color: #ffffff !important;
}

/* Botões da barra de ferramentas */
.dark-mode .note-btn {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: 1px solid #4f4f4f !important;
}

/* Hover nos botões */
.dark-mode .note-btn:hover {
    background-color: #444444 !important;
}

/* Ícones dentro dos botões */
.dark-mode .note-btn i, 
.dark-mode .note-btn span {
    color: #ffffff !important;
}

/* Rodapé (barra de redimensionamento) */
.dark-mode .note-statusbar {
    background-color: #1c1c1e !important;
    border-top: 1px solid #4f4f4f !important;
}

/* Dropdowns e Menus do Summernote */
.dark-mode .note-dropdown-menu {
    background-color: #1c1c1e !important;
    border: 1px solid #4f4f4f !important;
}

.dark-mode .note-dropdown-item:hover {
    background-color: #333333 !important;
}

.style1624 {
  margin-top: 5px;
  overflow: hidden;
}

.style1624-dark {
    max-width: 100%;
    margin-top: 5px;
    overflow: hidden;
    color: #fff;
}

.style433 {
    width: 100%;
}

.style433-dark {
    width: 100%;
    color: #fff;
}

.style1625 {
    width: 80px;
}

.style1626 {
  font-size: 13px;
  text-align: center;
  margin: .5rem 5px;
}

.style1626-dark {
  color: #fff;
  font-size: 13px;
  text-align: center;
  margin: .5rem 5px;
}

.yuy {}

.style1256 {}

.style1627 {
    margin-bottom: 10px;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 50%;
           flex: 1 1 50%;
    overflow: hidden;
}

.style1628 {
}

#bydayweek,
#byduration,
#byordertype,
#bysymbols,
#bytags {
    max-width: 100%;
    overflow: hidden;
}

/* Para os containers dos gráficos individuais */
#bydayweeknetpnlgroup,
#bydayweeknetroigroup,
#bydayweekchart,
#bydayweekchartnetroi,
#bydaydurationchartnetpnl,
#bydaydurationchartnetroi,
#bydaydurationchartcount,
#byordertypechartnetpnl,
#byordertypechartnetroi {
    max-width: 100%;
    overflow: hidden;
}
.style1629 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.style1629-dark {
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
}

.style1630 {
    margin-bottom: 10px;
}

.style1630-dark {
    margin-bottom: 10px;
    color: #fff;
}

.style1631 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}
.style1632 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.style1633 {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
}

.style1633-dark {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
    color: #fff;
}

.gradient-spinner {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  margin-left: 15px;
  margin-right: 25px;
}

.gradient-spinner::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 3px;
  background: conic-gradient(
    from 0deg,
    transparent 0%,
    rgba(102, 102, 102, 0.1) 25%,
    rgba(102, 102, 102, 0.4) 50%,
    rgba(102, 102, 102, 0.7) 75%,
    #666666 100%
  );
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


.style1634 {
    width: 80%;
    margin-bottom: 25px;
}


.style1635 {
    margin-bottom: 20px;
}


.style1636 {
}


.style1637 {
    width: 100%;
}


.style1638 {
    margin-bottom: 10px;
    letter-spacing: 0.1em;
}

.style1638-dark {
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    color: #fff;
}


.style1639 {
    width: 60%;
}


.style1640 {
    width: 60%;
    margin-top: 20px;
}

.style1641 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 49%;
    }

.style1641-dark {
    width: 49%;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    }

.style16412 {
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    }

.style16412-dark {
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    }

.style1642 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.style1642-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.style1643 {
    background-color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 49%;
    }

.style1643:hover{
    background-color: #333;
    } 

.style1643-dark {
    border: 1px solid #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 49%;
    }

.style1643-dark:hover{
    background-color: #f1f1f1;
    } 

.style1644 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
} 

.style1645 {
    height: 100vh;
    overflow: hidden;
} 

.style1646 {
    width: 80%;
  
} 

.style1647 {
    width: 100%;
} 

.style1648 {
    color: #fff;
    margin: 10px 20px;
    letter-spacing: 0.1em;
    font-size: 14px;
} 

.style1649 {
    margin-top: 20px;
    width: 100%;
    background-color: #262626;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
} 

.style1650 {
    width: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
    border: 1px solid #4f4f4f;
    margin: 12px;
    padding-top: 25px;
    padding-bottom: 35px;
} 

.style1651 {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.style1652 {

    border: 1px solid #4f4f4f;
    border-radius: 10px;
}

.style1653 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.style1654 {

    border: 1px solid #4f4f4f;
    border-radius: 10px;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
}

.style1655 {
    font-size: 14px;
    color: #fff;
    margin: 8px 15px;
    letter-spacing: 0.1em;
}

.style1656 {
    margin-top: 12px;
    margin-left: 15px;
    margin-right: 15px;
}

.style1657 {
    font-size: 26px;
    margin-bottom: 0px;
    color: #fff;
}

.style1658 {
    margin-top: 8px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.style1659 {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.style1660 {
    margin-bottom: 5px;
}

.style1661 {
    color: #fff;
    margin-bottom: 0px;
    margin-left: 5px;
    padding-bottom: 5px;
}

.style1662 {
    margin-bottom: 0px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.style1663 {
    margin-bottom: 0px;
    margin-left: 10px;
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
}

.style1664 {
    margin-bottom: 10px;
}

.style1665 {
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.style1666 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #4f4f4f;
    margin-top: 10px;
    margin-bottom: 25px;

}

.style1667 {
    color: #fff;
    margin-top: 25px;
}


.glass-container {
    /* Shrink-wrap + flex friendly */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    /* Zero padding as requested */
    padding: 0;
    margin: 0;

    /* Very important for flex parents */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;

    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    /* Base glass */
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Very subtle border */
    border: 1px solid rgba(180, 180, 180, 0.18);

    /* Soft, subtle white glow/shadow underneath */
    -webkit-box-shadow: 
        0 3px 12px rgba(255, 255, 255, 0.07),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.06);
            box-shadow: 
        0 3px 12px rgba(255, 255, 255, 0.07),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.06);

    -webkit-transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    width: 100%;
}

/* Shine / sweep light */
.glass-container::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -120%;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(50%, rgba(255, 255, 255, 0.12)),
        to(transparent)
    );
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.12) 50%,
        transparent 100%
    );
    -webkit-transition: left 0.7s ease;
    transition: left 0.7s ease;
    pointer-events: none;
}

/* Hover states */
.glass-container:hover {
    background: rgba(255, 255, 255, 0.16);
    -webkit-box-shadow: 
        0 5px 18px rgba(255, 255, 255, 0.11),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.09);
            box-shadow: 
        0 5px 18px rgba(255, 255, 255, 0.11),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.09);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
}

.glass-container:hover::before {
    left: 120%;
}

/* Optional: very gentle click ripple (you can remove if too much) */
.glass-container::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255, 255, 255, 0.14) 0%,
        transparent 60%
    );
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    pointer-events: none;
}

.glass-container:active::after {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
}

/* Protect children from pseudo-elements */
.glass-container > * {
    position: relative;
    z-index: 2;
}

/* Nova classe: Glass Container Purple */
/* Container com gradiente de roxo para roxo (estado normal) */
.glass-container-purple {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    /* GRADIENTE VIBRANTE: Roxo Elétrico (#BF00FF) para Roxo Profundo (#7000FF) */
    /* Aumentamos a opacidade de 0.2 para 0.35 para a cor "saltar" mais */
    background: linear-gradient(
        135deg, 
        rgba(191, 0, 255, 0.35) 0%, 
        rgba(112, 0, 255, 0.3) 100%
    );
    
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Borda mais nítida em tom de Neon */
    border: 1px solid rgba(191, 0, 255, 0.5);

    /* Glow Externo mais intenso */
    -webkit-box-shadow: 
        0 8px 24px rgba(112, 0, 255, 0.4),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);
            box-shadow: 
        0 8px 24px rgba(112, 0, 255, 0.4),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);

    -webkit-transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    width: 100%;
}

/* Efeito de brilho que passa (Sweep light) - Mais visível */
.glass-container-purple::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -120%;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(50%, rgba(255, 255, 255, 0.3)),
        to(transparent)
    );
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 100%
    );
    -webkit-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Hover: Explosão de cor */
.glass-container-purple:hover {
    background: linear-gradient(
        135deg, 
        rgba(191, 0, 255, 0.5) 0%, 
        rgba(112, 0, 255, 0.45) 100%
    );
    /* Glow de neon no hover */
    -webkit-box-shadow: 
        0 12px 30px rgba(112, 0, 255, 0.6),
        inset 0 0 10px rgba(191, 0, 255, 0.4);
            box-shadow: 
        0 12px 30px rgba(112, 0, 255, 0.6),
        inset 0 0 10px rgba(191, 0, 255, 0.4);
    -webkit-transform: translateY(-2px) scale(1.02);
            transform: translateY(-2px) scale(1.02);
}

.glass-container-purple:hover::before {
    left: 120%;
}

/* Efeito de clique (Ripple) em Roxo Neon */
.glass-container-purple::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(191, 0, 255, 0.6) 0%,
        transparent 70%
    );
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    pointer-events: none;
}

.glass-container-purple:active::after {
    opacity: 1;
    -webkit-transform: scale(2);
            transform: scale(2);
}
















.glass-container-main {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    
    /* Para garantir que o texto seja legível (branco costuma funcionar melhor) */
    color: #ffffff; 
    cursor: pointer;

    /* GRADIENTE PERSONALIZADO: 
       Começa no teu #A680FF (convertido para RGB) e vai para um roxo mais profundo (#8A56FF)
       Opacidade ajustada para manter o efeito de vidro */
    background: linear-gradient(
        135deg, 
        rgba(166, 128, 255, 0.45) 0%,   /* O teu #A680FF */
        rgba(138, 86, 255, 0.4) 100%    /* Um tom ligeiramente mais escuro para contraste */
    );
    
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Borda suave usando o tom principal */
    border: 1px solid rgba(166, 128, 255, 0.5);

    /* Sombra/Glow usando o tom principal */
    -webkit-box-shadow: 
        0 8px 24px rgba(166, 128, 255, 0.3),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);
            box-shadow: 
        0 8px 24px rgba(166, 128, 255, 0.3),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);

    -webkit-transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    width: 100%;
}

/* Efeito de brilho que passa (Sweep light) */
.glass-container-main::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -120%;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(50%, rgba(255, 255, 255, 0.4)),
        to(transparent)
    );
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.4) 50%,
        transparent 100%
    );
    -webkit-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Hover: Intensifica o Roxo #A680FF */
.glass-container-main:hover {
    /* Aumenta a opacidade do gradiente para ficar mais "sólido" e vibrante */
    background: linear-gradient(
        135deg, 
        rgba(166, 128, 255, 0.65) 0%, 
        rgba(138, 86, 255, 0.6) 100%
    );
    
    /* Glow externo mais forte no hover */
    -webkit-box-shadow: 
        0 12px 30px rgba(166, 128, 255, 0.5),
        inset 0 0 10px rgba(200, 180, 255, 0.3);
            box-shadow: 
        0 12px 30px rgba(166, 128, 255, 0.5),
        inset 0 0 10px rgba(200, 180, 255, 0.3);
    -webkit-transform: translateY(-2px) scale(1.02);
            transform: translateY(-2px) scale(1.02);
}

.glass-container-main:hover::before {
    left: 120%;
}

/* Efeito de clique (Ripple) */
.glass-container-main::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    /* Ripple um tom mais claro que o principal para destaque */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(200, 180, 255, 0.6) 0%,
        transparent 70%
    );
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    pointer-events: none;
}

.glass-container-main:active::after {
    opacity: 1;
    -webkit-transform: scale(2);
            transform: scale(2);
}

















.glass-container-purple-stronger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    /* CORES FORTES: Roxo Intenso (#8A2BE2) para Roxo Índigo (#4B0082) */
    /* Aumentamos a opacidade para 0.45 e 0.5 para dar corpo no modo claro */
    background: linear-gradient(
        135deg, 
        rgba(138, 43, 226, 0.45) 0%, 
        rgba(75, 0, 130, 0.5) 100%
    );
    
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Borda mais escura para definição no branco */
    border: 1px solid rgba(75, 0, 130, 0.4);

    /* Sombra com tom de roxo profundo */
    -webkit-box-shadow: 
        0 4px 12px rgba(75, 0, 130, 0.25),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);
            box-shadow: 
        0 4px 12px rgba(75, 0, 130, 0.25),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);

    -webkit-transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;
}

/* Efeito de brilho que passa (Sweep light) */
.glass-container-purple-stronger::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -120%;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(50%, rgba(255, 255, 255, 0.2)),
        to(transparent)
    );
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 100%
    );
    -webkit-transition: left 0.7s ease;
    transition: left 0.7s ease;
    pointer-events: none;
}

/* Hover: Intensifica para tons ainda mais fechados */
.glass-container-purple-stronger:hover {
    background: linear-gradient(
        135deg, 
        rgba(138, 43, 226, 0.6) 0%, 
        rgba(75, 0, 130, 0.65) 100%
    );
    -webkit-box-shadow: 
        0 8px 20px rgba(75, 0, 130, 0.35),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);
            box-shadow: 
        0 8px 20px rgba(75, 0, 130, 0.35),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
}

.glass-container-purple-stronger:hover::before {
    left: 120%;
}

/* Efeito de clique (Ripple) em tom uva profundo */
.glass-container-purple-stronger::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(75, 0, 130, 0.5) 0%,
        transparent 60%
    );
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    pointer-events: none;
}

.glass-container-purple-stronger:active::after {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
}


.glass-container-purple-stronger-10px {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    
    /* ALTERAÇÃO: Arredondamento ajustado para 10px */
    border-radius: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    /* CORES FORTES: Roxo Intenso (#8A2BE2) para Roxo Índigo (#4B0082) */
    /* Aumentamos a opacidade para 0.45 e 0.5 para dar corpo no modo claro */
    background: linear-gradient(
        135deg, 
        rgba(138, 43, 226, 0.45) 0%, 
        rgba(75, 0, 130, 0.5) 100%
    );
    
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Borda mais escura para definição no branco */
    border: 1px solid rgba(75, 0, 130, 0.4);

    /* Sombra com tom de roxo profundo */
    -webkit-box-shadow: 
        0 4px 12px rgba(75, 0, 130, 0.25),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);
            box-shadow: 
        0 4px 12px rgba(75, 0, 130, 0.25),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.2);

    -webkit-transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;

    transition: 
        background 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease,
        -webkit-box-shadow 0.3s ease,
        -webkit-transform 0.25s ease;
}

/* Efeito de brilho que passa (Sweep light) */
.glass-container-purple-stronger-10px::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -120%;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(transparent),
        color-stop(50%, rgba(255, 255, 255, 0.2)),
        to(transparent)
    );
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.2) 50%,
        transparent 100%
    );
    -webkit-transition: left 0.7s ease;
    transition: left 0.7s ease;
    pointer-events: none;
}

/* Hover: Intensifica para tons ainda mais fechados */
.glass-container-purple-stronger-10px:hover {
    background: linear-gradient(
        135deg, 
        rgba(138, 43, 226, 0.6) 0%, 
        rgba(75, 0, 130, 0.65) 100%
    );
    -webkit-box-shadow: 
        0 8px 20px rgba(75, 0, 130, 0.35),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);
            box-shadow: 
        0 8px 20px rgba(75, 0, 130, 0.35),
        inset 0 0 0 0.5px rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
}

.glass-container-purple-stronger-10px:hover::before {
    left: 120%;
}

/* Efeito de clique (Ripple) em tom uva profundo */
.glass-container-purple-stronger-10px::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(75, 0, 130, 0.5) 0%,
        transparent 60%
    );
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease;
    transition: opacity 0.4s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
    pointer-events: none;
}

.glass-container-purple-stronger-10px:active::after {
    opacity: 1;
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
}



















/* Ajuste para Modo Escuro */
@media (prefers-color-scheme: dark) {
    .glass-container-purple {
        background: linear-gradient(
            135deg, 
            rgba(166, 128, 255, 0.2) 0%, 
            rgba(50, 20, 150, 0.4) 100%
        );
        border: 1px solid rgba(166, 128, 255, 0.2);
    }
}

/* Texto interno adaptado ao container roxo */
.style1668-purple {
    color: #ffffff; /* Branco funciona bem em ambos os modos sobre o roxo */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.1em;
    margin: 10px;
    font-size: 14px;
    position: relative;
    z-index: 2;
}

/* Ajuste automático para Modo Escuro (Dark Mode) */
@media (prefers-color-scheme: dark) {
    .glass-container-purple {
        background: rgba(166, 128, 255, 0.2);
        border: 1px solid rgba(166, 128, 255, 0.3);
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    }
    
    .style1668-purple {
        color: #ffffff;
    }
}

/* Classe de texto específica para o container roxo */
.style1668-purple {
    color: #4b338a; /* Roxo escuro para legibilidade no modo claro */
    letter-spacing: 0.1em;
    margin: 10px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

        .style1668 {
    color: #fff;
    letter-spacing: 0.1em;
    margin: 10px;
    font-size: 14px;
    width: 70%;
}

.style1669 {
    border: 1px solid #4f4f4f;
    border-radius: 10px;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        color-stop(100%, rgba(255, 255, 255, 0.14)),
        color-stop(40%, transparent)
    );
    background: linear-gradient(
        rgba(255, 255, 255, 0.14) 100%,
        transparent 40%
    );
}

.style1670 {
    color: #fff;
    font-size: 35px;
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 0.1em;
}

.style1671 {
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #fff;
    margin-bottom: 20px;
}

.style1672 {
}

.style1673 {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 25px;
}

.style1674 {
    margin-bottom: 0px;
    letter-spacing: 0.1em;
}

.style1674-dark {
    margin-bottom: 0px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1675 {
    width: 40%;
}

.style1676 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.style1677 {
}

.style1678 {
    font-size: 10px;
    letter-spacing: 0.1em;
}

.style1678-dark {
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1679 {
    height: 100%;
}

.style1680 {
    margin-bottom: 10px;
}

.style1681 {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 12px;
}

.style1682 {
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1683 {
    width: 450px;
}

.style1684 {
    margin-top: 30px;
}

.style1685 {
    margin-bottom: 15px;
}

.style1686 {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
}

.style1687 {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 20px;
}

.style1688 {
    margin-top: 40px;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.style1689 {
    margin: 10px 25px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
}

.style1690 {
    margin-top: 20px;
    width: 80%;
}

.style1691 {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
    margin: 3px 12px;
}

.style1692 {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.style1693 {
    font-size: 26px;
    letter-spacing: 0.1em;
    margin-top: 25px;
    margin-bottom: 10px;
}

.style1693-dark {
    color: #fff;
    font-size: 26px;
    letter-spacing: 0.1em;
    margin-top: 25px;
    margin-bottom: 10px;
}

.style1694 {
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.style1694-dark {
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.style1695 {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.style1695-dark {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1696 {
    width: 60%;
    margin-top: 15px;
}

.style1697 {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 14px;
}

#tradingview_chart {
    height: 500px; 
    width: 100%;
    min-height: 500px; /* Força a altura mínima */
}

.style1698-dark {
    width: 40%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  border-radius: 10px;
}

.style1698 {
    width: 40%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
  border-radius: 10px;
}

.style1699 {
    padding: 25px;
}


.style1700 {
    margin: 15px;
}

.style1700-dark {
    color: #fff;
    margin: 15px;
}

.style1701 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 8px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-radius: 10px;
}

.style1701-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 8px;
    border: 1px solid #4f4f4f;
    border-radius: 10px;
}

.style1702 {
    margin: 8px;
}

.style1703 {
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
}

.style1704 {
    margin-bottom: 5px;
    margin-left: 15px;
}

.style1704-dark {
    margin-bottom: 5px;
    margin-left: 15px;
    color: #fff;
}

.style1705 {
    margin-left: 15px;
    font-size: 14px;
}

.style1705-dark {
    margin-left: 15px;
    color: #fff;
    font-size: 14px;
}

.style1706 {
    margin-right: 15px;
    border: 1px solid rgba(66, 82, 94, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 200px;
    height: 35px;
    max-height: 35px;
    min-height: 35px;
}

.style1706-dark {
    margin-right: 15px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 200px;
}



.style1707 {
    margin-right: 8px;
}

.style1708 {
}

.style1709 {
}

.style1710 {
    font-size: 12px;
    letter-spacing: 0.1em;
    margin: 8px 8px 8px 10px;
}

.style1710-dark {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin: 8px 8px 8px 10px;
}
.style1711 {
    width: 100%;
    height: 35px;
    overflow: hidden;
}

.style1712 {
    width: 100%;
    padding-left: 8px;
}


.style1713 {
}

.style1714 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.style1714-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.style1715 {
    margin-left: 3px;
    margin-right: 3px;}

.dropdown-broker-open {
  margin-top: 0px;
  background: #fff;
  border: 1px solid rgba(66, 82, 94, 0.12);
  padding-top: 20px;
  overflow: auto;
}

.dropdown-broker-open-dark {
  margin-top: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
  background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
  border: 1px solid #4f4f4f;
  padding-top: 20px;
  overflow: auto;
}

.style1716 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 7px 7px 7px 10px;
}

.style1716:hover{
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 10px;
}

.style1716-dark {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 7px 7px 7px 10px;
}

.style1716-dark:hover{
    background-color: #18181B;
    border-radius: 10px;
}

.style1717 {
    margin-top: 40px;
}

.style1718 {
    margin-top: 40px;
}

.style1719 {
    width: 100%;
}

.style1720 {
    width: 100%;
}

.style1721 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50%;
}

.style1722 {
    margin-top: 25px;
    margin-bottom: 40px;
}

.style1723 {}

.style1724 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;}

.wappler-temp {}

.style1725 {
    color: #fff;
    font-size: 30px;
}

.style1726 {
    border: 1px #343a40;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.style1727 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.style1728 {
    font-size: 28px;
    letter-spacing: 0em;
}

.style1728-dark {
    font-size: 28px;
    color: #fff;
    letter-spacing: 0em;
}

.wappler-temp {}

.style1729 {
    letter-spacing: 0.1em;
    text-align: center;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.style1729-dark {
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.style1730 {
    margin-top: 25px;
    width: 80%;
}

.style1731 {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
    letter-spacing: 0.1em;
}

.style1732 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
}

.style1733 {
    width: 48%;
}

.style1734 {
    width: 48%;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.style1735 {
    margin-top: 20px;
    width: 50%;
}

.style1736 {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.1em;
    margin: 8px 4px;
}

.style1737 {
    margin-top: 10px;
}

.style1738 {
    height: 100%;
}

.style1739 {
    letter-spacing: 0.1em;
    font-size: 14px;
    text-align: center;
}

.style1739-dark {
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 14px;
    text-align: center;
}

.style1740 {
    margin-left: 10px;
    margin-right: 10px;
    width: 80%;
}

.style1741 {
    font-size: 14px;
    color: #fff;
    margin: 8px 10px;
}

.style1742 {
    height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.style1743 {
    letter-spacing: 0.1em;
    text-align: center;
    width: 70%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.style1743-dark {
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    width: 70%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.style1744 {
    width: 250px;
}

.style1745 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 0.1em;
}

.style1746 {
    color: #fff;
    letter-spacing: 0.1em;
    margin: 10px 15px;
}

.style1747 {}

.style1748 {
}

.style1749 {
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 0px;
}

.style1749-dark {
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 0px;
}

.style1750 {
    letter-spacing: 0.1em;
    font-size: 14px;
    margin-top: 10px;
}

.style1750-dark {
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin-top: 10px;
}

.style1751 {
}

.style1752 {
    margin-top: 15px;
}

.style1753 {
    width: 80%;
    margin-left: 10px;
    margin-right: 10px;
}

.style1754-dark {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    }
  .style1754-dark:hover {
    background-size: auto;
    background-color: #f1f1f1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px}

  .style1755-dark {

    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 10px;
    margin-right: 10px}

  .style1756 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
}

 .style1756-dark {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.1em;
}

  .style1754 {
    margin-bottom: 10px;
}

  .style1755 {
    padding-top: 20px;
    padding-bottom: 20px;
}

  .style1757 {
    margin-top: 15px;
    width: 80%;
}

  .style1758 {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 80%;
}

  .style1759 {
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

 .style1759-dark {
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

  .style1760 {
    width: 50%;
    margin-bottom: 40px;
}

  .style1761 {
    width: 80%;
}

  .style1762 {
    width: 100%;
    margin-top: 15px;
}

  .style1763 {
    width: 100%;
}

  .style1764 {
    width: 60%;
}

  .style1765 {
    margin-top: 20px;
    margin-bottom: 20px;
}

  .style1766 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 22px;
    letter-spacing: 0.1em;
    color: #fff;
}

  .style1767 {
    width: 100%;
    margin-bottom: 30px;
}

  .style1768 {
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

  .style1769 {
    width: 60%;
}

  .style1770 {
    margin-top: 10px;
}

  .style1771 {}

  .style1772 {
    margin: 50px 25px 20px;
}

  .wappler-temp {}

  .style1773 {
    margin-top: 10px;
    margin-bottom: 10px;
}

  .style1774 {
    width: 100%;
}

  .style1775{
    border-radius: 10px;
    border: 1px solid #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    width: 100%;

}

  .style1776 {
    margin-top: 60px;
    margin-bottom: 60px;
}

  .style1777 {
    letter-spacing: 0.1em;
    font-size: 25px;
}

  .style1777-dark {
    letter-spacing: 0.1em;
    font-size: 25px;
    color: #fff;
}

  .style1778 {
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px;
}

.style1778-dark {
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 17px;
}

  

  .style1779 {
    letter-spacing: 0.1em;
    font-size: 14px;
}

.style1779-dark {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
}

  .style1780 {
    margin-top: 15px;
    width: 60%;
}

  .style1781 {
    margin-top: 15px;
    margin-bottom: 15px;
}

  .style1782 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #4f4f4f;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
}

  .style1783 {
    margin-left: 15px;
}

  .style1784 {
    margin-left: 15px;
}

  .style1785 {
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
    background: linear-gradient(180deg, #2C2C2E 0%, #1c1c1e 100%);
}

/* Ocultar a barra de scroll visual nas listas de trades (Chrome, Safari, Edge, Opera) */
.style989::-webkit-scrollbar,
.style1539::-webkit-scrollbar,
.style1575::-webkit-scrollbar {
    display: none;
}

/* Ocultar a barra de scroll visual nas listas de trades (Firefox e IE) */
.style989, 
.style1539, 
.style1575 {
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
}
.style1786 {
    width: 100%;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.style1787 {
    width: 100%;
}
.style1788 {
}
.style1789 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 90%;
    min-width: 90%;
    max-width: 80%;
}
.style1790 {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.style1791 {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 30px;
}
.style1792 {
    font-size: 12px;
}

.style1793 {
    width: 200px;
    margin-right: 15px;
}

/* REMOVER/COMENTAR ESTA REGRA: */
html body .flex-column:has(input.tagify-select-dark) .tagify__tag > div {
    background-color: transparent;
}
.style1794 {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(32%, black), to(white));
    background-image: linear-gradient(0deg, black 32%, white 100%);
}
.style1795 {
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.style1795-white {
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    font-size: 12px;
    text-align: center;
}
.style1796 {
    width: 70%;
}
.style1797 {
    margin: 0 25px;
    padding: 25px;
    width: 33%;
    border: 1px solid #4a4a4a;
    border-radius: 10px;
}

.style1797:hover {
    border-color: #888;
    background-color: #111;
}

.style1798 {
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}
.style1799 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.style1800 {
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 30px;
}

.style1801 {
    width: 43%;
}

.style1802 {}

.style1803 {
    letter-spacing: 0.1em;
    color: #f8f9fa;
}

.style1804 {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.style1805 {
    margin-right: 15px;
}

.style1806 {
    margin-left: 15px;
}

.style1807 {
    width: 100%;
}

.style1808 {
    margin-bottom: 0px;
    color: #343a40;
    font-size: 40px;
}

.style1809 {
    margin-top: 20px;
    width: 50%;
}

.style1810 {
    color: #fff;
    letter-spacing: 0.1em;
}

.style1811 {
    width: 50%;
}

.style1812 {
    font-size: 22px;
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.style1813 {
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    width: 80%;
}

.style1814 {
    margin-top: 10px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.1em;
}

.style1815 {
    width: 50%;
    margin-top: 10px;
}

.style1816 {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.style1817 {
    margin-top: 20px;
}

.style1818 {
    width: 50%;
    margin-bottom: 15px;
}

.style1819 {
    color: #fff;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.style1820 {
    width: 80%;
}

.style1821 {
    width: 100%;
}

.style1822 {
    margin-bottom: 0px;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
}

.style1823 {
    margin-bottom: 25px;
}

.style1824 {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
}

.style1825 {
    width: 80%;
}

.style1826 {
    width: 80%;
}

.style1827 {
    width: 60%;
}

.style1828 {
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 20px;
    font-size: 32px;
}

.style1829 {
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 30px;
}

.style1830 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.1em;
}

.style1831 {
    margin-top: 15px;
}

.style1832 {
    border-color: #343a40;
    border-style: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
}

.style1834 {
    border: 1px solid #2b3035;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1835 {
    margin: 8px 10px;
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
}

.style1836 {
    margin-top: 10px;
    font-size: 26px;
    color: #fff;
    letter-spacing: 0.1em;
}

.style1837 {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
}

.wappler-temp {}

.style1838 {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.style1839 {
    width: 32%;
    border: 1px solid #2b3035;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.style1839-chosen {
    width: 32%;
    border: 1px solid #d7dcff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2E), to(#1c1c1e));
}

.style1840 {
    color: #fff;
    letter-spacing: 0.1em;
    margin-top: 15px;
    margin-bottom: 10px;
}

.style1841 {
    margin-bottom: 20px;
}

.style1839:hover {
    border: 1px solid #a680ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1842 {
    width: 100%;
}

.style1843 {
    width: 100%;
}

.style1844 {
    width: 100%;
}

.style1845 {
    width: 80%;
}

.style1846 {
    width: 80%;
}

.style1847 {
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.style1848 {
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}

.style1849 {
    margin-top: 25px;
}

.style1850 {
    width: 80%;
}

.style1851 {
    width: 100%;
}

.style1852 {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 0px;
}

.style1853 {
    width: 60%;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1854 {
    margin-bottom: 10px;
}

.style1855 {
    width: 60%;
}

.style1856 {
    letter-spacing: 0.1em;
}

.style1857 {
    width: 60%;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1858 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 14px;
    color: #000;
}

.wappler-temp {}

.style1833 {
    color: #000;
    font-size: 14px;
    margin: 8px 10px;
    letter-spacing: 0.1em;
    }

.wappler-temp {}

.wappler-temp {}

.style1859 {
    font-size: 28px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
}

.style1860 {
    width: 50%;
}

.style1861 {
    text-align: center;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 0px;
    color: #fff;
}

.style1862 {
    width: 100%;
}

.style1863 {
    font-size: 27px;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    color: #fff;
}

.style1864 {
    letter-spacing: 0.1em;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #fff;
}

.style1865 {
    margin-top: 20px;
    width: 50%;
}

.wappler-temp {}

.style1866 {
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    margin-left: 8px;
    color: #fff;
}

.style1867 {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.style1868 {
    width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
}

.style1869 {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: 0.1em;
}

.style1870 {
    background-color: #6610f2;
}

.style1871 {
    width: 100%;
    background-image: linear-gradient(206deg, #262626 50%, #333 93%, #3d3d3d 100%);
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1872 {
    margin-top: 30px;
    width: 50%;
}

.style1873 {
    margin-left: 10px;
}

.style1874 {
    width: 100%;
}

.style1875 {
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1876 {
    margin: 8px 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1877 {
    width: 50%;
    margin-top: 20px;
}

.style1878 {
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1879 {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.style1880 {
    letter-spacing: 0.1em;
    font-size: 12px;
    color: #fff;
}

.style1881 {
    width: 50%;
    margin-top: 10px;
    border: 1px solid #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1882 {
    width: 50%;
    margin: 8px;
}

.style1883 {
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
    color: #fff;
}

.style1884 {
    width: 50%;
    margin: 8px;
    background-color: #4f4f4f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1882:hover {
    background-color: #2b2b2b;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style1885 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
}