/* Limitação do layout Adminlte */
.content-wrapper {
    overflow-x: hidden;
    max-width: 100vw; 
    margin: 0 auto; 
    padding: 0; 
}

/* Fim da limitação do layout Adminlte */

.alert-login {
    margin-top: 2rem;
}

.alert-login ul {
    margin: 0;
    padding: 10px;
}

.preview {
    background: #fff;
    max-width: 70px;
    width: 70px;
    height: 80px;
    margin-right: 10px;
    padding: 5px;
    display: none;
    overflow: hidden;
}

.preview-block {
    display: block !important;
}

.preview img {
    width: 100%;
    height: auto;
}

.container-form {
    max-width: 800px;
}

td span a {
    color: #888888 !important;
}

.w-561 {
    width: 561px !important;
}

.w-561 {
    width: 561px !important;
}

.h-320 {
    height: 320px !important;
}

.banner-tutorial {
    background: url('../images/tutorial-kennedy-educacao.png') no-repeat center center;
}

.banner-tutorial:hover {
    cursor: pointer;
}

.banner-etapas {
    background: url('../images/card-etapas.png') no-repeat center center;
}

.banner-etapas:hover {
    cursor: pointer;
}

.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill:focus {
    -webkit-text-fill-color: #333 !important;
}

.main-header h4 {
    margin: 5px 0;
}

.dark-mode .navbar-dark {
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .content-wrapper {
    background-color: #fff;
}

.navbar-kennedy {
    margin: 0 auto;
}

.navbar-kennedy-right {
    position: absolute;
    right: 0;
    top: 10px;
}

.navbar-kennedy-left {
    position: absolute;
    left: 0;
    top: 0px;
}

.navbar-kennedy * {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

.navbar-kennedy ul li a {
    box-shadow: none;
    border-radius: 12px;
    color: #888888;
}

.navbar-kennedy ul li a.active {
    color: #11A82F;
    background-color: #DBFDE1;
}

.box-default {
    border-radius: 6px;
    border: 1px solid #EEE;
}

.box-default span {
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.box-default h2 {
    font-family: "PP Mori", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.box-default-green {
    background: #F0FDF2;
}

.box-default-green h2, .box-default-green span {
    color: #125521;
}

/* &Início Menu Lateral& */

.nav-item > .nav-link.active {
    color: #11A82F !important;
    font-weight: 600;
}

.nav-item > .nav-link.dropdown-toggle {
    padding: 13px 20px 0 0;
}

.nav-item > .nav-link.active .menu-icone {
    filter: none;
}

/* Ícone do submenu ativo */
.nav-item .nav-treeview .nav-link.active .submenu-icone {
    filter: brightness(0) saturate(100%) invert(45%) sepia(50%) saturate(500%) hue-rotate(85deg) brightness(100%) contrast(90%);
}

.nav-item .nav-treeview .nav-link.active.nav-link-submenu p {
    color: #888888 !important;
    font-weight: normal;
}

.nav-item .nav-treeview .nav-link.active {
    background-color: #FAFAFA !important;
    color: #11A82F;
}

ul.nav .nav-link-submenu {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.admin-panel::before {
    content: "";
    position: absolute;
    top: 76px;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    z-index: 1000;
}

.main-sidebar {
    border-right: 1px solid #E7E7E7;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
}

.sidebar-dark-primary {
    background-color: #fafafa !important;
    box-shadow: none !important;
}

.sidebar-dark-primary .brand-link {
    border-bottom: none !important;
}

.sidebar {
    background-color: #FAFAFA;
}

.content-wrapper {
    margin-left: 240px;
    padding: 20px;
    background-color: #FAFAFA !important;
}

/* menu e favorito */

.favorito-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}


.sidebar-title {
    color: var(--Neutral-400, #888);
    font-family: "PP Mori" sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
    padding: 10px 10px 10px 16px;
}

/* &Fim Menu Lateral& */

.brand-link  {
    display: flex;
}

.nav-link p {
    color: #888888;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    margin-left: 10px !important;
}

.nav-link:hover {
    background-color: #f7f7f7 !important;
}

.nav-link i {
    color: #888888;
}

/* MENU LATERAL */

li.user-menu {
    position: relative;
    top: -10px;
}

.main-header {
    height: 50px !important;
}

.theme .ml-10 {
    margin-left: 10px !important;
}

.theme .mt-15 {
    margin-top: 15px !important;
}

.theme .flex {
    display: flex;
}

.theme .mb-15 {
    margin-bottom: 15px !important;
}

a:hover,
a:focus {
    color: #2dea44 !important;
}

/* &inicio pagina login */

form.form-login {
    width: 418px;
}

body {
    background-color: #FAFAFA;
    margin: 0 auto;
}

.login-box {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: left;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    height: auto !important;
}

.login-page {
    background-color: #fff !important;
}

.login-logo img {
    width: auto;
    height: auto;
    position: absolute;
    top: 24px;
    left: 24px;
}

.login-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 458px;
    height: 491px;
    gap: 32px;
}

.login-titles {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 8px);
}

span.advise-password {
    font-size: 12px;
    color: #B0B0B0;
    display: block;
    margin-bottom: 10px;
    margin-left: 5px;
}

.login-titles h1 {
    color: var(--Neutral-1000, #141414);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -0.512px;
}

.login-titles h2 {
    color: var(--Neutral-400, #888);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
}

.button-social-container {
    display: flex;
    height: 56px;
    padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid var(--Neutral-60, #F2F2F2);
}

.button-social {
    color: var(--Neutral-1000, #141414);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
}

.google-logo {
    margin-right: 12px;
}

.divider-container {
    display: flex;
    padding: var(--spacing-xs, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
}

.divider-line {
    width: 208.5px;
    height: 1px;
    background-color: var(--Neutral-60, #f2f2f2);
}

.divider-text {
    color: var(--Neutral-400, #888);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
}

.input-container-code {
    width: 64px;
    height: auto;
    display: inline-block;
    margin-bottom: 0;
}

.input-container-code .input-field {
    width: 100%;
    height: 80px;
    padding: 0 18px;
    gap: 8px;
    border-radius: 9px;
    border: 2.0px solid #F2F2F2;
    font-family: "PP Mori", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    color: #3D3D3D;
    background-color: transparent;
}

.input-container-code .input-field::placeholder {
    font-size: 40px;
}

.middle-gap {
    margin: 0 8px;
}

.input-container-code .input-field:focus {
    border-color: #079455;
    outline: none;
    border: 2.0px solid #079455;
}

.input-container {
    width: 458px;
    height: 56px;
    display: flex;
    padding: 16px;
    align-items: center;
    border-radius: 9px;
    border: 1px solid var(--Neutral-60, #f2f2f2);
    box-sizing: border-box;
    margin-bottom: 8px !important;
}

.input-container.is-invalid {
    border-color: #F97066;
}

.wrong-email, .wrong-password, .wrong-default {
    color: var(--Error-400, var(--Colors-Error-400, #F97066)) !important;
    font-size: 14px;
    font-family: "PP Mori", sans-serif !important;
    font-weight: 500;
    background-color: transparent !important;
    border: none;
}

.input-email-container {
    margin-bottom: 20px;
}

.input-password-container {
    justify-content: space-between;
}

.input-container .input-field {
    width: 100%;
    border: none;
    outline: none;
    font-family: "PP Mori", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    color: var(--Neutral-300, #B0B0B0);
    background-color: transparent;
}

.input-password-container .input-field {
    width: calc(100% - 40px);
}

.input-container .input-field::placeholder {
    color: var(--Neutral-300, #b0b0b0);
    font-size: 16px;
    font-family: "PP Mori", sans-serif;
    font-weight: 500;
    line-height: 105%;
}

.input-container.is-invalid .input-field::placeholder,
.input-container.is-invalid .input-field {
    color: #F97066;
}

.password-toggle-icon {
    cursor: pointer;
    font-size: 18px;
    color: #b0b0b0;
}

.input-container.is-invalid .password-toggle-icon {
    color: #F97066;
}

.remember-forgot-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin: 32px 0;
}

.custom-checkbox-wrapper{
    display: flex;
    gap: 12px;
    color: var(--Neutral-400, #888);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-style: normal;
}

.custom-checkbox {
    display: flex;
    width: 20px;
    height: 20px;
    padding: var(--spacing-xl, 16px);
    justify-content: space-between;
    align-items: center;
    border-radius: var(--radius-xs, 4px);
    border: 1px solid var(--Neutral-60, #F2F2F2) !important;
}

.forgot-password {
    color: var(--Secondary-600, #188971);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    text-decoration-line: underline;
    margin-left: auto;
}

.btn-default-width {
    width: 100% !important;
    font-size: 15px !important;
}

.btn-cancelar {
    height: 56px;
    min-height: 56px;
    display: flex;
    padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    border-radius: 999999px;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
    color: #888888;
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
}

.btn-login {
    width: 458px;
    height: 56px;
    min-height: 56px;
    display: flex;
    padding: var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    border-radius: 999999px;
    border: 1px solid var(--Primary-400, #2DE04F);
    background: var(--Primary-400, #2DE04F);
    color: var(--Neutral-950, #242424);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
}

.btn-login:hover {
    background-color: #00b04b;
}

.advise-account {
    color: gray;
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-style: normal;
    width: 300px;
    margin: 0 auto;
    font-weight: 500;
    line-height: normal;
    margin-top: 32px;
}

.advise-account a {
    font-size: 12px !important;
}

.create-account {
    color: var(--Neutral-400, #888);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    margin-top: 32px;
}

.create-account-link {
    color: var(--Secondary-600, #188971);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    text-decoration: underline;
}

.footer-text {
    position: absolute;
    bottom: 24px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    font-family: "PP Mori", sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 12.6px;
    color: #B0B0B0;
}

/*.grecaptcha-badge-custom {
    position: fixed;
    bottom: 14px;
    left: -220px;
    width: 300px;
    height: 78px;
    display: block;
    transition: left 0.3s ease-in-out;
    box-shadow: 0 0 5px gray;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1000;
    background-color: white;
} 

.grecaptcha-badge-custom:hover {
    left: 0;
}

.grecaptcha-logo iframe {
    width: 100%;
    height: 100%;
    border: 0;
} */


/* fim pagina login */

/* inicio pagina ajuda */




/* fim pagina ajuda */





/* inicio icone usuario */

/* &Logo Kennedy painel admin */
.brand-image {
    box-shadow: none !important;
}

/* &Container, Título e Descrição da Página */

.header-description-container {
    width: 1138px;
    justify-content: space-between;
    align-items: center;
}

.page-title {
    align-self: stretch;
    color: var(--Neutral-1000, #141414);
    font-family: "PP Mori", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.512px;
}

.page-description {
    width: 450px;
    color: var(--Neutral-400, #888);
    font-family: "PP Mori", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.112px;
    margin: 12px 0 48px 0;
}

/* &inicio pagina ajuda& */

.divider {
    width: 100%;
    height: 1px;
    background: #E7E7E7;
}

.suporte-text {
    color: var(--Neutral-1000, #141414);
    font-family: "PP Mori", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.32px;
    margin: 48px 0 48px 0;
}

.form-control {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
}

.form-group {
    margin-bottom: 20px;
}

.form-ajuda .input-field-short {
    width: 100% !important;
    height: 56px;
    padding: 16px;
    gap: 8px;
    box-sizing: border-box;
    color: #888888 !important;
    border: 1px solid #e7e7e7 !important;
    background-color: #fff !important;
    border-radius: 9px !important;  
}

.form-ajuda .input-field-long {
    width: 100% !important;
    height: 56px;
    padding: 16px;
    gap: 8px;
    box-sizing: border-box;
    color: #888888 !important;
    border: 1px solid #e7e7e7 !important;
    background-color: #fff !important;
    border-radius: 9px !important;
}

.input-label-ajuda {
    align-self: stretch;
    color: var(--Neutral-1000, #141414);
    font-family: "PP Mori";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
}

/* fim pagina ajuda */

.switch-financeiro {
    border-radius: 9px;
    border: 1px solid #E7E7E7;
    padding: 4px;
    height: 56px;
    display: flex;
    align-items: center;
}

.switch-financeiro a {
    color: #888;
    text-align: right;
    font-family: "PP Mori", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 6px;
    padding: 15px;
}

.switch-financeiro a:hover {
    cursor: pointer;
}

.switch-financeiro a.active {
    color: #11A82F !important;
    background: #DBFDE1 !important;
}

/* &inicio estilização de placeholder - input */

::placeholder {
    color: #888888;
    font-family: "PP Mori", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16.8px;
}

/* fim estilização de placeholder - input */

/* &inicio estilização botao sucesso */

.btn-success {
    background-color: #2de04f !important;
    border: none;
    height: auto;
    line-height: normal;
    padding: 14px 24px;
    font-size: 16px;
    border-radius: 30px;
    color: #03300e !important;
    font: "PP Mori", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.btn-success:hover {
    background-color: #00b04b !important;
}

/* fim estilização botao sucesso */

/* &inicio menu usuario */

.nav-item-custom {
    display: flex;
    padding: 11px var(--spacing-md, 8px);
    align-items: center;
    gap: var(--spacing-xs, 4px);
    align-self: stretch;
}

.icon-size {
    width: 26px; 
    height: auto;
    margin-right: 8px; 
}

.dropdown-menu-user {
    min-width: 374px;
    right: 20px !important;
    border: 1px solid var(--Neutral-100, #E7E7E7) !important;
    box-shadow: none;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #DBFDE1;
    box-shadow: none;
    border-radius: 12px;
}

.dropdown-menu {
    padding: 19.5px 20px 20.5px 20px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    border-radius: var(--radius-xl, 12px) !important;
    border: 1px solid var(--Neutral-100, #E7E7E7) !important;
    background: var(--colors-gray-dark-mode-25, #FAFAFA) !important;
}

.dropdown-menu .nav-item a {
    color: #141414 !important;
    font-family: "PP Mori", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.256px;
    width: 100%;
}

.dropdown-menu .nav-item a:hover {
    width: 100%;
    border-radius: 6px;
    background: var(--Neutral-50, #F6F6F6);
}

.upload-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.botao-usuario input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.botao-usuario {
    display: flex;
    width: 33px;
    height: 33px;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 11390.528px;
    background: var(--Primary-100, #DBFDE1);
    box-shadow: none !important;
    color: var(--Primary-500, #1CCB3D);
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cabecalho-usuario {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl, 16px);
}


.cabecalho-usuario p {
    color: var(--Neutral-1000, #141414);
    font-family: "PP Mori", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.288px;
}

/* &fim menu usuario */

/* &inicio estilizacao meus dados */
.card {
    background-color: #fff !important;
    border-radius: 9px;
    border: 1px solid #E7E7E7;
    padding: 24px 16px;
    color: #141414 !important;
}

.card-atalhos h5, .card-dados h5, .card-senha h5 {
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    color: var(--Neutral-400, #888888);
    font-weight: 600;
    margin-bottom: 20px;
    margin-left: 16px;
    line-height: 105%;
    letter-spacing: -0.192px;
}

.menu-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 12px;
    gap: 20px;
    border-radius: 0 9px 9px 0;
    border-right: 1px solid var(--Neutral-100, #E7E7E7);
    font-size: 12px;
    background: none;
    border: none;
    cursor: pointer;
}

.menu-item.selected {
    width: 100%;
    background: var(--Neutral-50, #F6F6F6);
    border-left: 1px solid var(--Primary-500, #1CCB3D);
}

.menu-item:hover {
    width: 100%;
    background: var(--Neutral-100, #e0e0e0);
}

.form-group label {
    color: var(--Neutral-950, #242424);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
    margin-bottom: 8px;
}

.form-group input {
    font-family: "PP Mori", sans-serif;
    font-size: 16px;
    font-style: normal;
    height: 56px;
    border-radius: 9px !important;
    border: 1px solid #E7E7E7 !important;
    padding: 16px;
    background-color: #fff !important;
    color: #5D5D5D !important;
}

.form-group input[readonly] {
    color: var(--Neutral-200, #D1D1D1) !important;
    cursor: not-allowed;
    border: 1px solid #E7E7E7;
}

.text-danger {
    color: #ff0000;
    font-size: 20px;
}


/* &fim estilizacao meus dados */

/* &inicio estilizacao recuperacao vendas */

.card-vendas {
    display: flex;
    width: auto;
    flex-direction: column;
    gap: 24px;
    border-radius: 6px;
    background: var(--Primary-50, #F0FDF2);
}

.card-vendas-title {
    color: var(--Primary-900, #125521);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
}

.text-valor {
    color: var(--Primary-900, #125521);
    font-family: "PP Mori", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -0.512px;
    gap: var(--spacing-3xl, 24px);
}

.card-porcentagem-container {
    display: inline-flex;
    padding: 4px 12px;
    gap: var(--spacing-xs, 4px); 
    border-radius: var(--radius-full, 9999px);
    background: var(--Primary-100, #DBFDE1); 
    width: 100%;
    max-width: 180px;
}

.card-porcentagem span {
    color: var(--Primary-600, #11A82F); 
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    letter-spacing: -0.224px;
}

.card-porcentagem {
    margin: 0; 
    color: var(--Primary-900, #125521);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.card-report {
    border: 1px solid #E7E7E7;
    padding: 20px;
}

.card-report h3 {
    color: #1C2024;
    font-size: 16px;
    font-weight: 700;
}

.card-report p {
    color: #888888;
    font-size: 14px;
    font-weight: normal;
}

.card {
    background-color: transparent !important;
    border: 1px solid #EEEEEE;
    box-shadow: none;
}
.card h5 {
    color: #6D6D6D !important;
    display: block;
    font-size: 14px;;
    float: none;
}
.card h6 {
    color: #242424 !important;
    display: block;
    font-size: 24px !important;
    font-weight: 700 !important;
} 

.card span {
    color: #6D6D6D;
    font-size: 14px;
}

.header-description-container {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    width: 100%; 
    max-width: 100%; 
    padding: 16px;
    position: relative;
}

.btn-primary-default {
    height: 39px; 
    border-radius: 99999px;
    border: 1px solid #2DE04F;
    background-color: #2DE04F;
    color: #141414;
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    padding: 0 20px;
}

.btn-primary-default-outline {
    height: 39px; 
    border-radius: 99999px;
    border: none;
    background-color: transparent;
    color: #118428;
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    padding: 0 20px;
}

.btn-secundario, .btn-exportar {
    height: auto; 
    border-radius: 99999px;
    border: 1px solid var(--Primary-200, #B9F9C4);
    color: var(--Primary-600, #11A82F);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    padding: 14px 24px;
}

.container-tabs {
    display: flex;
    padding: 0 var(--spacing-xl, 16px) var(--spacing-xl, 16px) 12px;
    align-items: center;
    margin: 40px 0;
}

.tab-item {
    padding: 10px 16px;
    font-family: "PP Mori", sans-serif;
    color: var(--Neutral-400, #888);
    font-style: normal;
    font-weight: 500;
    line-height: 105%;
    letter-spacing: -0.256px;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease, transform 0.1s ease;
}

.tab-item::after {
    content: "";
    position: absolute;
    bottom: -2px; 
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ddd;
    transition: background-color 0.3s ease;
}

.tab-item.active {
    color: var(--Primary-600, #11A82F); 
}

.tab-item.active::after {
    background-color: var(--Primary-600, #11A82F); 
}

.w-30 {
    width: 30% !important;
}
.input-pesquisar-vendas {
    width: 100%; 
    max-width: 100%; 
    background-color: transparent !important;
    border-radius: 9px !important;
    border: 1px solid #E7E7E7 !important;
    color: #888888 !important;
}

.input-icon img {
    width: 24px;
    height: 24px;
}




.table-dashboard th {
    border: 0 !important;
}

.table-dashboard td {
    text-align: left;
}

.table-dashboard a {
    font-size: 14px;
    font-weight: 500;
    color: #11A82F;
}

.table-dashboard a span {
    color: #11A82F;
    padding-left: 10px;
}

.input-pesquisar-vendas {
    width: 100%;
    background-color: transparent;
    display: flex;
    height: 56px;
    padding-left: 56px;
    padding-right: var(--spacing-xl, 16px);
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid var(--Neutral-100, #E7E7E7);
}

.label-pesquisar {
    align-self: stretch;
    color: #141414;
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
}

.input-pesquisar {
    width: auto;
    background-color: transparent !important;
    display: flex;
    height: 56px;
    padding: 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid #E7E7E7 !important;
    color: #888888 !important;
}

.card-dashboard span {
    background-color: #F6F6F6;
}

.input-group {
    display: flex;
    align-items: center;
    position: relative;
}

.input-icon {
    position: absolute;
    left: 16px; 
    display: flex;
    align-items: center;
    pointer-events: none; 
}

.input-icon img {
    width: 24px; 
    height: 24px;
}

.btn-vendas {
    display: flex;
    margin-left: 12px;
    padding: 12px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border-radius: 99999px;
    background: var(--Primary-400, #2DE04F);
    border: none;
    cursor: pointer;
}

.btn-vendas img {
    width: 20px; 
    height: 20px;
}

.btn-vendas.filter {
    background: var(--Primary-100, #DBFDE1);}

.btn-vendas.download {
    background: var(--Primary-100, #DBFDE1);
}
.btn-vendas.statistic {
    background: var(--Primary-100, #DBFDE1);
}

/* &inicio tabela recuperacao vendas& */
.custom-table thead tr:first-child th {
    border: none;
    border-bottom: 1px solid var(--Colors-Border-border-secondary, #EAECF0);
    text-align: left;
}

.custom-table thead th {
    text-align: center;
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--Neutral-1000, #141414);
    line-height: 115%;
    border-bottom: 1px solid var(--Colors-Border-border-secondary, #EAECF0); 
    vertical-align: middle !important;
}

.custom-table th,
.custom-cell {
    align-self: stretch;
    border-bottom: 1px solid var(--Colors-Border-border-secondary, #EAECF0);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.custom-table th {
    color: var(--Neutral-1000, #141414);
    font-weight: 500;
    font-size: 12px;
    line-height: 115%;
}

.custom-cell {
    color: var(--Neutral-400, #888);
    font-weight: 400;
}

.whatsapp-cell {
    color: var(--Primary-600, #11A82F);
    text-decoration: underline solid;
    text-decoration-skip-ink: none;
    text-underline-offset: auto;
}

.status-border {
    border-bottom: 1px solid var(--Colors-Border-border-secondary, #EAECF0);
    color: var(--Neutral-600, #5D5D5D);
    font-weight: 500;
}

.status-icon {
    margin-right: 8px;
    vertical-align: middle; 
}

.dark-mode .table th,
.dark-mode .table td {
    border-top-color: #EAECF0;
}

/* &fim tabela recuperacao vendas& */

/* Estilização do container de paginação */
.pagination-wrapper {
    display: flex;
    width: 100%;
}

.pagination-center {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.pagination-center .pagination {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-left .page-link,
.pagination-right .page-link {
    color: var(--Neutral-600, #5D5D5D);
    font-family: "PP Mori", sans-serif; 
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background-color: transparent; 
    border: none; 
    cursor: pointer;
}

.pagination-center .pagination {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-center .pagination .page-item .page-link {
    display: flex;
    width: 40px;
    padding: 10px 15.62px 10px 15.61px;
    justify-content: center;
    align-items: center;
    color: var(--Neutral-1000, #141414);
    background-color: transparent; 
    border: none; 
    font-family: "PP Mori", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    }

.pagination-center .pagination .page-item .page-link:hover {
    background-color: transparent;
}

.pagination-center .pagination .page-item.active .page-link {
    color: #11A82F; 
    background-color: #F0FDF2; 
    font-weight: bold; 
    border: 1px solid #11A82F;
    border-radius: 6px;
}

/* &fim estilizacao recuperacao vendas */

/* &inicio estilizacao financeiro */
.card-container {
    display: flex;
    width: auto;
    flex-direction: column;
    gap: 24px;
}

.card-financeiro {
    gap: var(--spacing-3xl, 24px);
    border-radius: 6px;
    border: 1px solid var(--Neutral-50, #F6F6F6);
}

.card-financeiro .text-valor {
    color: #242424 !important;
}

.card-financeiro .card-porcentagem {
    display: inline-flex;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 9999px;
    background: var(--Neutral-50, #F6F6F6);
}

.card-financeiro .card-porcentagem .mes-anterior {
    color: var(--Neutral-500, #6D6D6D);
    font-family: "PP Mori", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 105%;
    letter-spacing: -0.224px;
}

.percentual.positivo {
    color: #28a745; 
}

.percentual.negativo {
    color: #dc3545;
}

.custom-gap button {
    margin-right: 20px;
}

.btn-procurar {
    color: #125521 !important;
}

.btn-procurar img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(45%) saturate(447%) hue-rotate(91deg) brightness(86%) contrast(87%);
}

/* &fim estilizacao financeiro */


/* inicio adicionar imagem */

.mt-30 {
    margin-top: 30px !important;
}

.row-resposta {
    background: #373b53;
    padding: 20px 20px;
    margin: 5px 0;
}

.theme tr td span.descricao {
    text-wrap: balance;
}

.theme-simulado {
    padding: 0 30px !important;
    border-left: 1px solid #373b53;
    margin-left: 20px;
}

.theme {
    padding: 30px 20px;
}

.theme .container {
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.theme h1 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
}

.theme .upload-section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.theme .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ddd;
    margin-right: 10px;
}

.theme .icon-container-off {
    background: none !important;
}

.theme .icon {
    width: 24px;
    height: 24px;
}

.theme .text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.theme #imageUpload {
    display: none;
}

.theme .upload-link {
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 5px;
}

.theme .image-size {
    font-size: 12px;
    color: #fff;
}

/* fim adicionar imagem */

/* início input nome */

.theme label {
    margin-right: 10px;
    font-size: 14px;
}

.theme input[type="text"],
.theme input[type="password"] {
    width: 100%;
    background-color: transparent !important;
    display: flex;
    height: 56px;
    padding: 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid #E7E7E7 !important;
}

/* fim input nome */

/* inicio cadastro-plano */

.theme .cadastro-plano td,
.theme .cadastro-plano th {
    vertical-align: middle !important;
    text-align: center !important;
}

.theme .cadastro-plano td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* fim cadastro-plano */

/* início botões inserir material */

.theme .button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.theme .material-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 160px;
    height: 40px;
    line-height: 13px;
    background-color: #2dea44;
    border: none;
    border-radius: 15px;
    color: #252832;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
    flex: 1 1 calc(50% - 10px);
    max-width: 160px;
}

.theme .btn-editar {
    background-color: #00ea2b !important;
    color: #15171b !important;
}

.theme table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.theme table tr {
    background-color: transparent !important;
    display: table-row;
    font-size: 14px;
}

.theme .pagination {
    float: right;
}

.theme .pagination li:first-child {
    background-color: transparent !important;
}

.dark-mode .theme .page-item.active .page-link {
    background-color: #5a5e76;
    color: #fff;
    border: 0;
}

.dark-mode .theme .page-item:not(.active) .page-link {
    border: 0;
    background-color: #252832;
    color: #fff;
}

.dark-mode .page-item.disabled a,
.dark-mode .page-item.disabled .page-link {
    background-color: transparent !important;
}

.dark-mode .theme .page-item:last-child .page-link {
    background-color: transparent !important;
}

.dark-mode .theme .page-item .page-link {
    margin: 2px;
    border-radius: 5px;
}

.theme table td {
    border: 0;
    vertical-align: middle;
}

.theme table td.first-column {
    padding-left: 50px;
}

.theme tr td {
    vertical-align: middle !important;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #dee2e6;
}

.simulados tr td span {
    display: block !important;
}

.card-header {
    background-color: #373b53 !important;
}

li.nav-item-materia {
    margin-bottom: 5px;
}

.card-body {
}

.btn-simulado {
    color: #f7f7f7 !important;
    font-size: 18px !important;
}

.card-body-simulado {
    padding: 1rem 5rem;
}

.dark-mode .list-group-item {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
}

.trilhas tr td:first-child {
}

.venda-show i,
.venda-show svg {
    display: inline-block;
    margin: 5px;
    float: left;
    width: 35px;
}

.trilhas tr td:nth-child(2) {
    width: auto !important;
}

.simulados tr td:first-child {
    border-radius: 10px 0px 0 10px;
    width: 85% !important;
    padding: 20px 30px;
}

.theme tr td span {
    font-size: 14px;
    font-family: "PP Mori", sans-serif !important;
}

.theme tr td:nth-child(2) {
    width: 60%;
}

.theme tr td:nth-child(2) svg {
    margin-right: 10px;
}

.custom-control-label::before {
    height: 1.2rem;
}

.custom-switch .custom-control-label::before {
    width: 2rem;
}

.custom-switch .custom-control-label::after {
    width: calc(1.2rem - 4px);
    height: calc(1.2rem - 4px);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00ea2b;
    background-color: #00ea2b;
}

.theme #insert-button,
.theme .upload-button {
    display: none;
}

.theme .material-button i {
    pointer-events: none;
}

.theme .material-button span {
    margin-left: 10px;
}

.theme .material-button:hover {
    background-color: #27c93b;
}

/* fim botões inserir material */

/* inicio inserir material personalizado */

.theme .input-group {
    display: flex;
    gap: 10px;
}

.theme .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.theme .input-wrapper {
    display: flex;
    justify-content: space-between;
}

.theme .input-wrapper input[type="date"] {
    flex: 1;
    margin-right: 10px; /* Add some space between inputs */
}

.theme .input-wrapper input[type="date"]:last-child {
    margin-right: 0; /* Remove margin from the last input */
}

.theme .input-wrapper input[type="text"],
.theme .input-wrapper input[type="password"],
.theme .form-group select {
    width: 100%;
    background-color: transparent !important;
    display: flex;
    height: 56px;
    padding: 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid #E7E7E7 !important;
}

/* inicio data e hora cupom */


.form-control-custom {
    
}

.form-control {
    color: #888888;
    background-color: transparent;
    border: 1px solid #E7E7E7;
    height: 56px;
    line-height: 56px;;
}

.form-control[type="date"],
.form-control[type="time"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 35px;
}

.date-fields label {
    display: block;
    margin-bottom: 0.5rem;
    color: #343a40;
    font-weight: bold;
}

.date-fields .form-control {
    display: inline-block;
    width: calc(50% - 8px);
    margin-right: 8px;
}

.date-fields .form-control:last-child {
    margin-right: 0;
}

/* fim data e hora cupom */

.theme .input-wrapper input[type="file"] {
    display: none;
}

.theme .file-label {
    position: absolute;
    right: 10px;
    bottom: 20px;
    font-size: 150%;
    display: flex;
    color: #27c93b;
    cursor: pointer;
}

.theme .file-label img {
    width: 20px;
    height: 20px;
}

/* fim inserir material personalizado */

/* inicio duracao, ordem */

.theme .form-container {
    display: flex;
    padding: 0px;
    margin: 0px auto;
}

.theme .field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.theme label {
    font-weight: bold;
    margin-bottom: 8px;
}

.theme input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 150px;
}

.theme .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.theme .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.theme .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

.theme .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.theme input:checked + .slider {
    background-color: #2dea44;
}

.theme input:checked + .slider:before {
    transform: translateX(26px);
}

/* fim duracao, ordem */

/* inicio video */

.theme #video-player,
select.form-select {
    padding: 8px;
    font-size: 16px;
    background-color: #343a40 !important;
    border-radius: 30px;
    width: 200px;
    max-width: 650px;
    border: none;
    margin-bottom: 20px;
}

.theme #codigo-video {
    padding: 8px;
    font-size: 16px;
    background-color: #343a40;
    border-radius: 30px;
    width: 200px;
    max-width: 500px;
    color: #fff;
    border: none;
    margin-bottom: 20px;
}

/* fim video */

/* inicio botoes */

.theme .buttons {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.theme .btn {
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
}

.theme .btn-action {
    background-color: #2dea44;
    border-color: #2dea44;
    color: #252832;
}

.theme .btn-danger {
    background-color: #dc3545;
    color: white;
}

.theme .btn-secondary {
    background-color: transparent;
    color: #252731;
    border: 1px solid #252731;
}

.theme .btn-success {
    background-color: #2dea44;
    color: #16181c;
}

.theme #modal-delete .modal-body,
.theme #modal-delete .modal-header,
.theme #modal-delete .modal-footer {
    background-color: #0b0b0b !important;
    border: 0 !important;
}

/* fim botoes */

/* inicio cupom */

.table th {
    font-size: 12px !important;
    color: #141414 !important;
    font-weight: normal;
}

.table * {
    font-family: "PP Mori", sans-serif !important;
}

.table td {
    vertical-align: middle !important;
    font-size: 14px;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* fim cupom */

/* inicio inscricoes */

.theme .input {
    width: 100%;
    background-color: transparent !important;
    display: flex;
    height: 56px;
    padding: 10px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 9px;
    border: 1px solid #E7E7E7 !important;
}

/* fim inscricoes */

/* Responsividade */

/* Tela de login */

@media only screen and (max-width: 600px) {
    .login-card {
        width: 100%;
    }
    .login-card input {
        width: 100%;
    }
    .forgot-password {
        text-align: center;
        margin-left: auto;
    }
}

/* Tela de login */

@media (max-width: 768px) {
    .theme .upload-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .theme .icon-container {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .theme .button-container {
        flex-direction: column;
        width: 100%;
    }

    .theme .material-button {
        width: 100%;
        max-width: none;
    }
}

/* configuracoes */

.card-header-custom {
    background-color: #f7f7f7 !important;
    color: #333;
}

.btn-link-custom {
    color: #333;
    font-weight: bold;
}

.card-body-custom {
}

.form-label-custom {
    color: #fff;
}

/* fim configuracoes */

/* simulados */

.simulados .card {
    padding: 20px;
    border: 1px solid #373b53;
    background: transparent;
}

.simulados .card .inline {
}

.simulados .edit-inline-questao {
}

.simulados .alternativa {
    padding: 15px;
    background: #373b53;
}

.simulados p {
    margin-bottom: 0;
}

.simulados .row-questao {
    margin-bottom: 5px;
}

.simulados .opcao-alternativa {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 100%;
    float: left;
    margin-right: 5px;
}

/* fim simulados */

/* inicio ativar/desativar whatsapp cadastro plano e cadastro gratis */

.whatsapp-link-ativo {
    color: #ffffff;
}

.whatsapp-link-inativo {
    color: #25d366;
}

/* fim ativar/desativar whatsapp cadastro plano e cadastro gratis */

/* Editable */

.link-resposta {
    display: block;
    text-align: center;
    margin-top: 15px;
}

a.edit-inline-questao i {
    fill: #fff; /* Altera a cor de preenchimento */
    color: #fff;
}

.link-resposta svg {
    fill: #fff; /* Altera a cor de preenchimento */
    stroke: #fff;
}

.link-resposta svg.trash {
    fill: red !important; /* Altera a cor de preenchimento */
    stroke: red !important;
}

/*Editable compulsory */

.editable-form .editable {
    color: #000;
    font-size: 0.8125rem;
}

.editable-form .editable-click {
    border-color: #000;
}

.editable-container.editable-inline {
    max-width: 100%;
}

.editable-container.editable-inline .editableform {
    max-width: 100%;
}

.editable-container.editable-inline .editableform .control-group {
    max-width: 100%;
    white-space: initial;
}

.editable-container.editable-inline .editableform .control-group > div {
    max-width: 100%;
}

.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    input,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    textarea {
    max-width: 100%;
    width: 100%;
}

.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .form-control,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .asColorPicker-input,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .dataTables_wrapper
    select,
.dataTables_wrapper
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    select,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    input[type="text"],
.jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    input[type="text"],
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    select,
.jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    select,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    input[type="number"],
.jsgrid
    .jsgrid-table
    .jsgrid-filter-row
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    input[type="number"],
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .select2-container--default
    .select2-selection--single,
.select2-container--default
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .select2-selection--single,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .select2-container--default
    .select2-selection--single
    .select2-search__field,
.select2-container--default
    .select2-selection--single
    .editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .select2-search__field,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .typeahead,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .tt-query,
.editable-container.editable-inline
    .editableform
    .control-group
    .editable-input
    .combodate
    .tt-hint {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991px) {
    .editable-container.editable-inline
        .editableform
        .control-group
        .editable-buttons {
        display: block;
        margin-top: 10px;
    }
}

.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #DBFDE1 !important;
    border-color: #DBFDE1 !important;
    box-shadow: none;
    border-radius: 50px;
}

/*.nav-link.active i {
    color: #11A82F;
}*/

.nav-link.active p {
    color: #11A82F ;
}

.nav-treeview i {
    color: #888888;
}

.alert-danger-complete-cadastro {
    background-color: #FDA29B;
    border-color: #dc3545;
    color: #D92D20 !important;
}

.alert-danger-complete-cadastro .close {
}

.nav-treeview > .nav-item > .nav-link {
    padding-left: 2rem;
}

/* Editar Meus Dados */

@media (max-width: 576px) {
    .upload-section {
        flex-direction: row !important;
        align-items: center !important;
    }

    .nome-usuario {
        font-size: 20px;
        margin-left: 8px;
        white-space: nowrap !important;
    }

    .botao-meus-dados {
        flex-shrink: 0;
    }
}

@media (max-width: 576px) {
    .theme .buttons {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .theme .btn {
        flex: 1;
        max-width: 48%;
        font-size: 14px;
        padding: 8px;
    }

    .theme .btn + .btn {
        margin-left: 4%;
    }
}

/* Inicio Responsividade Tela Login Mobile */

@media (max-width: 1440px) {
    .login-box {
        max-width: 90%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .login-box {
        max-width: 90%;
        padding: 10px;
        height: auto;
    }

    .login-logo img {
        width: 40px;
        height: 40px;
        top: 12px;
        left: 12px;
    }

    .login-titles h1 {
        font-size: 24px;
    }

    .login-titles h2 {
        font-size: 14px;
    }

    .button-social-container {
        padding: 10px 15px;
        font-size: 12px;
    }

    .divider-container {
        gap: 4px;
    }

    .divider-line {
        width: 100px;
    }

    .input-container {
        max-width: 100%;
        width: auto;
        height: 48px;
        padding: 12px;
    }

    .input-field {
        font-size: 14px;
    }

    .input-field::placeholder {
        font-size: 14px;
    }

    .btn-login {
        width: 100%;
        font-size: 16px;
        padding: 12px 20px;
    }

    .remember-forgot-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px; 
    }

    .forgot-password {
        text-align: left;
    }

    .footer-text {
        flex-direction: column;
        text-align: center;
        font-size: 10px;
        gap: 8px;
        padding: 0 15px;
    }
}

@media (max-width: 576px) {
    .login-box {
        max-width: 90%;
    }

    .login-titles h1 {
        font-size: 20px;
    }

    .login-titles h2 {
        font-size: 12px;
    }

    .btn-login {
        font-size: 14px;
    }

    .footer-text {
        position: absolute; 
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 5px; 
        font-size: 10px; 
        padding: 10px 0; 
        background-color: #fff;    
    }
}

/* Fim Responsividade Tela Login Mobile */


/* Inicio estilização do texto descritivo para dispositivos móveis */
@media (max-width: 768px) {
    .page-description {
        max-width: 339px; 
        height: auto; 
        align-self: stretch; 
    }

    .divider {
        display: none;
    }
}

/* Fim estilização do texto descritivo para dispositivos móveis */

/* Meus dados */