/* [THEMES] */
:root {

    /* CORES INSTITUCIONAIS */
    --primary-color-var2: #2f2f30;

    /* PRIMARY COLOR */
    --primary-950: #081D36;
    --primary-900: #12427C;
    --primary-800: #2265B5;
    --primary-700: #3D96FF;
    --primary-600: #449AFF;
    --primary-500: #63ABFF;
    --primary-400: #77B6FF;
    --primary-300: #FFBBD3;
    --primary-200: #B7D8FF;
    --primary-100: #E2EFFF;
    --primary-50: #F5FAFF;
    --primary-25: #FBFDFF;

    /* ERROR */
    --error-25: #FFFBFA;
    --error-50: #FEF3F2;
    --error-100: #FEE4E2;
    --error-200: #FECDCA;
    --error-300: #FDA29B;
    --error-400: #F97066;
    --error-500: #F04438;
    --error-600: #D92D20;
    --error-700: #B42318;
    --error-800: #912018;
    --error-900: #7A271A;
    --error-950: #55160C;

    /* WARNING */
    --warning-25: #FFFCF5;
    --warning-50: #FFFAEB;
    --warning-100: #FEF0C7;
    --warning-200: #FEDF89;
    --warning-300: #FEC84B;
    --warning-400: #FDB022;
    --warning-500: #F79009;
    --warning-600: #DC6803;
    --warning-700: #B54708;
    --warning-800: #93370D;
    --warning-900: #7A2E0E;
    --warning-950: #4E1D09;

    /* SUCCESS */
    --success-25: #F6FEF9;
    --success-50: #ECFDF3;
    --success-100: #DCFAE6;
    --success-200: #ABEFC6;
    --success-300: #75E0A7;
    --success-400: #47CD89;
    --success-500: #17B26A;
    --success-600: #079455;
    --success-700: #067647;
    --success-800: #085D3A;
    --success-900: #074D31;
    --success-950: #053321;

    /* GRAY */
    --gray-800: #1D2939;
    --gray-700: #344054;
    --gray-600: #475467;
    --gray-500: #667085;
    --gray-400: #98A2B3;
    --gray-300: #D0D5DD;
    --gray-200: #EAECF0;
    --gray-100: #F2F4F7;
    --gray-50: #F9FAFB;
    --gray-25: #FCFCFD;

    /* TEAL */
    --teal-800: #125D56;
    --teal-700: #107569;
    --teal-600: #0E9384;
    --teal-500: #15B79E;
    --teal-400: #2ED3B7;
    --teal-300: #5FE9D0;
    --teal-200: #99F6E0;
    --teal-100: #CCFBEF;
    --teal-50: #F0FDF9;
    --teal-25: #F6FEFC;

    /* ORANGE */
    --orange-800: #932F19;
    --orange-500: #EF6820;
    --orange-100: #FDEAD7;

    /* YELLOW */
    --yellow-800: #854A0E;
    --yellow-500: #EAAA08;
    --yellow-100: #FEF7C3;

    /* BLUE DARK */
    --blue-dark-800: #0040C1;
    --blue-dark-500: #2970FF;
    --blue-dark-100: #D1E0FF;

    /* VAR1 */
    --primary-color: #033961;
    --primary-color-90: rgba(3, 57, 97, 0.90);
    --primary-color-80: rgba(3, 57, 97, 0.80);
    --primary-color-70: rgba(3, 57, 97, 0.70);
    --primary-color-60: rgba(3, 57, 97, 0.60);
    --primary-color-50: rgba(3, 57, 97, 0.50);
    --primary-color-40: rgba(3, 57, 97, 0.40);
    --primary-color-35: rgba(3, 57, 97, 0.35);
    --primary-color-30: rgba(3, 57, 97, 0.30);
    --primary-color-25: rgba(3, 57, 97, 0.25);
    --primary-color-20: rgba(3, 57, 97, 0.20);
    --primary-color-10: rgba(3, 57, 97, 0.10);
    --primary-color-5: rgba(3, 57, 97, 0.05);

    /* VAR3 */
    --primary-color-var3: #045C9D;
    --primary-color-var3-90: rgba(4, 93, 156, 0.90);
    --primary-color-var3-80: rgba(4, 93, 156, 0.80);
    --primary-color-var3-70: rgba(4, 93, 156, 0.70);
    --primary-color-var3-60: rgba(4, 93, 156, 0.60);
    --primary-color-var3-50: rgba(4, 93, 156, 0.50);
    --primary-color-var3-40: rgba(4, 93, 156, 0.40);
    --primary-color-var3-35: rgba(4, 93, 156, 0.35);
    --primary-color-var3-30: rgba(4, 93, 156, 0.30);
    --primary-color-var3-25: rgba(4, 93, 156, 0.25);
    --primary-color-var3-20: rgba(4, 93, 156, 0.20);
    --primary-color-var3-10: rgba(4, 93, 156, 0.10);
    --primary-color-var3-5: rgba(4, 93, 156, 0.05);

    /* VAR4 */
    --primary-color-var4: #89C0E8;
    --primary-color-var4-90: rgba(137, 192, 232, 0.90);
    --primary-color-var4-80: rgba(137, 192, 232, 0.80);
    --primary-color-var4-70: rgba(137, 192, 232, 0.70);
    --primary-color-var4-60: rgba(137, 192, 232, 0.60);
    --primary-color-var4-50: rgba(137, 192, 232, 0.50);
    --primary-color-var4-40: rgba(137, 192, 232, 0.40);
    --primary-color-var4-35: rgba(137, 192, 232, 0.35);
    --primary-color-var4-30: rgba(137, 192, 232, 0.30);
    --primary-color-var4-25: rgba(137, 192, 232, 0.25);
    --primary-color-var4-20: rgba(137, 192, 232, 0.20);
    --primary-color-var4-15: rgba(137, 192, 232, 0.15);
    --primary-color-var4-10: rgba(137, 192, 232, 0.10);
    --primary-color-var4-5: rgba(137, 192, 232, 0.05);

    --second-color: var(--primary-color-var4);
    --second-color-90: var(--primary-color-var4-90);
    --second-color-80: var(--primary-color-var4-80);
    --second-color-70: var(--primary-color-var4-70);
    --second-color-60: var(--primary-color-var4-60);
    --second-color-50: var(--primary-color-var4-50);
    --second-color-40: var(--primary-color-var4-40);
    --second-color-35: var(--primary-color-var4-35);
    --second-color-30: var(--primary-color-var4-30);
    --second-color-25: var(--primary-color-var4-25);
    --second-color-20: var(--primary-color-var4-20);
    --second-color-10: var(--primary-color-var4-10);

    --secondary-color: #ffffff;
    --secondary-color-var2: #777779;
    --secondary-color-var3: #BDBDC2;

    /* GENERAL */
    --body-bg: rgb(3, 16, 28);
    --sub-info-block: rgb(3, 16, 28);
    --gradient-bg: linear-gradient(135deg, #ff008355 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(225deg, #ff0083 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(315deg, #ff008355 25%, transparent 25%) 0px 0/ 20px 20px, linear-gradient(45deg, #ff0083 25%, #e5e5f7 25%) 0px 0/ 20px 20px;
    --gradient-bg-header-consultoria: linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
    --gradient-bg-box-shortcut: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.1));
    --h3-warning: rgb(255, 166, 166);
    --novo-plano-h3: rgb(255, 255, 255);
    --consultoria-nav-button: rgb(255, 0, 131);
    --sign-up-consultoria-nome: rgb(0, 0, 0);
    --list-header-button: rgb(255, 255, 255);
    --records-not-found: rgba(255, 255, 255, 0.8);
    --records-not-found-icon: rgb(255, 0, 131);

    /* HEADERS - SUBTITLES */
    --common-subtitle1: rgba(255, 255, 255, 0.9);
    --common-subtitle2: rgba(255, 255, 255, 0.7);

    /* MAIN COLORS */
    --first-color: rgba(0, 31, 53);
    --first-color-90: rgba(0, 31, 53, 0.9);
    --first-color-80: rgba(0, 31, 53, 0.8);
    --first-color-70: rgba(0, 31, 53, 0.7);
    --first-color-60: rgba(0, 31, 53, 0.6);
    --first-color-50: rgba(0, 31, 53, 0.5);
    --first-color-40: rgba(0, 31, 53, 0.4);
    --first-color-30: rgba(0, 31, 53, 0.3);
    --first-color-20: rgba(0, 31, 53, 0.2);
    --first-color-10: rgba(0, 31, 53, 0.1);
    --first-color-075: rgba(0, 31, 53, 0.075);
    --first-color-5: rgba(0, 31, 53, 0.05);

    /* PINK */
    --fav-pink: rgba(255, 0, 131);
    --fav-pink-90: rgba(255, 0, 131, 0.9);
    --fav-pink-80: rgba(255, 0, 131, 0.8);
    --fav-pink-70: rgba(255, 0, 131, 0.7);
    --fav-pink-60: rgba(255, 0, 131, 0.6);
    --fav-pink-50: rgba(255, 0, 131, 0.5);
    --fav-pink-40: rgba(255, 0, 131, 0.4);
    --fav-pink-35: rgba(255, 0, 131, 0.35);
    --fav-pink-30: rgba(255, 0, 131, 0.3);
    --fav-pink-25: rgba(255, 0, 131, 0.25);
    --fav-pink-20: rgba(255, 0, 131, 0.2);
    --fav-pink-10: rgba(255, 0, 131, 0.1);

    --third-color: rgba(255, 227, 196);
    --third-color-90: rgba(255, 227, 196, 0.9);
    --third-color-80: rgba(255, 227, 196, 0.8);
    --third-color-50: rgba(255, 227, 196, 0.5);
    --third-color-25: rgba(255, 227, 196, 0.25);
    --third-color-10: rgba(255, 227, 196, 0.1);

    --shortcut-sub-nav: rgba(255, 0, 72, 0.5);
    --nav-bg: rgb(0, 0, 0);
    --nav-bg-cliente: rgb(3, 11, 16);
    --nav-links: rgb(255, 255, 255);
    --nav-links-active: rgba(255, 0, 131, 0.7);
    --icons-nav: rgb(255, 255, 255);

    /* POP-UPS */
    --popup-bg: rgb(0, 0, 0, 0.25);
    --form-popup-bg: rgb(255, 255, 255);
    --form-popup-shadow: rgb(0, 0, 0, 0.4);
    --form-popup-button: rgb(255, 255, 255);
    --form-popup-text: rgb(0, 0, 0);
    --form-popup-header-border: rgb(255, 0, 131);
    --form-custom-checkmark: var(--common-color0-40);
    --form-custom-checkmark-hover: var(--common-color0-50);
    --form-container-custom-checkmark: rgb(0, 31, 53, 0.8);

    /* CAPTAÇÃO */
    --captacao-input: rgb(0, 31, 53, 0.25);
    --captacao-text: rgba(0, 0, 0, 0.5);
    --captacao-button-border: rgb(0, 0, 0, 0.1);

    /* SHADES OF BLACK & WHITE */
    --common-color0: rgba(0, 0, 0);
    --common-color0-1: rgba(0, 0, 0, 0.01);
    --common-color0-5: rgba(0, 0, 0, 0.05);
    --common-color0-10: rgba(0, 0, 0, 0.1);
    --common-color0-15: rgba(0, 0, 0, 0.15);
    --common-color0-20: rgba(0, 0, 0, 0.2);
    --common-color0-25: rgb(0, 0, 0, 0.25);
    --common-color0-30: rgb(0, 0, 0, 0.3);
    --common-color0-40: rgba(0, 0, 0, 0.4);
    --common-color0-50: rgba(0, 0, 0, 0.5);
    --common-color0-60: rgba(0, 0, 0, 0.6);
    --common-color0-70: rgba(0, 0, 0, 0.7);
    --common-color0-75: rgba(0, 0, 0, 0.75);
    --common-color0-80: rgba(0, 0, 0, 0.8);
    --common-color0-90: rgba(0, 0, 0, 0.9);
    --common-color1: rgb(255, 255, 255);
    --common-color1-1: rgb(255, 255, 255, 0.01);
    --common-color1-2: rgba(255, 255, 255, 0.02);
    --common-color1-025: rgba(255, 255, 255, 0.025);
    --common-color1-075: rgba(255, 255, 255, 0.075);
    --common-color1-5: rgba(255, 255, 255, 0.05);
    --common-color1-10: rgba(255, 255, 255, 0.10);
    --common-color1-125: rgba(255, 255, 255, 0.125);
    --common-color1-15: rgba(255, 255, 255, 0.15);
    --common-color1-20: rgba(255, 255, 255, 0.20);
    --common-color1-25: rgba(255, 255, 255, 0.25);
    --common-color1-30: rgba(255, 255, 255, 0.3);
    --common-color1-40: rgba(255, 255, 255, 0.4);
    --common-color1-50: rgba(255, 255, 255, 0.5);
    --common-color1-60: rgba(255, 255, 255, 0.6);
    --common-color1-70: rgba(255, 255, 255, 0.7);
    --common-color1-75: rgba(255, 255, 255, 0.75);
    --common-color1-80: rgba(255, 255, 255, 0.8);
    --common-color1-90: rgba(255, 255, 255, 0.9);
    --common-color1-95: rgba(255, 255, 255, 0.95);

    /* GOOD/BAD RESPONSE */
    --good-response: var(--primary-color-var3);
    --bad-response: crimson;

    /* TABLE - ZEBRA */
    --zebra-th: #F9FAFB;
    --zebra-text-shadow: rgb(0, 0, 0);
    --zebra-shadow: var(--common-color1-10);
    --zebra-bg: rgba(0, 0, 0, 0.6);
    --zebra-border: #EAECF0;
    --zebra-button: rgb(255, 255, 255);

    /* PAGINATOR */
    --paginator-button-active-bg: rgb(0, 0, 0);
    --paginator-button-active: rgb(255, 255, 255);
    --paginator-button-bg: rgb(0, 0, 0, 0.25);
    --paginator-button: rgb(255, 255, 255, 0.1);

    /* CARDS */
    --card-block-bg: linear-gradient(45deg, rgb(255, 255, 255, 0.05), rgb(255, 255, 255, 0.025), rgb(255, 255, 255, 0.05));
    --card-block-border: rgba(255, 255, 255, 0.2);
    --card-block-hover: rgba(255, 142, 200, 0.9);
    --card-block-bg-dark: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgb(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
    --card-block-bg-superwhite: linear-gradient(45deg, rgb(255, 255, 255, 0.2), rgb(255, 255, 255, 0.15), rgb(255, 255, 255, 0.2));
    ;
    --card-profile-pic-border: var(--common-color1-10);

    /* CONSULTORIA */
    --consultoria-concluida-odd: rgba(84, 0, 0, 0.25);
    --consultoria-concluida-even: rgba(84, 0, 0, 0.3);
    --consultoria-tipo-icon: var(--primary-color-var4);
    --consultoria-table-icon: rgba(255, 255, 255, 0.5);
    --consultoria-tipo-new: lightgreen;
    --consultoria-tipo-renew: rgba(0, 255, 183, 0.8);
    --plano-consultoria-tipo: var(--primary-color-var4);
    --plano-consultoria-valor: rgba(255, 91, 91, 0.9);
    --ultimo-plano-contratado: rgba(255, 0, 131, 0.8);
    --vencimento-plano: rgba(255, 133, 202, 0.8);
    --td-plano-consultoria: rgba(255, 118, 188, 0.6);
    --consultoria-express: var(--fav-pink);

    /* CLIENTES */
    --cliente-plano: rgba(0, 255, 219, 0.5);
    --cliente-plano-status: #16B364;

    /* EXERCÍCIOS */
    --exc-link-video: rgba(255, 118, 188, 0.6);

    /* PLANOS - ALIMENTAR & TREINO */
    --pa-table-footer-get: var(--primary-color-var4);
    --plan-calories: rgba(255, 137, 137, 0.8);
    --plan-classificacao: rgba(255, 185, 134, 0.8);
    --plan-nivel: rgba(255, 134, 134, 0.8);
    --refeicao-substituta: var(--primary-50);
    --tabela-plano-treino-td: linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5));
    --treinos-semana: rgba(255, 134, 185, 0.8);
    --treino-periodo: rgba(255, 255, 255, 0.5);
    --periodo-plano-view: rgba(255, 227, 196, 0.5);

    /* GET */
    --get-deficit: rgb(117, 255, 164, 0.8);
    --get-superavit: rgb(117, 242, 255, 0.8);

    /* ANAMNESE */
    --anamnese-list-title: var(--primary-color-var3);

    /* FINANCEIRO */
    --financeiro-pago: #17B26A;
    --financeiro-pendente: #F79009;
    --financeiro-atrasado: #F04438;
    --financeiro-positivo: #17B26A;
    --financeiro-negativo: #F04438;

    /* PROCESSOS */
    --td-cliente: rgba(255, 255, 255, 0.9);

    /* ATALHOS */
    --span-box-h1-inst: rgba(255, 118, 188, 0.8);

    /* CARDS HOME CLIENTE */
    --home-cliente-title: var(--common-color1);
    --home-cliente-cons-vencimento: rgb(255, 122, 122);
}

/* [UNIVERSAL] */
[hidden] {
    display: none !important;
}

html,
body {
    padding: 0;
    margin: 0;
    letter-spacing: normal;
}

body,
button,
input,
optgroup,
textarea,
select {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    outline: none !important;
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid var(--primary-200) !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--primary-100);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);

}

textarea {
    line-height: 20px;
}

h1,
h2,
h3,
h4 {
    margin: 5px 0;
}

ul {
    list-style: none;
}

ul,
li {
    margin: 0;
    padding: 0;
}

/* NOW LOADING */
#page-loader,
#page-loader-spin {
    position: fixed;
    display: block;
    transition: all 0.3s linear;
}

#page-loader {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 10;
    background: none;
    opacity: 0.25;
}

#page-loader.active {
    visibility: visible;
    background: var(--common-color0);
}

#page-loader-spin {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 75px;
    height: 75px;
    transform: translate(-50%, -50%);
}

/* PAGE LAYOUT */
html {
    background-color: #fff;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* PAGE MAIN */
#page-main {
    width: 100%;
    display: flex;
}

/* CONTENTS */
#page-contents {
    position: relative;
    overflow: visible;
    z-index: 0;
}

/* [PAGE NAV] */
.main_container {
    width: 100%;
}

#page-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #F9FAFB;
    height: 72px;
    border-bottom: 1px solid #D0D5DD;
}

#nav-logo img {
    width: 30px;
}

.profile_avatar {
    display: flex;
}

.profile_avatar img {
    margin-right: 10px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    object-fit: cover;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
}

.avatar_consultoria {
    min-width: 56px;
    min-height: 56px;
    max-height: 56px;
    max-width: 56px;
    object-fit: cover;
    border-radius: 100%;
    display: block;
}


#profile-dropdown,
.more_actions_dropdown {
    left: -10px !important;
}

#page-nav-cliente {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    background: rgb(3, 11, 16);
    background-color: var(--nav-bg);
    height: 50px;
    border-bottom: 1px solid var(--common-color0);
}

#page-nav-cliente #nav-menu svg,
.nav_menu svg {
    color: var(--common-color1-90);
}

#page-nav #nav-menu svg,
#page-nav .nav_menu svg {
    color: var(--common-color1-90);
}

#page-nav-cliente #nav-menu .active svg,
.nav_menu .active svg,
#page-nav .nav_menu .active svg {
    color: var(--nav-links-active) !important;
}

#page-nav-cliente #nav-menu ul li,
.nav_menu ul li {
    margin: 0 10px;
}

#nav-links,
#nav-menu,
.nav_menu {
    display: flex;
    height: 100%;
}

#nav-links a {
    box-sizing: border-box;
    display: flex;
    padding: 0 20px;
    height: 100%;
    align-items: center;
    text-decoration: none;
    color: var(--nav-links);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
}

#nav-links .active {
    color: var(--nav-links-active);
    font-weight: 600;
}

#nav-menu .active svg,
.nav_menu .active svg {
    color: var(--nav-links-active);
}

#nav-menu ul,
.nav_menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#nav-menu ul li,
.nav_menu ul li {
    cursor: pointer;
}

#nav-menu ul li a,
.nav_menu ul li a {
    padding: 0 10px
}

/* [POP UP] */
.popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--popup-bg);
}

.credit_card_form,
.aceite_form {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0, 0.5);
}

.credit_card_form form,
.aceite_form form {
    display: block;
    width: max-content;
    background-color: white;
    padding: 20px;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.credit_card_form form.mobile,
.aceite_form form.mobile {
    width: 100% !important;
}

.form_popup button {
    margin-top: 10px;
    background-color: var(--primary-600);
    border: 1px solid var(--primary-600);
    color: white;
    font-weight: 500;
    outline: none;
    border-radius: 4px;
    padding: 15px;
    cursor: pointer;
    font-size: 14px;
}

.form_popup button:last-child {
    background: none;
    color: var(--primary-600);
    font-weight: 600;
    border: none;
}

.form_popup {
    display: block;
    width: max-content;
    background-color: white;
    padding: 20px;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.form_popup h3 {
    font-weight: 500;
    font-size: 16px;
    cursor: default;
    color: #374151;
}

#modal-novo-pa .form_footer {
    margin-top: 10px;
}

.ul_novo_plano {
    list-style: none;
    margin-bottom: 20px;
}

.ul_novo_plano:last-of-type {
    margin-bottom: 0;
}

.ul_novo_plano li {
    margin: 10px 0;
}

.ul_novo_plano button {
    width: 100%;
    padding: 10px 18px;
    background-color: var(--primary-600);
    color: white;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.form_ferramentas.novo_pa,
.form_ferramentas.novo_pt {
    min-width: 400px;
    width: min-content;
}

.ul_novo_plano h3 {
    font-size: 14px;
    font-weight: 500;
    background-color: var(--warning-100);
    padding: 5px 10px;
    border-radius: 8px;
    color: var(--warning-500);
    cursor: default;
    line-height: 25px;
}

/* [CAPTAÇÃO] */
.logo_consultoria img {
    max-width: 150px;
    max-height: 150px;
}

.signup_header {
    background-color: white;
    width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px;
    padding: 20px;
}

.signup_header_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.mobile .signup_header_content {
    flex-direction: column;
    text-align: center;
}

.professional_info {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
}

.professional_info_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.professional_info_content .professional_name {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--gray-700);
}

.professional_info_content .professional_title {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--gray-700);
    width: fit-content;
    margin: 0 auto;
}

#form-captacao .form_footer {
    margin-top: 10px;
}


#form-captacao input[type=text] {
    display: block;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    background-color: var(--captacao-input);
    color: var(--captacao-text);
    border: none;
    outline: none;
    border-radius: 0.2em;
    font-weight: 500;
}

.icons-nav-menu {
    font-size: 16px;
    color: var(--icons-nav);
}

#ul-captacao {
    list-style: none;
}

#ul-captacao li {
    display: flex;
    flex-direction: row;
}

#li-captacao-clientes {
    margin-top: 10px;
}

/* [COMMON STYLES] */
.margin_right {
    margin-right: 10px;
}

.margin_left {
    margin-left: 10px;
}

#mensagem-sistema {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 10px;
    padding: 15px;
    background-color: var(--warning-100);
    color: black;
    border-radius: 8px;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: justify;
    box-shadow: 1px 1px 1px rgb(0, 0, 0, 0.1);
    z-index: 999;
    cursor: default;
    line-height: 25px;
    font-size: 14px;
}

#mensagem-sistema h3 {
    font-size: 16px;
    margin: 0px 0 5px 0;
    color: var(--warning-800);
    font-weight: 500;
}

#mensagem-sistema h3 svg {
    margin-right: 10px;
    color: var(--warning-500);
}

#mensagem-sistema p {
    margin: 0;
    color: #344054;
}

.icon_ajax_response {
    margin-right: 10px;
}

#ajax-response,
#ajax-response-treino,
#ajax-response-dieta {
    font-weight: normal;
    font-size: 14px;
    cursor: default;
    margin: 0 auto;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#ajax-response.search_response {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
}

#user_search,
#customer_search {
    max-height: 45px;
    margin: 0 !important;
}

.good_response {
    background-color: var(--success-100);
    border-radius: 4px;
    padding: 4px 20px;
    color: var(--success-800);
    width: auto;
    font-weight: 500 !important;
}

.bad_response {
    background-color: var(--error-100);
    border-radius: 4px;
    padding: 4px 20px;
    color: var(--error-800);
    width: auto;
    font-weight: 500 !important;
}

#form-pagarme #ajax-response,
#form-pagarme .page_list_description {
    margin: 0 !important;
}

.integration_bad_response {
    background-color: var(--error-100);
    border-radius: 4px;
    padding: 10px;
    color: var(--error-500);
    width: fit-content !important;
    margin: 10px 0 !important;
    font-weight: 500 !important;
    border-left: 3px solid var(--error-200);
}

.hidden {
    display: none !important;
}

#container {
    width: 100%;
    margin: 0 auto;
    color: black;
    height: 100%;
}

@media (min-width: 640px) {
    #container {
        max-width: 640px;
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    #container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    #container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    #container {
        max-width: 1280px;
    }
}

@media (min-width: 1480px) {
    #container {
        max-width: 1480px;
    }
}

#page-contents {
    padding-bottom: 80px;
}

#welcome-section {
    margin: 0;
}

#welcome-subtitle {
    font-weight: 400;
    color: #797B85;
}

#welcome-title {
    color: black;
    font-size: 28px;
    font-weight: 500;
}

.index_div:last-child {
    margin-bottom: 0;
}

.index_div {
    display: block;
    margin: 40px 0;
}

.subtitle_icon {
    margin-left: 5px;
    color: var(--common-subtitle2);
}

/* [BUTTONS] */
.list_header_button {
    background-color: var(--primary-600);
    border-radius: 4px;
    color: var(--list-header-button);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    margin-left: 10px;
    min-width: max-content;
    height: 35px;
    padding: 5px 10px;
}

.list_header_button_reverse {
    background-color: transparent;
    border-radius: 4px;
    color: var(--primary-600);
    border: 1px solid var(--primary-200);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 10px;
    min-width: max-content;
    height: 35px;
    padding: 5px 10px;
}

.list_header_button.big,
.list_header_button_reverse.big {
    height: 45px;
    font-size: 14px;
    padding: 10px 18px;
}

.has_withdrawal_request {
    background-color: var(--primary-100);
    color: var(--primary-800);
    cursor: default;
}

.button_import_alimentos {
    background-color: var(--primary-800);
}

.list_header_button_form {
    background-color: var(--primary-400);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 10px 0;
    color: white;
    width: 30px;
    height: 36px;
    min-width: 30px;
    min-height: 36px;
    border-radius: 4px;
}

.list_header_button.novo_aluno {
    width: 150px;
    font-weight: normal;
}

.list_header_button.avaliacao_compare {
    width: 200px;
    font-weight: normal;
}

.list_header_button.novo_aluno svg,
.list_header_button.avaliacao_compare svg {
    margin-right: 10px;
}

.mobile .list_header_button.novo_aluno,
.mobile .list_header_button.avaliacao_compare {
    width: auto;
}

.mobile .list_header_button.novo_aluno svg,
.mobile .list_header_button.avaliacao_compare svg {
    margin-right: 0;
}

.mobile .list_header_button {
    height: 40px;
}

.list_header_button:hover {
    opacity: 1;
}

.list_header_button:last-child {
    margin-right: 0;
}

/* INFO HOME */
.info_home_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 20px;
}

.info_block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 10px;
}

.info_block h3 {
    font-size: 14px;
    font-weight: normal;
    color: var(--common-color1);
    text-shadow: 1px 1px var(--common-color0);
    letter-spacing: 0.075em;
}

.sub_info_block {
    margin: 5px 0;
}


.sub_info_block span {
    letter-spacing: 0.05em;
    font-size: 13px;
    box-shadow: 0 0 5px var(--common-color0-25);
}

.sub_info_block span:first-child {
    background-color: var(--common-color1-5);
    border: 1px solid var(--common-color1-5);
    border-radius: 0.2em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
    width: 90px;
    display: inline-block;
}

.sub_info_block span:last-child {
    background-color: var(--sub-info-block);
    border: 4px solid var(--common-color1-20);
    margin-left: -20px;
    padding: 14px;
    border-radius: 100%;
    width: 15px;
    display: inline-flex;
    justify-content: center;
}

.sub_info_block span.circle_info_active {
    color: var(--financeiro-positivo);
}

.sub_info_block span.circle_info_pending {
    color: var(--financeiro-pendente);
}

.sub_info_block span.square_bills {
    margin-left: -10px;
    border-radius: 0.2em;
    min-width: 80px;
    width: fit-content;
}

.sub_info_block span.square_bills.late {
    color: var(--primary-300);
}

/* [CARDS] */
.cards_container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.card_block.dark {
    width: 195px;
    margin: 10px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--primary-200);
    height: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    background-color: white;
    color: var(--primary-600);
    font-weight: 600;
}

.card_block h2 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

.card_block p {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.icon_card {
    font-size: 40px;
    margin: 0;
}

.card_notification {
    display: flex;
    padding: 0px 20px 0px 0px;
    justify-content: flex-end;
    height: 0px;
    width: 100%;
}

/* [PAGE - USUÁRIOS] */
.list_container {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.list_button_container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

.input_busca {
    background-image: url('images/searchicon.svg');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    border: 1px solid #D0D5DD;
    color: #797B85;
    padding: 10px 14px 10px 36px;
    font-size: 13px;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
}

#usr-altera-senha {
    display: inline-block;
    vertical-align: middle;
}

#div-usr-password {
    margin: 10px 0;
}

#div-usr-password input {
    width: auto;
}

/* [PAGINATOR] */
#box-paginator button,
#box-paginator input[type="button"] {
    opacity: 0.7 !important;
    padding: 10px !important;
    border-radius: 0.2em !important;
    margin: 0 2px !important;
    color: var(--common-color1) !important;
    cursor: pointer !important;
    border: none !important;
    font-weight: 600 !important;
    background-color: var(--primary-200) !important;
    border: 1px solid var(--paginator-button) !important;
}

.paginate_control_prev,
.paginate_control_next {
    background-color: var(--primary-700) !important;
}

#box-paginator button:disabled,
#box-paginator input[type="button"]:disabled {
    background-color: #D0D5DD !important;
    border: none !important;
}

#box-paginator button.active,
#box-paginator input[type="button"].active {
    background-color: var(--primary-700) !important;
    padding: 15px !important;
    opacity: 1 !important;
    color: var(--paginator-button-active) !important;
    border: none !important;
}

#box-paginator {
    text-align: center;
    margin-top: 20px;
}

#box-paginator select {
    margin-right: 10px;
    height: 20px;
}

/* [HORIZONTAL TABLE LAYOUT] */
table.horizontal-layout {
    margin: 10px 0 0 0;
    width: 100%;
    border-collapse: separate;
    cursor: default;
    background-color: white;
    border-spacing: 0;
    overflow: hidden;
    white-space: normal;
}

table.horizontal-layout tr th,
table.horizontal-layout tr td {
    border-top: 1px solid var(--gray-100);
    padding: 12px 16px;
    color: var(--gray-400);
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

table.horizontal-layout tr:first-child th,
table.horizontal-layout tr:first-child td {
    border-top: none
}

/* [TABLE ZEBRA] */
table.zebra {
    margin: 10px 0 0 0;
    width: 100%;
    border-collapse: separate;
    cursor: default;
    background-color: white;
    border: 1px solid var(--gray-200);
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    white-space: normal;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#cons-tab-container table.zebra {
    margin: 0;
}

.mobile table.zebra {
    white-space: normal;
}

#default-tab-content table.zebra {
    margin: 0;
}

table.zebra th {
    background-color: var(--gray-50);
    padding: 12px 16px;
    color: var(--gray-400);
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

table.zebra td {
    color: #344054;
    padding: 24px 16px;
    border-top: 1px solid var(--zebra-border);
}

#lista_chat tr td {
    height: 100px;
    padding: 20px 16px;
}

table.zebra tr td.left,
table.zebra tr th.left {
    text-align: left !important;
}

table.zebra td.right,
table.zebra tr th.right {
    text-align: right !important;
    width: min-content;
}

table.zebra th.center {
    text-align: center;
}

.th-right {
    text-align: right !important;
}

.zebra_button {
    display: inline-flex;
    flex-direction: row;
    color: var(--primary-700);
    margin: 0 10px;
    cursor: pointer;
    font-size: 14px;
    justify-content: flex-end;
    align-items: center;
}

.mobile .zebra_button {
    margin: 4px;
}

.zebra_button.payment_link {
    background-color: seagreen !important;
}

.zebra_processos tr th,
.zebra_processos tr td {
    text-align: left;
    padding: 15px 20px;
}

.zebra_processos tr td:last-child,
#lista_clientes tr td:last-child,
#lista_exercicios tr td:last-child,
#lista_users tr td:last-child,
#lista_planos tr td:last-child,
#lista_novos_assinantes tr td:last-child {
    width: 1px;
}

/* [FORMS] */
.form_content {
    margin: 0 auto;
    width: 60%;
    padding: 20px;
    border: 1px solid var(--common-color1-025);
    background-color: var(--common-color1-5);
    border-radius: 0.2em;
    box-shadow: 0 0 5px var(--common-color0-10);
}

.form_footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}

.form_footer button {
    background-color: var(--primary-600);
    border-radius: 4px;
    color: var(--list-header-button);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    min-width: max-content;
    padding: 10px 18px;
}

.form_footer button.refuse {
    background-color: var(--error-300);
}

.mobile .form_footer button {
    width: 100%;
}

.form_footer .button_style1 {
    display: inline-block;
    width: auto;
    outline: none;
    border-radius: 0.2em;
    cursor: pointer;
    color: var(--common-color1-80);
    border: 1px solid var(--common-color1-10);
    background-color: var(--common-color1-15);
    padding: 10px;
    margin: 4px 2px;
    opacity: 0.8;
    font-size: 13px;
}

.form_footer .button_style1:hover {
    border: 1px solid var(--second-color-80);
    color: var(--common-color1);
}

.form_cadastro input,
.form_cadastro select,
.form_cadastro textarea {
    color: #667085;
    padding: 8px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #D0D5DD;
}

.form_cadastro select option {
    color: var(--common-color0);
}

.form_cadastro input[type="checkbox"] {
    display: block;
    width: auto;
    margin-right: 4px;
}

.form_cadastro textarea {
    resize: none;
}

.form_cadastro .error {
    color: var(--error-500);
    font-size: 12px;
}

.ul_form {
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
}

.mobile .ul_form.aceite li {
    flex-wrap: wrap;
}

.ul_form.plano_contratado {
    margin-bottom: 20px;
}

#inicioPlano {
    width: 100% !important;
}

.ul_checkbox {
    list-style: none;
    width: 100%;
    margin: 10px 0;
}

.ul_checkbox li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ul_form li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px;
    margin: 0;
}

.ul_form li:not(:last-child) {
    margin-right: 20px;
}

.ul_form li input,
.ul_form li select,
.ul_form li textarea {
    width: 100%;
    margin: 0 0 0 10px;
}

.ul_form .li_form {
    display: block;
}

.ul_form .li_form input,
.ul_form .li_form textarea,
.ul_form .li_form select {
    margin: 5px 0 !important;
    box-sizing: border-box;
}

.required {
    margin-left: 10px;
    color: var(--fav-pink);
    font-weight: 600;
    font-size: 15px;
}

#inicioPlano,
#vencimentoPlano {
    width: 100% !important;
}

.form_subtitle {
    color: #0C111D;
    cursor: default;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

.form_subtitle.schedule {
    color: #344054;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.form_subtitle svg {
    color: var(--primary-600);
    font-size: 20px;
}

.form_subtitle:first-of-type {
    padding-top: 0;
    border: none;
}

.div_section_agenda {
    display: none;
}

.agenda_consultoria .div_section_agenda,
#registry-form .div_section_agenda {
    display: block;
}

#label-agenda-consultoria {
    display: inline-block;
    margin-right: 10px;
}

.form_subtitle2 {
    color: var(--primary-600);
    cursor: default;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
}

.form_cadastro label {
    display: flex;
    white-space: nowrap;
    align-items: baseline;
    font-weight: 500;
    color: #344054;
}

.label_checkbox {
    align-items: center !important;
}

.mobile .form_cadastro label {
    white-space: normal;
}

.icon_form {
    font-size: 20px;
    margin-right: 4px;
}

.div_repasse_container,
.div_anamnese_container,
.div_feedback_container,
.div_avaliacao_container,
.div_ma_container,
.div_me_container,
.div_mf_container,
.div_cp_container,
.div_cr_container,
.div_c_pass_container,
.div_u_pass_container,
.div_edit_signature_container,
.div_c_profile_container,
.div_u_profile_container,
.div_u_profile_pic_container,
.div_plan_container,
.div_agenda_container,
.div_checkin_container,
.div_user_container,
.div_fr_container,
.div_consultoria_container,
.div_fotos_container,
.div_logo_container,
#registry-form,
.div_av_view_container,
.div_ck_view_container,
.div_pa_view_container,
.div_pt_view_container,
.div_lb_view_container,
.div_c_plano_consultoria_container {
    display: block;
    padding: 20px;
    margin: 0 auto;
    width: fit-content;
    background-color: white;
    border-radius: 8px;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.div_av_view_container,
.div_pt_view_container {
    width: 400px;
    min-width: fit-content;
    box-sizing: border-box;
}

.div_lb_view_container {
    width: 600px;
    min-width: fit-content;
    box-sizing: border-box;
}

.div_feedback_container {
    width: 100%;
    padding: 20px;
    min-width: fit-content;
    box-sizing: border-box;
}

#submit-button:disabled,
#button-registro-pro:disabled,
#button-save-user:disabled {
    background-color: var(--error-400);
}

/* [CUSTOM RADIO-CHECK BOX] */

/* Customize the label (the container) */
.container_radio_check:last-child,
.container_radio_check_big:last-child {
    margin-right: 0;
}

.container_radio_check {
    display: flex;
    align-items: center !important;
    position: relative;
    cursor: pointer;
    margin: 0px 5px 0 0;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    width: fit-content;
    height: 30px;
    text-align: center;
    color: var(--common-color1) !important;
    box-sizing: border-box;
    opacity: 1 !important;
    align-items: center !important;
}

.container_radio_check_big {
    display: flex;
    align-items: center !important;
    position: relative;
    cursor: pointer;
    margin: 0 10px 0 0;
    padding: 20px;
    font-size: 13px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    width: fit-content;
    height: 30px;
    text-align: center;
    color: var(--common-color1) !important;
    box-sizing: border-box;
    opacity: 1 !important;
}

.li_form .container_radio_check,
.li_form .container_radio_check_big,
.mobile .li_form .container_radio_check {
    margin: 8px 0 !important;
}

/* Hide the browser's default checkbox */
.container_radio_check input,
.container_radio_check_big input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.custom_checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-200);
    border-radius: 4px;
    border: 1px solid var(--primary-200);
    z-index: -1;
}

.custom_checkmark.disabled {
    background-color: var(--gray-300) !important;
    border: none !important;
}

#form-fotos .custom_checkmark.disabled {
    background-color: var(--good-response) !important;
    border: 2px solid var(--common-color1-25) !important;
    opacity: 1;
}

/* When the checkbox is checked, add a blue background */
.container_radio_check input:checked~.custom_checkmark,
.container_radio_check_big input:checked~.custom_checkmark {
    background-color: var(--primary-700);
    border: 1px solid var(--primary-700);
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_radio_check input:checked~.custom_checkmark:after,
.container_radio_check_big input:checked~.custom_checkmark:after {
    display: block;
}

/* [PAGE - REGISTRO] */
#page-contents.sign_up {
    padding: 0;
    width: 100%;
}

#container.sign_up_container {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
}

#container.sign_up_container input:disabled {
    border: none;
    background-color: #f2f4f7;
}

/* MOBILE - REGISTRO */
.mobile #registry-logo img {
    width: 50%;
    padding: 0;
}

.mobile .registry_header {
    margin: 10px 0;
}

.mobile .registry_instruction {
    font-size: 12px;
    max-width: 100%;
    line-height: normal;
    border-radius: 0;
    margin: 0;
}

.mobile .registry_cons_nome {
    font-size: 24px;
}

.mobile #container.sign_up_container {
    display: flex;
    flex-direction: column;
}

.mobile .sign_up_container .form_content {
    padding: 0 10px !important;
}

.mobile .consultancy_info_block {
    padding: 10px 0;
    height: auto;
    margin-bottom: 15px;
}

.mobile .sign_up_container .form_footer button {
    opacity: 1;
}

.mobile .ultimo_plano_contratado {
    font-size: 14px;
    opacity: 1;
}

/* FIM MOBILE - REGISTRO */

.consultancy_info_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 100%;
    background-color: var(--primary-600);
    flex-grow: 1;
}

.sign_up_footer_links {
    font-weight: 600;
    color: var(--primary-700);
    font-size: 14px;
}

.sign_up_title svg {
    margin-bottom: 15px;
}

.sign_up_title {
    font-size: 32px;
    margin: 5px 0;
    color: black;
}

.sign_up_subtitle {
    color: #344054;
    margin: 5px 0;
    font-size: 14px;
    margin-bottom: 20px;
}

.sign_up_succeeded {
    color: var(--primary-color-var2);
    flex-direction: column;
}

.sign_up_succeeded h1 {
    font-size: 32px;
}

.sign_up_succeeded p {
    font-size: 16px;
}

.sign_up_succeeded p a {
    font-weight: 600;
    color: var(--primary-color);
}

.sign_up_succeeded svg {
    color: var(--primary-color);
    font-size: 50px;
    margin-bottom: 20px;
}

.registry_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    height: 100%;
    min-height: 100vh;
    flex-grow: 1;
}

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

.registry_header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    font-size: 24px;
}

.registry_cons_nome #registry-logo {
    margin-top: 100px;
}

#registry-logo img {
    min-width: 60%;
    background: none;
}

.registry_header_container .mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 0.2em;
    padding: 10px;
    color: rgba(0, 0, 0, 0.8);
    border: 3px solid rgba(0, 0, 0, 0.25);
}

.registry_header_container.no_logo {
    background: none;
    border: none;
}

.registry_header_container.no_logo .registry_header,
.registry_header_container.no_logo .registry_cons_nome {
    text-align: center;
    color: var(--common-color1);
}

.registry_header h1 svg {
    margin-left: 10px;
    opacity: 0.125;
}

.registry_header img {
    width: 150px;
    background-color: var(--common-color1);
}

#registry-form,
.consultancy_schedule {
    width: 100%;
    padding: 20px !important;
    background-color: white !important;
    border-radius: 4px;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.ultimo_plano_contratado {
    font-size: 14px;
    padding: 8px 16px !important;
    border-radius: 8px;
    color: var(--warning-500);
    width: auto !important;
    border: none;
    background-color: var(--warning-100);
}

.registry_cons_nome {
    color: white;
    font-size: 36px;
}

.checkout_subtitle {
    font-size: 20px;
}

.registry_cons_slogan {
    font-size: 10px;
    opacity: 0.6;
    letter-spacing: 0.15em;
}

.sign_up_container .form_content {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.consultancy_schedule .table_agenda_eventos tr th,
.consultancy_schedule .table_agenda_eventos tr th svg {
    color: #344056;
    text-shadow: none;
}

.consultancy_schedule .table_agenda_eventos tr td {
    color: #344056;
    text-shadow: none;
}

.horarios_atendimento,
.duracao_atendimento {
    color: var(--gray-500) !important;
    text-shadow: none;
    text-align: left;
    font-weight: 500;
    background-color: var(--gray-100);
    width: fit-content;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px !important;
    margin: 5px 0;
}

.h3_agenda_warning {
    color: var(--success-500) !important;
    text-shadow: none;
    text-align: left;
    background-color: var(--success-100);
    width: fit-content;
    padding: 5px 11px;
    border-radius: 4px;
    font-size: 14px !important;
    margin: 10px 0;
}

.sign_up_container .h3_agenda_warning {
    margin: 0;
}

.h3_agenda_warning svg {
    color: limegreen !important;
    font-size: 16px;
}

.sign_up_container .div_agenda_ajax_response {
    margin: 10px 0 !important;
}

.sign_up_container .form_footer {
    margin-top: 12px;
}

.sign_up_container .form_footer button {
    background-color: var(--primary-700) !important;
    color: white;
    border: 1px solid var(--primary-700);
    font-weight: 600;
    font-size: 16px;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    height: 50px;
    width: 100%;
    border-radius: 4px;
}

.sign_up_container .form_footer button:disabled {
    background-color: var(--error-100) !important;
    border: 1px solid var(--error-100);
    color: var(--error-500);
}

.login_page_logo {
    display: block;
    width: 25%;
    max-width: 300px;
    margin: 20px auto;
    filter: invert();
}

.aceite {
    margin: 15px 0;
}

.aceite a {
    color: var(--primary-700);
    font-weight: 600;
}

.mobile #label-aceite {
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/* [PAGE - CHECKOUT / PAGAMENTO] */
.button_checkout {
    display: flex;
    align-items: center;
    width: 100%;
    outline: none;
    border-radius: 0.2em;
    cursor: pointer;
    color: var(--common-color1-80);
    border: 1px solid var(--common-color1-10);
    background-color: var(--common-color1-15);
    padding: 15px;
    opacity: 0.5;
    justify-content: center;
}

.button_checkout:hover {
    border: 1px solid var(--second-color-80);
    opacity: 0.75;
}

.button_checkout svg,
.checkout_confirmation li svg {
    margin-left: 10px;
    color: white;
}

.checkout_confirmation {
    list-style: none;
    width: fit-content;
    outline: none;
    border-radius: 8px;
    cursor: pointer;
    color: white;
    background-color: var(--primary-600);
    padding: 8px 16px;
    font-weight: 500;
    float: right;
}

.checkout_confirmation li {
    padding: 5px;
    text-align: center;
}

/* [PAGE - FINANCEIRO] */
#form-cp .margin_left,
#form-cr .margin_left,
#form-plano-consultoria .margin_left,
#registry-form .margin_left,
#form-u-profile .margin_left,
#form-refeicao .margin_left,
#form-anamnese .margin_left,
#form-pd .margin_left,
#form-c-profile .margin_left,
#form-agenda .margin_left,
#form-new-client .margin_left {
    margin-left: 10px;
}

.div_content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    gap: 16px;
    padding: 20px;
}

.mobile .div_content {
    padding: 10px;
}

.div_content div {
    border-radius: 8px;
    padding: 10px;
}

.div_content div div {
    box-sizing: border-box;
    margin: 0 0 20px 0;
}

.div_content div div:last-child {
    margin-bottom: 0;
}

.div_content ul {
    list-style: none;
}

.div_content h2 {
    opacity: 0.5;
}

.div_content button {
    display: inline-block;
    width: auto;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background-color: var(--primary-600);
    padding: 10px 16px;
    margin: 4px 2px;
}

.financ_period_button {
    padding: 0 !important;
}

#table-resumo-financeiro {
    table-layout: fixed;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    border-left: 3px solid rgba(0, 0, 0, 0.1);
}

#table-resumo-financeiro tr:first-child td {
    border-top: none;
}

#table-resumo-financeiro tr td:last-child {
    text-align: right;
}

#table-resumo-financeiro tr.saldo_vendas td {
    font-weight: 500;
}

#table-resumo-financeiro tr.saldo_atual td {
    font-weight: 500;
}

#table-resumo-financeiro tr.saldo_final td {
    font-weight: 500;
}

#table-resumo-financeiro tr.saldo_atual td,
#table-resumo-financeiro tr.saldo_final td {
    background-color: var(--primary-50);
}

#li-parcelas {
    display: none;
}

#table-resumo-financeiro tr td.positivo {
    color: black;
    font-weight: 600;
}

#table-resumo-financeiro tr td.negativo {
    color: black;
    font-weight: 600;
}

/* ADMIN FINANC */
.admin_financ_buttons {
    display: grid;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    gap: 4px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin_financ_buttons2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0 !important;
    margin: 10px 0 !important;
}

.mobile .admin_financ_buttons2 {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.admin_financ_buttons button {
    margin: 0;
    border-radius: 0;
    border: 1px solid var(--common-color1-10);
    width: auto;
    height: 60px;
    border-radius: 4px;
}

.admin_financ_buttons button.active_report {
    background-color: var(--primary-800);
    border: 1px solid var(--primary-800);
    font-weight: 500;
}

#ajax_report_response {
    background: none !important;
    padding: 0 !important;
    margin: 30px 0 0 0 !important;
    border: none !important;
}

.header_report_financ {
    margin-bottom: 20px;
}

/* VENDAS */
.block_financeiro:first-child {
    margin-left: 0;
}

.block_financeiro:last-child {
    margin-right: 0;
}

.block_financeiro.resumo,
.block_financeiro.wallet {
    padding: 0;
}

.block_financeiro.wallet {
    width: auto;
}

.block_financeiro.ledger {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    gap: 8px 16px;
    background: none;
    border: none;
    padding: 0;
    margin: 20px;
    margin-bottom: 0;
}

.mobile .block_financeiro.ledger {
    gap: 8px 0;
}

#ledger-bloqueado {
    background-color: var(--gray-50);
}

#ledger-disponivel {
    background-color: var(--gray-100);
}

.mobile #ledger-bloqueado,
.mobile #ledger-disponivel {
    margin: 8px;
}

#withdrawal-confirmation .modal_header_footer {
    border-radius: 0;
}

#ledger-request-button {
    grid-column: 2;
    grid-row: 3;
    padding: 0;
}

#ledger-request-button button {
    width: 100%;
    display: block;
}

.mobile #ledger-request-button {
    width: 100%;
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0 8px;
}

.mobile .block_financeiro.ledger {
    margin-bottom: 20px !important;
}

.ledger_block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
}

.ledger_block ul li:first-child {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5px;
}

.mobile .ledger_block ul li:first-child {
    font-size: 14px;
}

.ledger_block ul li:last-child {
    font-weight: 600;
    font-size: 32px;
}

.mobile .ledger_block ul li:last-child {
    font-size: 18px;
}

.ledger_block ul li.saldo_disponivel {
    color: var(--success-500);
}

.ledger_block ul li.saldo_bloqueado {
    color: var(--gray-500);
}

.block_financeiro.gestao,
.block_financeiro.cliente {
    padding: 0;
}

.block_financeiro.cliente {
    width: fit-content;
}

.h3_last_active {
    margin-top: 20px;
    font-weight: normal;
    font-size: 16px;
    color: var(--primary-color-var4);
}

#lista_vendas {
    table-layout: fixed;
    white-space: break-spaces;
}

#table_active_plan tr th {
    background-color: var(--common-color1-10);
    text-shadow: none;
    border-bottom: 1px solid var(--common-color1-10);
    padding: 15px 20px;
}

#table_active_plan tr td {
    background-color: var(--common-color1-5);
    border-bottom: 1px solid var(--common-color1-5);
    padding: 10px 20px;
}

#lista_vendas tr:hover td,
#table_active_plan tr:hover td {
    background-color: var(--primary-50);
}

#lista_vendas tr td span,
#table_active_plan tr td span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 7px 0;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 2px 6px;
}

#lista_vendas tr td .pix_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    border-radius: 4px;
}

table.withdrawal_transactions tr td {
    background-color: white !important;
}

#button-transactions-modal {
    padding: 5px 10px;
    height: auto;
    font-size: 13px;
}

.url_attachment_path {
    background-color: var(--warning-100);
    color: var(--warning-800);
    font-weight: 500;
    padding: 4px;
    border-radius: 4px;
    font-size: 12px;
}

.mobile #lista_vendas tr td span {
    margin: 4px 0;
}

#lista_vendas tfoot td:first-child {
    text-align: right;
}

#lista_vendas tfoot td {
    font-weight: bold;
    padding: 20px;
}

#table_active_plan tr td span:first-child {
    font-size: 14px;
    font-weight: 500;
}

#table_active_plan tr td span:last-child {
    font-size: 12px;
    opacity: 0.7;
}

#table_active_plan .list_button.cancel {
    opacity: 1;
}

.zebra.lista_repasse tr:hover td {
    cursor: default !important;
}

.zebra tr td .payment_status {
    padding: 4px 8px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border-radius: 4px;
}

.zebra tr td .withdrawal_status {
    padding: 4px 8px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}

.zebra tr td .payment_status.paid {
    background-color: var(--success-100);
    color: var(--success-800);
}

.zebra tr td .payment_status.refunded {
    background-color: var(--error-100);
    color: var(--error-800);
}

.zebra tr td .withdrawal_status.paid {
    background-color: var(--gray-200);
    color: var(--gray-800);
}

.zebra tr td .withdrawal_status.pending {
    background-color: var(--gray-100);
    color: var(--gray-800);
}

.zebra tr td .withdrawal_status.available {
    background-color: var(--success-500);
    font-weight: bold;
    color: white;
}

.zebra tr td .payment_status.chargeback {
    background-color: var(--error-500);
    color: white;
}

input#comprovante {
    width: auto !important;
}

#cancel-withdrawal {
    background-color: transparent;
    color: var(--primary-700);
}

span.payment_status {
    background-color: white;
    color: black;
    padding: 4px;
    border-radius: 0.2em;
    width: fit-content;
    font-weight: 500;
    font-size: 12px;
}

span.payment_status.paid,
span.payment_status.withdrawn {
    background-color: var(--success-100);
    color: var(--success-800);
}

span.payment_status.available {
    background-color: var(--success-500);
    color: white;
}

span.payment_status.withdrawal_request {
    background-color: var(--warning-500);
    color: white;
}

span.payment_status.available_date {
    background-color: var(--success-100);
    color: var(--success-500);
    border-left: 3px solid var(--success-500);
}

span.payment_status.pending {
    background-color: var(--warning-100);
    color: var(--warning-800);
    opacity: 1;
}

span.payment_status.refunded {
    color: var(--error-800);
    background-color: var(--error-100);
}

span.payment_status.chargeback {
    color: white;
    background-color: var(--error-500);
}

span.payment_status.canceled {
    color: var(--warning-800);
    background-color: var(--warning-100);
}

span.transactions.data,
span.transactions.cliente,
span.transactions.plano,
span.transactions.valor {
    font-weight: 500;
    font-size: 14px;
}

.mobile span.transactions.cliente {
    font-size: 14px;
    padding: 0 !important;
}

span.transactions.hora,
span.transactions.email,
span.transactions.whatsapp,
span.transactions.tipo {
    font-size: 12px;
    opacity: 0.7;
}

span.transactions.saldo_bloqueado,
span.transactions.saldo_disponivel {
    font-weight: 500;
}

span.transactions.saldo_bloqueado {
    color: var(--financeiro-negativo);
}

span.transactions.saldo_disponivel {
    color: var(--financeiro-positivo);
}

span.transactions.primepay {
    color: var(--primary-800);
    background-color: var(--primary-100);
    padding: 4px;
    border-radius: 0.2em;
    width: fit-content;
    font-weight: 500;
    font-size: 11px;
}

span.transactions.primepay_tipo {
    background-color: var(--zebra-border);
    color: var(--common-color0-80);
    padding: 4px;
    border-radius: 0.2em;
    width: fit-content;
    font-weight: 500;
    font-size: 12px;
}

.block_financeiro.vendas #box-paginator {
    background: none;
    border: none;
}

/* [PAGE - CONSULTORIA] */
.consultoria_not_yet {
    background-color: var(--common-color1-5);
    padding: 15px;
    border-radius: 0.2em;
}

.consultoria_not_yet h3 {
    font-weight: normal;
    margin: 10px 0;
}

.consultoria_not_yet h3 svg {
    margin-right: 10px;
}

.visibility_plano {
    margin-right: 15px;
    color: var(--common-color1-50);
}

#lista_consultorias tr,
#lista_fd tr {
    cursor: pointer;
}

.td_consultoria_status {
    width: min-content;
    text-align: center;
}

.table_field_icon {
    font-size: 9px;
    opacity: 0.8;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 5px 0 20px;
    color: #667085;
}

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

.td_consultoria_status .table_field_icon {
    margin-right: 0;
}

.table_field_name:first-child,
.table_field_icon:first-child {
    margin-left: 0;
}

#lista_consultorias tr th {
    cursor: default;
}

#lista_consultorias tr th.right,
#lista_fd tr th.right {
    text-align: right;
}

#lista_consultorias tr:hover td,
#lista_fd tr:hover td {
    background-color: var(--gray-25);
}

.plano_consultoria_icon:first-child {
    margin-left: 0;
}

.plano_consultoria_icon {
    margin-left: 10px;
    color: var(--primary-600);
    font-size: 14px;
}

.div_header_func {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}

#div-header-list-consultoria {
    width: 100%;
    height: 50vh;
    padding: 10px 20px;
    box-sizing: border-box;
}

.mobile #div-header-list-consultoria {
    height: auto;
}

.div_header_consultoria {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: var(--common-color1-5);
    padding: 10px 20px;
    border-radius: 0.2em;
    border: 1px solid var(--common-color1-5);
}

.ul_header_consultoria {
    list-style: none;
    cursor: default;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ul_header_consultoria span:first-child {
    color: black;
    font-weight: 600;
    font-size: 24px;
}

.mobile .ul_header_consultoria {
    margin: 10px 0;
    flex-direction: row;
    height: auto;
}

.ul_header_consultoria li {
    font-size: 30px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

.mobile .ul_header_consultoria li {
    font-size: 16px;
    font-weight: 500;
    align-items: end;
}

.ul_header_consultoria li svg {
    font-size: 36px;
    margin: 5px;
    color: var(--primary-400);
}

#li-header-check-in {
    font-size: 18px;
    margin: 0 10px 0 5px;
    font-weight: 500;
    opacity: 1;
    text-transform: none;
}

#li-header-check-in span {
    font-size: 16px;
    opacity: 0.7;
    margin: 0 7px;
    text-transform: none;
}

#button_status_entregue,
#button_whatsapp_cliente,
#button_agendamento,
.tab_button {
    margin: 0;
}

.mobile #button_status_entregue,
.mobile #button_whatsapp_cliente,
.mobile #button_agendamento,
.mobile .tab_button {
    font-size: 12px;
}


.button_avaliacao {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    background-color: var(--primary-color-var3);
    color: var(--common-color1);
    margin: 0 0 0 10px;
    padding: 5px;
    border-radius: 0.2em;
    cursor: pointer;
}

.button_avaliacao span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}

.button_avaliacao svg {
    font-size: 18px;
}

.icon_list_header {
    margin: 0 10px 0 0;
    color: var(--primary-color-var4);
}

.ptpd_header_list {
    font-weight: 500;
    color: var(--common-color1-80);
}

.icon_concluded {
    color: var(--plano-consultoria-valor);
}

.circle_paid {
    color: #17B26A;
    font-size: 10px;
}

.answered,
.pending {
    font-weight: 600;
    opacity: 0.7;
}

.answered {
    color: var(--primary-color-var4);
}

.pending {
    color: var(--financeiro-pendente);
}

.circle_answered {
    color: var(--primary-500);
    font-size: 10px;
}

.circle_pending {
    color: var(--error-500);
    font-size: 10px;
}

.circle_late {
    color: #F04438;
    font-size: 10px;
}

.circle_status {
    opacity: 0.7;
}

#lista_contas .circle_status svg {
    margin-left: 10px;
}

#lista_contas tr td:first-child {
    background-color: var(--gray-50);
}

#lista_contas tr:nth-child(odd) td:first-child {
    background-color: var(--gray-100);
}

.div_container_consultoria {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.div_opt_consultoria,
.div_list_consultoria {
    display: block;
    height: max-content;
    background-color: var(--common-color1-5);
    border: 1px solid var(--common-color1-025);
    border-radius: 0.2em;
}

.div_opt_consultoria {
    width: auto;
    padding: 10px;
    margin-right: 20px;
    text-align: center;
}

.div_opt_consultoria h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--second-color);
    cursor: default;
}

.div_list_consultoria {
    width: 100%;
    padding: 10px;
}

.div_opt_consultoria button {
    display: block;
    width: 100%;
    outline: none;
    border-radius: 0.2em;
    cursor: pointer;
    color: var(--common-color1-80);
    border: 1px solid var(--common-color1-20);
    padding: 10px;
    margin: 4px 0;
    font-size: 13px;
    background: none;
}

.div_opt_consultoria button:hover {
    border: 1px solid var(--primary-color-var4);
}

.list_consultoria {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 5px 0;
    background-color: var(--common-color1-5);
    border: 1px solid var(--common-color1-075);
    cursor: default;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 0.2em;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
    min-height: 25px;
}

.list_consultoria div {
    display: flex;
    align-items: center;
    margin: 0;
}

.list_consultoria div:first-child {
    margin-left: 10px;
}

.list_consultoria div:last-child {
    margin-right: 5px;
}

.list_consultoria .list_description {
    display: flex;
    flex: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    color: var(--common-color1-80);
    font-size: 10px;
    font-weight: 600;
}

.list_consultoria .list_description .span_description {
    margin-left: 10px;
    font-weight: 400;
    opacity: 0.5;
}

.list_consultoria .last_update {
    text-align: right;
    font-size: 11px;
    color: var(--common-color1-50);
    margin-right: 10px;
}

.list_consultoria .dias_plano {
    font-size: 11px;
    color: var(--common-color1-50);
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: baseline;
}

.list_consultoria .refs_plano {
    font-size: 11px;
    margin: 0 10px 0 20px;
    color: var(--common-color1-80);
    vertical-align: baseline;
}

.list_consultoria .refs_plano svg {
    margin-right: 5px;
}

.list_consultoria .anamnese_goal,
#lista_anamneses .anamnese_goal,
#lista_pa .anamnese_goal,
#lista_pt .anamnese_goal {
    font-size: 11px;
    color: var(--common-color1-50);
    margin-right: 7px;
    font-weight: 500;
}

.list_consultoria .table_list_data {
    font-size: 11px;
    color: var(--common-color1-25);
    font-weight: 600;
    margin-right: 15px;
}

.list_consultoria .antropometria:first-of-type,
#lista_avaliacoes tr td .antropometria:first-of-type {
    margin-left: 0;
}

.list_consultoria .antropometria,
#lista_avaliacoes tr td .antropometria {
    font-size: 11px;
    color: var(--common-color1-50);
    margin: 0 5px 0 15px;
    font-weight: 500;
}

.list_consultoria button {
    display: inline-block;
    color: var(--primary-600);
    margin: 0 0 0 10px;
    padding: 5px 0;
    cursor: pointer;
    font-size: 16px;
}

.header_list_consultoria {
    color: var(--common-subtitle1);
    text-transform: uppercase;
    font-size: 12px;
    cursor: default;
    text-shadow: 1px 1px 1px var(--common-color0-50);
    letter-spacing: 0.15em;
    padding: 20px 0 5px 0;
    border-top: 1px solid var(--common-color1-5);
    display: flex;
    align-items: center;
}

.div_list_section_consultoria:first-child .header_list_consultoria {
    padding-top: 0;
    border: none;
}

.div_list_section_consultoria {
    display: block;
    margin-bottom: 20px;
}

.div_list_section_consultoria:last-child {
    margin-bottom: 0;
}

/* [PAGE - ANAMNESE] */
.div_cp_container,
.div_cr_container {
    max-width: 900px;
}

.form_section {
    display: block;
    margin-bottom: 10px;
}

.form_section li {
    list-style: none;
}

.an_li_textarea textarea {
    margin: 10px 0 !important;
    box-sizing: border-box;
}

.an_li_textarea {
    flex-direction: column;
    align-items: flex-start !important;
    box-sizing: border-box;
}

/* [PAGE - AVALIAÇÃO] */
#section-circunferencias .ul_avaliacao li,
#section-composicao-corporal .ul_avaliacao li {
    display: inline-block;
    margin: 0 5px 20px 5px;
}

#section-circunferencias .ul_avaliacao li label,
#section-composicao-corporal .ul_avaliacao li label {
    margin-bottom: 4px;
    font-size: 11px;
    color: #344054;
}

#section-circunferencias .ul_avaliacao li input,
#section-composicao-corporal .ul_avaliacao li input {
    width: 250px;
}

.protocol_fields {
    opacity: 0.75;
}

.active {
    opacity: 1;
}

.active input {
    border: 1px solid var(--primary-400);
}

.resultado {
    display: block;
    background-color: var(--common-color1-10);
    padding: 10px 20px;
    border-radius: 0.2em;
    border: none;
}

.resultado table {
    width: 100%;
    border-collapse: collapse;
}

.resultado table tr {
    border-bottom: 1px dashed var(--common-color0-25);
}

.resultado table tr:last-child {
    border: none;
}

.resultado table tr td {
    padding: 10px 0;
}

.resultado .right {
    float: right;
}

/* [PAGE - PLANO ALIMENTAR] */
.h3_prescription {
    font-size: 24px;
}

.p-ref-substituta {
    margin-left: 20px;
}

.div_plano_alimentar_container,
.div_plano_treino_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    background-color: white;
    border-radius: 8px;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.div_pa,
.div_pt {
    display: block;
    width: 100%;
    height: fit-content;
    padding: 10px;
    margin: 10px;
    box-sizing: border-box;
}

.div_pa_sidebar,
.div_pt_sidebar {
    max-width: 350px;
    display: flex;
    flex-direction: column;
}

.anamnese_plan_content {
    display: flex;
    overflow-y: scroll;
    word-wrap: break-word;
    flex-direction: column;
}

.anamnese_list {
    display: flex;
    flex-direction: column;
    padding: 10px 16px;
    color: var(--gray-700);
}

.anamnese_list:nth-child(odd) {
    background-color: var(--gray-25);
}

.anamnese_list li:first-child {
    font-weight: 500;
}

.div_pa_info {
    display: block;
    width: 310px;
    max-height: fit-content;
    padding: 10px 20px;
    background-color: var(--primary-50);
    border-radius: 8px;
    margin: 10px;
    border: 1px solid var(--primary-100);
}

.div_pa_info_header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.ul_pa_info_header {
    list-style: none;
    margin: 0 auto;
    width: max-content;
}

.ul_pa_info_header li:first-child {
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
    margin: 0 5px 0 0;
}

.ul_pa_info_header li:last-child {
    margin: 0;
}

.ul_pa_info_header li {
    display: inline;
    font-size: 10px;
    font-weight: 500;
    margin: 0 10px 0 5px;
}

/* [PA - GASTO ENERGÉTICO] */
.ul_pa_get {
    list-style: none;
    margin: 10px 0 0 0;
    display: block;
    padding: 0;
}

.ul_pa_get li {
    width: 100%;
    padding: 0;
    margin: 5px 0;
}

.ul_pa_get li input,
.ul_pa_get li select {
    width: 100%;
    border: 1px solid #D0D5DD;
    outline: none;
    background-color: white;
    color: #667085;
    padding: 8px;
    border-radius: 6px;
    margin: 0;
}

.ul_pa_get li label {
    font-size: 14px;
    color: #667085;
}

#protocolo-get {
    width: 100%;
    border: 1px solid #D0D5DD;
    outline: none;
    background-color: white;
    color: #667085;
    padding: 8px;
    border-radius: 6px;
}

#protocolo-get option {
    color: var(--common-color0);
}

#saldo-calorico {
    color: #344054;
    font-weight: 600;
}

#saldo-calorico.deficit {
    color: #17B26A;
}

#saldo-calorico.superavit {
    color: #F79009;
}

#fator-atividade {
    font-weight: 600;
    border: 1px solid var(--error-500);
}

/* [PA - ANAMNESE] */
.ul_pa_anamnese {
    display: block;
    list-style: none;
    cursor: default;
    margin: 4px 0;
}

.ul_pa_anamnese li {
    display: inline;
    line-height: 16pt;
    color: #475467;
    margin: 0 !important;
}

.ul_pa_anamnese li:first-child {
    font-weight: 500;
}

.ul_pa_anamnese .li_separator {
    margin: 0 4px;
    font-size: 10px;
}

#toggle-pa-anamnese {
    display: inline-block;
    width: 12px;
    height: 12px;
    mask-image: url(chevron-down.svg);
    -webkit-mask-image: url(chevron-down.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    z-index: 999;
    transition: all 0.5s;
    background-color: #111827;
}

.hide {
    max-height: 45px;
    overflow: hidden;
}

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

.ul_pa_refs_header,
.ul_pt_treinos_header {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
}

.mobile .ul_pt_treinos_header,
.mobile .ul_pa_refs_header {
    flex-direction: column;
}

.ul_pa_refs_header h3,
.ul_pt_treinos_header h3 {
    margin-top: 5px;
    color: #344054;
    font-size: 24px;
    cursor: default;
    text-shadow: none;
    font-weight: 500;
}

.ul_pa_refs_header li,
.ul_pt_treinos_header li {
    margin: 4px;
}

.ul_pa_refs_header li button,
.ul_pt_treinos_header li button {
    display: inline-block;
    width: auto;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background-color: var(--primary-600);
    padding: 10px 18px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.mobile .ul_pa_refs_header li button,
.mobile .ul_pt_treinos_header li button {
    width: 100%;
}

/* [PLANO ALIMENTAR - POP'UPS] */
.form_ferramentas {
    display: block;
    width: max-content;
    background-color: var(--common-color1);
    padding: 10px 20px 20px 20px;
    border-radius: 4px;
    color: var(--common-color0);
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.form_ferramentas input,
.form_ferramentas select,
.form_ferramentas textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #D0D5DD;
    margin-bottom: 10px;
    color: #667085;
    border-radius: 6px;
    outline: none;
}

.form_ferramentas textarea {
    resize: none;
}

.form_ferramentas option {
    color: var(--common-color0);
}

.form_ferramentas input:focus,
.form_ferramentas select:focus {
    outline: none;
}

.ul_section {
    list-style: none;
}

.dietaButtonNovo,
.treinoButtonNovo {
    display: inline-block;
    width: auto;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background-color: var(--primary-600);
    padding: 8px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.treinoButtonNovo.reverse,
.dietaButtonNovo.reverse {
    background: transparent;
    border: 1px solid var(--primary-200);
    color: var(--primary-600);
}

.mobile .dietaButtonNovo,
.mobile .treinoButtonNovo {
    width: 100%;
}

.treinoButtonNovo svg,
.dietaButtonNovo svg {
    margin-right: 10px;
}

.ul_header_pa,
.ul_header_pt,
.ul_captacao {
    display: flex;
    flex-direction: row;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    color: black;
    cursor: default;
    border-bottom: 1px solid #f2f4f7;
}

.ul_header_pa li,
.ul_header_pt li {
    width: 100%;
}

.ul_header_pa h3,
.ul_header_pt h3,
.ul_captacao h3 {
    font-size: 24px;
}

.form_ferramentas .form_footer button,
.form_popup .form_footer button {
    color: var(--primary-600);
    background: none !important;
    border: 1px solid var(--primary-200);
}

.warning {
    width: fit-content;
    padding: 10px;
    margin: 0;
    cursor: default;
    color: var(--primary-800);
    font-size: 14px;
    background-color: var(--primary-100);
    border-left: 5px solid var(--primary-200);
    border-radius: 4px;
}

.warning.plan {
    color: var(--gray-500);
    background-color: var(--gray-100);
    border-left: 5px solid var(--gray-200);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 6px;
}

#form-refeicao,
#form-treino {
    min-width: min-content;
    overflow-y: scroll;
    max-height: 90%;
    max-width: 90%;
    box-sizing: border-box;
}

#form-alimentos,
#form-formulas {
    width: 400px;
}

#form-exercicios {
    width: 600px;
    overflow-y: scroll;
    max-height: 90%;
    max-width: 90%;
    box-sizing: border-box;
}

#tabela-macro-alimento {
    color: var(--primary-800);
    background-color: var(--primary-100);
    width: 100%;
    margin: 10px 0;
    cursor: default;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    text-align: center;
    table-layout: fixed;
    border-radius: 4px;
    border: 1px solid var(--primary-200);
}

#tabela-macro-alimento tr td:first-child,
#tabela-macro-alimento tr th:first-child {
    border-left: none;
}

#tabela-macro-alimento tr td,
#tabela-macro-alimento tr th {
    padding: 10px;
}

#tabela-macro-alimento tr th {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-200);
}

#tabela-macro-alimento tr td {
    text-transform: lowercase;
}

#tabela-macro-alimento tr:last-child td {
    background-color: var(--primary-50);
}

#tabela-macro-alimento tr .right {
    float: right;
}

#lista-alimentos {
    margin-bottom: 10px;
}

.select2_container {
    width: 100%;
}

.select2 {
    margin-top: 10px !important;
    width: 100% !important;
}

.form_ferramentas label {
    display: flex;
    opacity: 0.7;
    white-space: nowrap;
    align-items: center;
}

#ali-qtd {
    width: fit-content;
    text-align: center;
    padding: 10px 0;
}

.label_unidade_medida {
    margin-left: 5px;
    color: var(--primary-950);
    font-size: 11px;
    font-weight: 500;
}

.span_dias_semana {
    padding-right: 4px;
}

.span_dias_semana::after {
    content: '-';
    margin-left: 4px;
}

.span_dias_semana:last-of-type {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

/* PLANO TREINO */
#li-label-exercicio {
    width: auto;
}

#treino-label {
    color: white;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    display: inline;
    background-color: var(--primary-600);
    width: 30px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    position: relative;
    bottom: 2px;
}

.tabela_treino tr:nth-child(2) td .arrow_up,
.tabela_dieta_ref tr:nth-child(2) td .arrow_up {
    display: none;
}

.tabela_plano_treino tr:first-child td .arrow_up {
    display: none;
}

.tabela_treino tr:last-child td .arrow_down,
.tabela_dieta_ref tr:nth-last-child(-n+2) td .arrow_down,
.tabela_plano_treino tr:last-child td .arrow_down {
    display: none;
}

.tabela_treino tr td:first-child,
.tabela_dieta_ref tr td:first-child {
    background-color: var(--first-color-5);
}

.tabela_plano_treino tr td:first-child {
    background-color: var(--first-color-075);
    border: none;
}

.tabela_plano_treino tr:nth-child(odd) td:first-child {
    background-color: var(--first-color-5);
}

.tabela_plano_treino tr:first-child td {
    border: none;
}

.tabela_treino tr:nth-child(odd) td:first-child,
.tabela_dieta_ref tr:nth-child(odd) td:first-child {
    background-color: var(--first-color-075);
}

.exc_ordem,
.ali_ordem,
.pt_ordem {
    color: #344054;
    cursor: pointer;
    text-align: center;
}

.pt_ordem svg {
    margin: 0 !important;
}

.treino_ordem {
    color: #344054;
    cursor: pointer;
}

.td_treino_series {
    white-space: normal;
}

/* TABELA - REF */
.tabela_dieta_ref,
.tabela_treino {
    margin: 0;
    width: 100%;
    border-collapse: separate;
    white-space: nowrap;
    cursor: default;
    background-color: white;
    border: 1px solid var(--zebra-border);
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
}

.tabela_dieta_ref tr td,
.tabela_treino tr td {
    padding: 10px 15px;
    background-color: white;
    border-top: 1px solid var(--zebra-border);
    color: #344054;
    white-space: break-spaces;
}

.tabela_dieta_ref tr td {
    padding: 16px;
}

.tabela_dieta_ref tr th,
.tabela_treino tr th {
    background-color: var(--zebra-th);
    padding: 10px 15px;
    color: #98A2B3;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

.tabela_dieta_ref tr:last-child td {
    font-weight: 600;
    color: var(--primary-800);
}

.tabela_dieta_ref .right,
.tabela_treino .right,
.tabela_plano_treino .right {
    text-align: right;
}

.tabela_dieta_btn_container,
.tabela_treino_btn_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
}

.mobile .tabela_dieta_btn_container,
.mobile .tabela_treino_btn_container {
    flex-direction: column;
    align-items: flex-end;
}

.tabela_dieta_button,
.tabela_treino_button {
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    background-color: transparent;
    color: var(--primary-600);
    border-radius: 4px;
    padding: 5px 10px;
    width: 70px;
    text-align: center;
    border: 1px solid var(--primary-200);
}

/* TABELA - PLANO */
.tabela_plano_treino,
.tabela_dist_treino {
    margin: 20px 0;
    width: 100%;
    border-collapse: separate;
    white-space: normal;
    cursor: default;
    background-color: white;
    border: 1px solid var(--zebra-border);
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
}

.mobile .tabela_plano_treino,
.mobile .tabela_dist_treino {
    white-space: normal;
}

.tabela_plano_treino tr td,
.tabela_plano_treino tr th {
    padding: 15px;
    color: #344054;
    text-align: left;
    border-top: 1px solid var(--zebra-border);
}

.tabela_dieta_plano tr td,
.tabela_dieta_plano_preset tr td {
    padding: 10px 16px;
    height: 50px;
}

.mobile .tabela_dieta_plano tr td,
.mobile .tabela_dieta_plano_preset tr td {
    padding: 16px;
    height: auto;
}

.tabela_dieta_plano tr:nth-last-child(-n+2) td,
.tabela_dieta_plano_preset tr:last-child td {
    font-weight: 600;
    color: var(--primary-800);
}

.mobile .tabela_dieta_plano tr:nth-last-child(-n+2) td {
    background: white;
    color: #344054;
    font-weight: normal;
}

.tabela_dieta_plano tr:last-child td {
    font-weight: 500;
    color: var(--primary-600);
}

.tabela_dieta_plano .tr_ref_substituta,
.tabela_dieta_plano_preset .tr_ref_substituta {
    background-color: var(--primary-25);
}

.tabela_dieta_plano .tr_ref_substituta td,
.tabela_dieta_plano_preset .tr_ref_substituta td {
    color: var(--primary-800);
}

.label_tabela_treino {
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 10px;
    background-color: var(--zebra-border);
    color: #344054;
    padding: 6px 9px;
    border-radius: 10px;
}

.tabela_dist_treino {
    margin: 15px auto;
    table-layout: fixed;
}

.tabela_dist_treino tr td {
    text-align: center;
}

.tabela_dist_treino tr td,
.tabela_dist_treino tr th {
    padding: 10px 15px;
    color: #344054;
    font-weight: bold;
    cursor: default;
    border-right: 1px solid var(--zebra-border);
}

.tabela_dist_treino tr td:last-child,
.tabela_dist_treino tr th:last-child {
    border: none;
}

.tabela_dist_treino tr:first-child th {
    color: #98A2B3;
    background-color: var(--zebra-th);
}

.tabela_dist_treino tr th {
    font-size: 11px;
}

.right_center {
    width: 1px;
    text-align: center !important;
}

.h3_warning {
    cursor: default;
    color: var(--h3-warning);
    margin: 10px 0 30px 0;
    text-transform: uppercase;
    font-size: 13px;
}

#lista_exercicios a.exc_video {
    color: crimson;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

#lista_users {
    white-space: normal;
}

#lista_treinos,
#lista_dietas {
    table-layout: auto;
}

.zebra tr th svg {
    margin-right: 10px;
}

#lista_clientes tr th svg {
    margin-right: 10px;
}

#lista_checkins tr td:first-child {
    text-align: center;
}

#lista_cliente_consultorias .table_list_data {
    font-size: 11px;
    color: var(--common-color1-25);
    font-weight: 600;
}

#lista_cliente_consultorias .consultoria_concluida:nth-child(odd) td {
    background-color: var(--consultoria-concluida-odd) !important;
}

#lista_cliente_consultorias .consultoria_concluida:nth-child(even) td {
    background-color: var(--consultoria-concluida-even) !important;
}

/* [CLIENTES] */
#notificaAluno {
    margin: 20px 10px 20px 0;
}

/* [PERFIL] */
#div-sobre-button,
#button-container {
    background: none;
    border-radius: none;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    margin: 0;
    color: #344054;
}

#button-container {
    display: block;
    margin: 10px 0;
    min-height: 50px;
}

#button-container button {
    background-color: var(--primary-600);
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 16px;
}

.div_profile ul li {
    width: max-content;
    text-align: center;
    cursor: default;
    margin: 7px auto;
    color: #344054;
}

.div_profile ul {
    padding: 5px 10px;
    border-bottom: 1px solid var(--zebra-border);
}

.div_profile ul:last-child {
    border: none;
}

.icon_list_profile {
    margin-right: 5px;
    opacity: 0.8;
}

.foto_perfil {
    width: 150px;
    margin: 10px auto;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid var(--zebra-border);
}

.profile_info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.profile_info li {
    margin: 0 !important;
}

.profile_info li .info_content {
    display: flex;
    width: fit-content;
    background-color: var(--gray-100);
    color: var(--gray-500);
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 4px;
}

/* CONFIG */
#form-logo .config_description {
    display: block;
    width: 100%;
    text-align: center;
}

.config_description.light {
    background-color: #f9fafb;
    color: #475467;
    margin: 10px 0;
    font-size: 13px;
    border-radius: 4px;
}

.config_description {
    box-sizing: border-box;
    font-weight: 500;
    background-color: var(--primary-50);
    color: var(--primary-800);
    padding: 4px 8px;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    width: fit-content;
}

.config_description.opcional {
    font-weight: 500;
    background-color: var(--gray-100);
    color: var(--gray-500);
    font-size: 12px;
}

.config_description.alert {
    background-color: var(--warning-100);
    color: var(--warning-500);
}

.logo_config {
    width: 250px;
    margin: 10px auto;
    object-fit: cover;
    border: 4px solid var(--zebra-border);
    background-color: var(--common-color1);
}

.card_notification.onboarding {
    justify-content: flex-start;
    padding: 0 0 10px 30px;
}

.card_notification.onboarding .amount_pending {
    background-color: var(--primary-color-var3);
    color: var(--common-color1);
}

#capa-preview-dieta,
#capa-preview-treino {
    width: 150px;
    padding: 0;
    border: none;
}

.li_name_profile {
    margin-top: 10px;
    font-size: 20px;
    color: #344054 !important;
}

.li_cons_nome {
    color: var(--second-color-80);
    font-weight: 600;
}

.ul_open_consultoria {
    align-items: center !important;
}

.ul_open_consultoria li a {
    color: var(--second-color-70);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
}

.ul_profile_socials {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.ul_profile_socials li {
    margin: 0 !important;
}

.ul_profile_socials li a {
    text-decoration: none;
    color: #344054;
    font-size: 30px;
}

#button-enviar-foto,
#button-enviar-capa-dieta,
#button-enviar-capa-treino,
#button-excluir-capa-dieta,
#button-excluir-capa-treino,
#button-excluir-logo {
    margin: 10px;
    background-color: var(--primary-600);
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 16px;
}

#button-excluir-capa-dieta,
#button-excluir-capa-treino,
#button-excluir-logo {
    margin: 0 auto;
}

.h3_upload_success {
    cursor: default;
    color: var(--common-color1-90);
    margin-bottom: 25px;
    text-shadow: 1px 1px 1px var(--common-color0-50);
    text-transform: uppercase;
    font-size: 12px;
}

.div_upload_success {
    display: block;
    margin: 0 auto;
    width: max-content;
    text-align: center;
    background-color: var(--common-color1-5);
    padding: 10px 30px;
    border-radius: 0.2em;
    border: 2px solid var(--common-color1-10);
}

.div_upload_success .form_footer {
    margin-top: 10px;
}

.h3_profile_pic_warning {
    font-size: 10px;
    font-weight: 600;
    color: var(--common-color1-90);
    background-color: var(--common-color0-50);
    border: 1px solid transparent;
    padding: 8px;
    border-radius: 0.2em;
    opacity: 0.8;
    cursor: default;
}

#div-profile-pic-container input {
    margin: 0;
}

#altera-email-section {
    margin-top: 20px;
    padding: 20px;
}

#altera-email-section h3 {
    margin-top: 0;
}

#altera-email-section button {
    display: inline-block;
    width: auto;
    outline: none;
    border-radius: 0.2em;
    cursor: pointer;
    color: var(--common-color1-80);
    border: 2px solid var(--second-color-50);
    background-color: var(--common-color0-25);
    padding: 10px;
    margin: 0;
    opacity: 0.7;
}

#altera-email-section button:hover {
    opacity: 1;
}

#altera-email-section button:disabled {
    border: 2px solid var(--common-color1-10);
    background-color: var(--common-color0-25);
    opacity: 0.7;
}

#email-validation,
#cpf-validation,
#email-confirmation {
    font-weight: 500;
    width: 100%;
    display: block;
    margin: -10px 0px 20px 0px;
}

#email-validation.invalid,
#cpf-validation.invalid,
#email-validation.format,
#email-confirmation.invalid {
    color: rgba(255, 0, 0, 0.8);
}

#email-validation.valid,
#cpf-validation.valid {
    color: var(--primary-color-var3);
}

/* [PLANOS CONSULTORIA] */
.plano_valor {
    color: var(--plano-consultoria-valor);
    font-weight: 600;
}

.plano_incluso {
    display: block;
}

.form_section.table_plano {
    padding: 0;
}

.table_plano_consultoria {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    border: 1px solid var(--zebra-border);
    width: 100%;
    margin: 10px 0;
}

.table_plano_consultoria tr th,
.table_plano_consultoria tr td {
    color: #344054;
    padding: 15px;
    border-bottom: 1px solid var(--common-color1-5);
}

.table_plano_consultoria tr:nth-child(even) th,
.table_plano_consultoria tr:nth-child(even) td {
    background-color: var(--common-color0-5);
}

.table_plano_consultoria tr:last-child th,
.table_plano_consultoria tr:last-child td {
    border: none;
}

.table_plano_consultoria tr th {
    text-align: left;
    text-transform: uppercase;
    font-size: 11px;
}

.table_plano_consultoria tr td {
    text-align: right;
}

/* [FEEDBACK - FOTOS] */
.show_hide_pic {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: var(--primary-color-var4-30);
    color: var(--common-color1);
    border: 2px solid var(--common-color1-20);
    border-radius: 0.2em;
    cursor: pointer;
}

.show_hide_pic:hover {
    background-color: var(--primary-color-var4-50);
}

.show_hide_pic svg {
    margin-right: 10px;
}

.div_ck_foto_container {
    width: 100%;
    padding: 15px;
    height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    background: white;
    border-radius: 8px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comparison_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 10px 0;
    width: 90%;
}

.comparison_container .last,
.comparison_container .current {
    width: 50%;
    height: 100%;
}

.comparison_container .last h3,
.comparison_container .current h3 {
    color: var(--common-color1);
    width: 100%;
    margin: 0;
    padding: 5px;
}

.mobile #togglePicButton {
    width: 90%;
    margin: 0 auto;
}

.mobile .tabela_checkin tr th,
.mobile .tabela_checkin tr td {
    padding: 20px 5px;
    font-size: 12px !important;
}

.mobile .tabela_checkin .positive,
.mobile .tabela_checkin .negative,
.mobile .tabela_checkin .peso_positive,
.mobile .tabela_checkin .peso_negative,
.mobile .tabela_checkin .checkin_percentage {
    position: inherit;
}

.mobile .tabela_checkin .checkin_progress {
    display: none;
}

.tabela_checkin .peso_positive,
.tabela_checkin .peso_negative {
    right: 10px;
    position: relative;
}

.tabela_checkin .negative,
.tabela_checkin .peso_negative {
    color: var(--financeiro-negativo);
}

/* [FOTOS - CONSULTORIA] */
.list_container.fotos {
    background-color: var(--common-color1-5);
}

#li-posicao-fotos {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.div_list_fotos {
    margin-top: 20px;
}

.imgGallery {
    width: 100%;
    text-align: center;
}

.imgGallery img,
.img_consultoria_fotos {
    padding: 8px;
    max-width: 300px;
}

.imgGallery img {
    margin: 0 auto;
}

.section_fotos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: fit-content;
}

#fotos .data,
.feedback_fotos_view .data {
    cursor: default;
    display: inline-block;
    width: auto;
    border-radius: 0.2em;
    margin: 10px 0;
    font-weight: 500;
    color: #475467;
}

#fotos .data:first-child,
.feedback_fotos_view .data:first-child {
    margin-top: 0;
}

.section_fotos img {
    border-radius: 0.2em;
    align-self: center;
    width: 200px;
    border: 2px solid var(--common-color1-25);
}

.section_fotos.feedback div {
    margin: 10px 0 !important;
}

.section_fotos.feedback img {
    width: 100px !important;
}

.section_fotos .div_foto {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.section_fotos .div_foto button {
    background: none;
    font-size: 14px;
    color: var(--primary-600);
    cursor: pointer;
    border: none;
    padding: 5px;
    margin: 0 10px;
}

.section_fotos .div_foto button:hover {
    opacity: 1;
}

.fotos_header {
    flex-direction: column;
}

#form-fotos ul li {
    margin: 5px 0;
}

.mobile .fotos_header li {
    margin: 4px 0 !important;
}

.fotos_header li {
    justify-content: center;
}

#form-fotos input[type="file"] {
    width: auto;
}

#fotos-cliente-shortcut {
    flex-direction: column;
}

#fotos-cliente-shortcut li {
    justify-content: center;
}

/* [PAGE - ATALHOS CONSULTORIA] */
.icon_info_consultoria {
    margin-right: 10px;
}

.ul_form_header_atalhos {
    list-style: none;
    color: var(--common-color1);
    cursor: default;
}

.ul_form_header_atalhos li {
    opacity: 0.7;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    margin-right: 25px;
    vertical-align: baseline;
}

.ul_form_header_atalhos li:last-child {
    margin-right: 0;
}

.logo_atalhos {
    max-width: 30px;
    margin-right: 10px;
    border-radius: 2px;
    background-color: var(--common-color1);
    padding: 1px;
    vertical-align: middle;
}

#consultoria-express {
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    opacity: 1;
    vertical-align: middle;
}

#consultoria-express-cliente {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    opacity: 0.7;
}

.span_shortcut_express {
    text-transform: uppercase;
    font-size: 10px !important;
    font-weight: 600;
    color: var(--consultoria-express);
    vertical-align: middle;
    opacity: 0.8;
    font-style: italic;
}

.express_cons_nome {
    color: var(--primary-color-var4);
    font-size: 14px !important;
}

.box_instructions {
    background-image: var(--gradient-bg-box-shortcut);
    padding: 20px;
    border-radius: 0.2em;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--common-color1-10);
    border-left: 2px solid var(--second-color-50);
    box-shadow: 0 0 1px var(--common-color0-90);
    cursor: default;
}

.mobile .box_instructions {
    border-radius: 0;
}

.box_instructions ul {
    list-style: inside;
    list-style-type: square;
    margin: 10px 0 0 0;
    opacity: 0.5;
}

.box_instructions ul li {
    margin: 10px 0;
}

.box_instructions article {
    opacity: 0.75;
    font-weight: 500;
    margin: 15px 0;
    font-size: 14px;
}

.box_instructions h1 {
    color: var(--common-color1);
}

.box_instructions .span_shortcut_express {
    font-size: 14px !important;
    vertical-align: baseline;
    opacity: 1;
}

.box_instructions .span_no_login {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--common-color1-50);
    font-style: italic;
}

.article_login {
    color: var(--second-color-90);
    cursor: pointer;
    font-size: 16px !important;
    margin: 20px 0 !important;
}

.toggle_box_instruction {
    font-size: 16px;
    float: right;
    transition: all 0.5s;
    color: var(--second-color);
    margin-top: 7px;
}

.toggle_box_instruction i:hover {
    cursor: pointer;
}

#button_login_cliente {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

#button_login_cliente svg {
    margin-left: 7px;
}

.shrink {
    max-height: 30px;
    overflow: hidden;
}

.h1_box_instruction {
    margin: 0 !important;
    text-shadow: 1px 1px 1px var(--common-color0-80);
}

.h1_box_instruction span {
    font-size: 12px;
    vertical-align: middle;
    color: var(--common-color1-60);
    cursor: pointer;
    margin-left: 5px;
}

.h1_box_instruction span svg {
    margin-left: 5px;
}

/* AVALIAÇÕES - VIEW */
.tabela_avaliacao,
.tabela_checkin {
    width: 100%;
    border-collapse: separate;
    border: 1px solid var(--zebra-border);
    border-radius: 8px;
    border-spacing: 0;
    white-space: normal;
    margin: 15px auto 0 auto;
}

.tabela_avaliacao tr th:first-child,
.tabela_checkin tr th:first-child {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
}

.tabela_avaliacao tr td,
.tabela_avaliacao tr th,
.tabela_checkin tr td,
.tabela_checkin tr th {
    background-color: var(--common-color1-50);
    font-weight: normal;
    font-size: 12px;
    text-align: right;
    padding: 15px;
    color: #344054;
    border-bottom: 1px solid var(--zebra-border);
}

.tabela_checkin tr:last-child th,
.tabela_checkin tr:last-child td {
    border-bottom: none;
}

.td_circ,
.td_dc,
.td_result {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px !important;
    text-align: center !important;
    background-color: var(--common-color1-10) !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* PLANO ALIMENTAR / TREINO - VIEW */
#incluir-formula {
    display: inline-block;
    width: auto;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background-color: var(--primary-600);
    padding: 5px 15px;
    margin: 5px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 500;
}

.div_refeicao,
.div_treino {
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0;
    border: 1px solid var(--zebra-border);
    box-sizing: border-box;
    background-color: var(--zebra-th);
    border-radius: 8px;
}

.header_periodo_title,
.header_periodizacao_desc {
    color: #344054;
    font-size: 20px;
    text-align: center;
}

.header_periodizacao_desc {
    font-size: 24px;
}

.div_refeicao.substituta {
    background-color: var(--common-color1-075);
    padding-left: 10px;
    padding-right: 10px;
}

.ref_substituta {
    margin: 10px 0;
    color: #344054;
}

.refeicao,
.treino,
.alimentos,
.exercicios {
    list-style: none;
    margin: 0 auto;
    padding: 5px 0;
    cursor: default;
    color: #344054;
}

.alimentos li {
    padding: 4px 0;
    background-color: var(--common-color1-075);
    border-radius: 0.2em;
}

.exercicios {
    margin: 10px 0;
}

.exc_desc,
.ref_desc {
    font-size: 16px;
    font-weight: bold;
    color: #344054;
}

.exc_set,
.exc_rest,
.exc_obs,
.exc_video {
    font-size: 13px;
    color: #344054;
    margin: 5px 0;
}

.exc_video {
    margin: 10px 5px;
    color: crimson;
}

.exc_video svg {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.treino_desc {
    color: #344054;
    font-size: 16px;
}

.treino_desc_label {
    width: 3ch;
    height: 3ch;
    background-color: var(--zebra-border);
    border-radius: 100%;
    font-weight: bold;
    color: #344054;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.ref_obs,
.treino_obs {
    margin-top: 10px;
    font-style: italic;
    opacity: 0.8;
}

.ref_hora {
    margin: 0 10px 0 0;
    opacity: 0.9;
    font-size: 12px;
}

.ref_hora svg {
    margin-right: 10px;
}

.div_header {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px dashed var(--common-color0-10);
}

.div_header img {
    width: 50px;
    display: inline-block;
}

.div_header ul {
    display: inline-block;
    list-style: none;
}

.div_header ul li {
    margin-bottom: 4px;
}

.div_header ul li:last-child {
    margin-bottom: 0;
}

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

.header_subdescricao {
    font-size: 11px;
}

.header_crn,
.header_cref {
    opacity: 0.8;
    font-size: 11px;
}

.plano_title {
    margin: 20px auto 10px auto;
    font-weight: bold;
    font-size: 20px;
    text-align: center
}

.plano_info,
.presc_info {
    list-style: none;
    margin: 10px auto 10px auto;
    padding: 5px 20px;
    color: #344054;
    background-color: var(--zebra-th);
    border-radius: 8px;
    border: 1px solid var(--zebra-border);
}

.plano_info li,
.presc_info li {
    margin: 10px 0;
    line-height: 20px;
}

.important_field {
    color: #344054;
    font-weight: bold;
}

.header_field {
    line-height: 25px;
    font-size: 14px;
}

.span_dias_semana:last-child:after {
    content: "";
}

.ul_header {
    padding: 0;
}

.ul_header li {
    display: inline-block;
    vertical-align: middle;
}

.ul_consultoria li {
    display: block;
}

#li-img {
    margin: 0;
}

.header_info {
    margin: 20px 0 10px 0;
    font-size: 12px;
}

.header_treino_periodo,
.header_treino_nome {
    text-align: center;
    font-size: 18px;
}

.descricao_treino_subtitle {
    text-align: center;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 10px;
}

.header_dist_treino {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    color: #344054;
    font-weight: 600;
}

.tabela_dist_treino_view {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    margin: 15px auto 0 auto;
    table-layout: fixed;
}

.tabela_dist_treino_view tr td {
    text-align: center;
    font-size: 12px;
}

.tabela_dist_treino_view tr td,
.tabela_dist_treino_view tr th {
    padding: 10px;
    color: var(--common-color1-80);
    border: 1px solid var(--common-color1-10);
}

.tabela_dist_treino_view tr:first-child th {
    background-color: var(--common-color1-2);
}

.tabela_dist_treino_view tr th {
    font-size: 11px;
}

.tabela_dist_treino_view a {
    color: inherit;
    font-size: 14px;
    font-weight: 600;
}

.tabela_dist_treino_view a:hover {
    color: var(--second-color-80);
}

/* PROCESSOS */
.td_cliente {
    font-size: 12px;
    font-weight: 500;
    color: var(--td-cliente);
}

.link_list_clientes {
    text-decoration: none;
    color: var(--common-color1-70);
}

.link_list_clientes.cliente {
    color: var(--common-color1);
    font-weight: 500;
}

.link_list_clientes.consultoria {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.tabela_checkin .link_list_clientes.consultoria {
    justify-content: flex-end;
}

.timeleft {
    margin-left: 5px;
    color: var(--common-color1-30);
    font-size: 11px;
}

#lista_checkins .timeleft {
    color: var(--common-color1-40);
}

#lista_checkins tr td {
    padding: 15px 10px;
}

#lista_checkins tr:hover td {
    background-color: var(--common-color0-50);
}

.zebra tr th.center,
.zebra tr td.center {
    text-align: center !important;
}

#lista_checkins .plano_consultoria_icon,
.tabela_checkin .plano_consultoria_icon {
    margin: 5px;
    color: var(--common-color1-50);
    opacity: 1;
}

.td_label {
    color: var(--common-color1-30);
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 500;
}

#lista_pa .plan_calories {
    margin: 0 0 0 15px;
    opacity: 0.9;
}

#lista_pa .plan_calories svg {
    margin-left: 0;
}

#lista_pa .refs_plano {
    font-size: 11px;
    margin: 0 0 0 15px;
    color: var(--common-color1-80);
    vertical-align: baseline;
    opacity: 0.7;
}

#lista_pa .refs_plano svg {
    margin-right: 5px;
}

.td_plano_desc svg {
    margin-right: 10px;
    opacity: 0.7;
}

.table_field_icon svg {
    margin: 0;
}

.plano_desc,
.anamnese_desc,
.antropometria_desc,
.treino_nome {
    color: var(--common-color1-80);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.antropometria_desc.peso {
    text-transform: none;
}

.treino_periodo {
    margin-left: 10px;
    color: var(--treino-periodo);
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
}

#lista_pt .treino_dias {
    margin-left: 10px;
    color: var(--plan-calories);
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    opacity: 0.9;
}

.link_processos {
    text-decoration: none;
    color: var(--common-color1-80);
}

/* PERIODIZAÇÃO */
#form-pd-pt {
    width: auto;
}

#ul-instrucoes textarea {
    margin: 0;
}

.tabela_plano_treino tr td:not(:first-child) svg {
    margin-right: 8px;
}

/* HOME - CLIENTE */
.cards_container.cliente {
    justify-content: center;
}

.card_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card_block.superwhite {
    padding: 0;
    opacity: 1;
    border: 2px solid var(--common-color1-10) !important;
    color: var(--common-color1)
}

.card_block.superwhite img {
    width: 60px;
    margin-bottom: 10px;
}

.card_block ul li {
    text-align: center;
    margin-bottom: 4px;
}

.card_block ul li.consultoria {
    color: var(--home-cliente-title);
    font-size: 20px;
    font-weight: 600;
}

.card_block ul li.slogan {
    font-size: 10px;
    opacity: 0.8;
    letter-spacing: 0.15em;
    font-weight: 600;
}

.card_block ul li.vencimento {
    font-size: 10px;
    color: var(--common-color1);
    margin-top: 10px;
    opacity: 0.7;
    letter-spacing: 0.15em;
    font-weight: 600;
    text-transform: uppercase;
}

.cliente_cons_ativas {
    color: var(--home-cliente-title);
    text-shadow: 1px 1px 2px var(--common-color0-50);
    cursor: default;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.15em;
    border-top: 1px solid var(--common-color1-5);
    padding: 15px 0 5px 0;
    text-align: center;
}

.cliente_cons_ativas svg {
    margin-right: 10px;
}

.cliente_home_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
    flex-wrap: wrap;
    justify-content: center;
}

.cliente_home_buttons a {
    margin: 4px;
    background-color: var(--common-color1-5);
    padding: 20px 30px;
    border-radius: 0.2em;
    text-decoration: none;
    color: var(--common-color1-70);
    border: 1px solid var(--common-color1-10);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
}

.cliente_home_buttons a svg {
    margin-bottom: 20px;
    font-size: 40px;
}

.ul_periodos {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.ul_periodos li {
    margin: 5px 0;
}

.ul_periodos li a {
    color: var(--primary-700);
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid var(--primary-700);
    padding: 10px;
}

/* CLIENTE - LIST CONSULTORIA */
.list_cons_user {
    font-size: 11px;
    color: var(--common-color1-50);
    margin-left: 7px;
}

.list_cons_nome {
    font-size: 11px;
    font-weight: 600;
    color: var(--common-color1-80);
}

#lista_cliente_consultorias tr td {
    padding: 20px;
    cursor: pointer;
}

#lista_cliente_consultorias tr:hover td {
    background-color: var(--common-color0-75) !important;
    transition: 0.25s all;
}

.cliente_cons_img {
    width: 25px;
    vertical-align: middle;
}

.cliente_cons_header {
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 10px;
    background-color: var(--common-color1);
    color: var(--common-color0);
    font-weight: 600;
    font-size: 12px !important;
    margin-right: 5px !important;
}

.cliente_cons_nome {
    font-weight: 600;
    font-size: 16px !important;
    color: var(--home-cliente-title);
}

.cliente_cons_buttons_mobile {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 5px;
}

.cliente_cons_buttons_mobile button {
    opacity: 0.9;
    margin: 3px;
    display: flex;
    flex-direction: column;
    font-size: 9px !important;
    padding: 10px;
}

.cliente_cons_buttons_mobile button svg {
    font-size: 20px !important;
    margin: 0;
    margin-bottom: 10px;
}

/* FEEDBACKS */
#form-feedback input[type=file] {
    width: auto;
}

.ul_form.feedback li input {
    width: auto;
    margin: 10px 0;
    box-sizing: border-box;
}

#form-feedback #ajax-response {
    width: max-content;
}

.feedback_fotos,
.feedback_fotos_view {
    padding: 0 0 20px 0;
    background-color: var(--common-color1-5);
    border-radius: 0.4em;
    border: 1px solid var(--common-color1-5);
}

.feedback_fotos ul li {
    justify-content: center;
}

.section_fotos.feedback {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    box-sizing: border-box;
    padding: 10px;
}

.profile_item {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--third-color-80);
    font-size: 10px;
    margin: 5px 0;
    display: block;
}

.page_warning {
    display: block;
    width: 100%;
    margin: 20px 0;
    background-color: var(--common-color1-5);
    border-radius: 0.4em;
    padding: 20px;
    border: 1px solid var(--common-color1-025);
    box-shadow: 0 0 5px var(--common-color0-10);
    box-sizing: border-box;
    font-size: 18px;
    color: var(--common-color1-90);
}

.ul_form.feedback li {
    display: block;
}

.ul_form.feedback li textarea {
    margin: 10px 0;
    box-sizing: border-box;
}

.header_feedback {
    color: var(--third-color-80);
    margin: 7px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.div_feedback_container ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0;
}

.div_feedback_container.response ul {
    padding: 0;
    margin: 0;
}

.feedback_container .description ul:first-child {
    align-items: center;
}

.feedback_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.feedback_container .profile,
.feedback_container .resume,
.feedback_container .response {
    background-color: var(--common-color1-5);
    padding: 20px;
    border-radius: 0.4em;
    margin-right: 20px;
    height: fit-content;
}

.feedback_container .resume,
.feedback_container .response {
    width: 100%;
}

.feedback_container .resume p,
.feedback_container .response p {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 22px;
    word-wrap: anywhere;
}

.feedback_container div:last-child {
    margin: 0;
}

.feedback_container .profile .foto_perfil {
    margin: 0;
}

.feedback_container .profile ul:not(:first-of-type) {
    margin: 10px 0;
}

.header_section_fotos {
    color: var(--third-color-80);
    text-transform: uppercase;
    font-size: 11px;
    margin: 10px 0;
}

.feedback_container.response ul {
    align-items: center;
}

.feedback_container.response {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--common-color1-5);
}

.feedback_container.response .description ul:not(:first-child) {
    font-size: 11px;
    color: var(--common-color1-70);
}

#response-input {
    width: 100%;
}

#response-input #response {
    padding: 15px;
    resize: none;
    width: 100%;
    outline: none;
    border: 3px solid var(--common-color1-10);
    border-radius: 0.4em;
    background-color: var(--common-color0-20);
    box-sizing: border-box;
    color: var(--common-color1);
    font-size: 14px;
    line-height: 22px;
}

#response-input button {
    background-color: transparent;
    border: 2px solid var(--second-color-50);
    padding: 10px;
    border-radius: 0.4em;
    color: var(--second-color-80);
    cursor: pointer;
    font-weight: 600;
    float: right;
    margin: 10px;
}

.h3_feedback_notice {
    color: var(--financeiro-negativo);
    font-size: 13px;
}

/* ADMIN - USERS */
#lista_users .plano_user {
    font-weight: 500;
}

#lista_users .status {
    margin-left: 5px;
}

#lista_users .status.cancelado {
    color: lightcoral;
}

#lista_users .clientes_ativos {
    font-weight: 600;
    color: var(--third-color);
}

#form-edit-signature .clientes_ativos {
    font-weight: 600;
    color: var(--common-color1);
    background-color: var(--second-color-50);
    padding: 10px;
    border-radius: 0.2em;
    width: 100%;
    text-align: center;
}

/* ASSINATURAS */
#form-assinante .container_radio_check.margin_left {
    margin-left: 10px;
}

.datetime {
    font-size: 11px;
    font-weight: 500;
    color: var(--second-color-80);
}

/* TABLE INFO CONTA */
.table_info_conta tr:first-child td {
    border-top: none;
}

.table_info_conta tr td:first-child {
    font-weight: 500;
}

.table_info_conta tr td:last-child {
    text-align: right;
}

.table_info_conta tr td a {
    color: var(--primary-600);
}

.planos_upgrade.free div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--zebra-border);
    background-color: var(--primary-25);
    color: #344054;
    cursor: default;
}

.mobile .planos_upgrade.free div {
    box-sizing: border-box;
    padding: 10px;
    margin: 0 5px;
}

.planos_upgrade.free h3 {
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}

.planos_upgrade.free a {
    background-color: var(--primary-600);
    color: white;
    padding: 5px;
    border-radius: 4px;
    text-decoration: none;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
}

.planos_upgrade.free h2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 26px;
}

.planos_upgrade.free h2 span {
    font-size: 10px;
    margin-left: 4px;
}

.planos_upgrade li {
    cursor: default;
    padding: 15px;
    background-color: var(--primary-600);
    color: white;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
    margin: 10px 0;
}

/* ONBOARDING - TUTORIAL */
.h3_onboarding_logo {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #344054;
}

#warning-onboarding-tutorial {
    max-width: 1200px;
    margin: 20px auto;
    color: var(--common-color1-90);
    text-align: justify;
    padding: 20px;
    background-color: var(--common-color0-15);
    letter-spacing: 0.05em;
    border: 2px solid var(--common-color1-25);
    border-radius: 0.2em;
    box-sizing: border-box;
    cursor: default;
}

#warning-onboarding-tutorial p {
    font-size: 16px;
}

#warning-onboarding-tutorial ol {
    font-size: 16px;
    line-height: 24px;
    margin: 30px 0;
    padding-left: 1.4em;
}

#warning-onboarding-tutorial ol li {
    margin: 25px 0;
}

#warning-onboarding-tutorial ol li span {
    font-weight: 500;
    color: var(--common-color1-80);
    text-decoration: underline;
}

/* WARNING - NOVA CONSULTORIA */
.warning_max_signup {
    padding: 16px;
    margin: auto auto;
    width: fit-content;
    height: fit-content;
    background-color: var(--error-100);
    box-sizing: border-box;
    border-radius: 8px;
    border: none;
    color: var(--error-500);
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}

.mobile .warning_max_signup {
    border-radius: 0;
}

.warning_max_plan {
    padding: 10px 15px;
    margin: 10px 0;
    width: fit-content;
    background-color: var(--error-100);
    border-left: 4px solid var(--error-300);
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--error-500);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.warning_max_plan a {
    text-decoration: underline;
}

.warning_max_plan svg {
    color: var(--error-500);
    font-size: 13px;
}

.mobile #warning-expired-plan,
.mobile #warning-onboarding-tutorial {
    max-width: 100%;
}

/* ONBOARDING */
.mobile .h3_onboarding_logo {
    font-size: 14px;
}

.mobile #warning-onboarding-tutorial {
    width: 100%;
    margin: 0;
    color: var(--common-color1-90);
    text-align: justify;
    padding: 10px;
    border: none;
    font-size: 10px !important;
    line-height: 20px;
}

.mobile #warning-onboarding-tutorial p {
    font-size: 14px;
}

.mobile #warning-onboarding-tutorial ol {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0;
    padding-left: 1.4em;
}

.mobile #warning-onboarding-tutorial ol li {
    margin: 10px 0;
}

/* EXAMES */
#lista_exames .td_exames {
    font-weight: 500;
    color: var(--common-color1-80);
}

#lista_exames .last_update {
    text-align: right;
    font-size: 11px;
    color: var(--common-color1-50);
    margin-left: 10px;
}

#form-agenda #ajax-response,
#registry-form .div_agenda_ajax_response {
    display: none;
}

.div_agenda_ajax_response {
    max-height: 300px;
    overflow: auto;
    padding: 0;
    margin-bottom: 15px;
}

.div_agenda_ajax_response .table_agenda_eventos tr th {
    position: sticky;
    top: 0;
}

.table_agenda_eventos {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    cursor: default;
    border: 1px solid var(--zebra-border);
    border-radius: 8px;
    overflow: hidden;
}

.table_agenda_eventos tr th {
    padding: 10px 16px;
    background-color: var(--zebra-th);
    color: #98A2B3;
    font-weight: 500;
    text-align: left;
}

.table_agenda_eventos tr td {
    color: #344054;
    padding: 24px 16px;
    background-color: transparent;
    border-top: 1px solid var(--zebra-border);
}

.table_agenda_eventos tr td button {
    font-size: 12px;
}

.table_agenda_eventos tr td a {
    color: var(--second-color);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.table_agenda_eventos .cons_confirm {
    color: var(--third-color);
    font-weight: 600;
}

/* TABLE AGENDA - HOME */
.link_agenda {
    margin-left: 10px;
    font-size: 14px;
    color: var(--primary-600);
}

/* CONFIRM - AGENDA */
.container_agenda_confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#confirm-agenda-container {
    display: block;
    width: auto;
    text-align: center;
    padding: 20px 40px;
    background-color: var(--common-color1-5);
    border-radius: 0.4em;
    box-sizing: border-box;
    border: 1px solid var(--common-color1-10);
}

#confirm-agenda-container h1 span {
    color: var(--third-color);
}

#confirm-agenda-container h1,
#confirm-agenda-container h2 {
    margin-bottom: 25px;
}

#confirm-agenda-container h3 {
    margin-bottom: 10px;
    color: var(--second-color-80);
    text-shadow: 1px 1px black;
}

#confirm-agenda-container p {
    font-size: 16px;
}

.confirm_agenda_footer {
    margin-top: 25px;
}

.confirm_agenda_footer p {
    font-size: 14px !important;
    margin: 5px;
}

.mobile .container_agenda_confirm {
    height: 100vh !important;
}

.mobile #confirm-agenda-container {
    width: 100%;
    border-radius: 0;
    border-top: 1px solid var(--common-color1-25);
    border-bottom: 1px solid var(--second-color-50);
    padding: 25px 0;
}

/* CHECK-IN */
.tabela_checkin .whatsapp {
    color: var(--card-block-hover);
    text-decoration: underline;
}

#checkin-link-universal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 125px;
    font-size: 12px;
}

.checkin_guide {
    color: var(--second-color);
    border: none;
    margin: 10px 0;
    padding: 0;
}

.checkin_motivo {
    border-left: 2px solid var(--second-color-50) !important;
    border-right: 1px solid var(--second-color-25) !important;
}

.checkin_obs {
    background-color: var(--common-color1-10);
    color: var(--common-color1);
}

.form_subtitle2.checkin_guide {
    color: var(--common-color1);
    text-transform: none;
    text-shadow: 1px 1px 2px var(--common-color0-50);
    cursor: default;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
}

.checkin_guide span {
    color: var(--second-color);
}

.checkin_guide:first-of-type {
    margin-top: 25px;
}

#form-checkin input[type='number'],
#form-checkin #peso {
    width: 10ch;
}

.div_warning_page span svg {
    font-size: 75px;
    color: var(--primary-600);
}

.div_warning_page h3 {
    font-size: 36px;
    color: var(--gray-700);
}

.div_warning_page p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--gray-500);
    text-align: center;
}

.div_warning_page button {
    background-color: var(--primary-700);
    color: white;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 10px;
}

.div_warning_page {
    width: 100%;
    height: 85vh;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    gap: 8px;
}

.div_warning_page.err {
    color: #344054;
}

.checkin_percentage {
    font-size: 12px;
    font-weight: 600;
}

.checkin_progress {
    background-color: var(--zebra-border);
    height: 40px;
    border: none;
    color: var(--first-color);
    font-weight: 600;
    text-align: center !important;
    border-radius: 4px;
}

.checkin_progress::-webkit-progress-bar,
.checkin_progress::-moz-progress-bar {
    background-color: var(--primary-400);
}

/* PHONE DROPDOWN - COUNTRY CODE */
#coutry-code {
    width: fit-content !important;
}

#whatsapp,
#instagram {
    width: 100%;
}

#whatsapp {
    margin: 5px 0 !important;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background: none !important;
}

.iti__country-name {
    color: var(--gray-800) !important;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
}

.mobile .iti.iti--allow-dropdown.iti--show-flags {
    width: 100% !important;
}

/* [PAGE - FORMA RECEBIMENTO] */
#form-fr #tipo {
    margin-right: 10px;
}

#form-fr .select2 {
    margin-top: 0 !important;
}

/* CENTRAL DE AJUDA */
.central_de_ajuda {
    padding: 5px;
    margin: 5px 0;
    display: flex;
    flex-direction: column;
}

.central_de_ajuda a {
    color: black;
    font-weight: 600;
    font-size: 12px;
    margin: 2px 0;
    width: fit-content;
}

.central_de_ajuda svg {
    margin: 0 0 10px 0;
    color: black;
}

.central_de_ajuda a svg {
    margin-right: 10px;
}

/* HOME */
.central_de_ajuda.home {
    margin-top: 20px;
    align-items: center;
}

.central_de_ajuda.home a {
    margin: 0 0 40px 0;
    color: var(--common-color1-50);
    font-size: 14px;
}

/* LIST */
.central_de_ajuda.list {
    align-items: center;
    margin-top: 20px;
}

.block_financeiro.gestao .central_de_ajuda.list {
    margin-top: 20px !important;
}

.central_de_ajuda.list a {
    color: var(--common-color1-50);
    text-align: center;
}

/* TRANSACTION */
.central_de_ajuda.transactions {
    align-items: center;
    margin-top: 15px;
    background: none;
    border: none;
}

.central_de_ajuda.transactions a {
    color: var(--primary-600);
}

/* PAGE LIST DESCRIPTION */
.page_list_description {
    width: fit-content !important;
    cursor: default;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0 0 0 !important;
    background-color: var(--gray-100) !important;
    padding: 10px 10px 10px 15px !important;
    color: var(--gray-500);
    box-shadow: none;
    border-left: 5px solid var(--gray-300);
    border-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.form_cadastro .page_list_description {
    margin: 0 !important;
}

.page_list_description.important {
    background-color: var(--primary-100) !important;
    color: var(--primary-800) !important;
    border-left: 4px solid var(--primary-400) !important;
}

.page_list_description.alert {
    background-color: var(--error-100) !important;
    color: var(--error-500) !important;
    border-left: 4px solid var(--error-400) !important;
}

.page_list_description.financeiro,
.page_list_description.config {
    width: 100%;
}

.page_list_description.financeiro:first-child {
    margin-top: 0 !important;
}

.page_list_description svg {
    margin-right: 15px;
    font-size: 13px !important;
}

.page_list_description p {
    width: fit-content;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#user-fees {
    width: 100% !important;
}

#user-fees p {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
}

.page_list_description p a {
    color: var(--gray-500);
}

span.possui_plano {
    margin-left: 8px;
}

.active_plan {
    color: var(--cliente-plano-status);
    font-weight: 500;
}

.inactive_plan {
    opacity: 0.7;
    font-weight: 500;
}

/* OPEN TREINAMENTO */
.exc_logbook input {
    width: 100%;
    background-color: var(--common-color1-5);
    border: 1px solid var(--common-color1-20);
    border-radius: 0.2em;
    color: white;
    padding: 5px;
    margin: 5px 0;
    outline: none;
    box-sizing: border-box;
}

.exc_logbook label {
    display: block;
    margin-top: 10px;
    color: var(--primary-color-var4);
}

.start_workout_button,
.finish_workout_button {
    margin: 0;
    margin-top: 15px;
    padding: 5px 15px;
    border-radius: 0.2em;
    color: var(--common-color1);
    background-color: var(--primary-color-var3-80);
    border: 1px solid var(--primary-color-var4-30);
    cursor: pointer;
    font-weight: 500;
    display: block;
}

.finish_workout_button:disabled {
    background-color: var(--fav-pink);
    border: 1px solid var(--fav-pink);
}

.toggle_videos {
    margin: 0;
    margin-top: 10px;
    padding: 5px 15px;
    border-radius: 0.2em;
    color: var(--common-color1);
    background-color: var(--primary-color-var3-80);
    border: 1px solid var(--primary-color-var4-30);
    cursor: pointer;
    font-weight: 500;
    display: block;
    width: 100%;
}

.toggle_videos svg {
    margin-right: 7px;
}

.start_workout_button svg,
.finish_workout_button svg {
    margin-right: 7px;
}

.start_workout_button.timer,
.finish_workout_button.timer {
    width: 100%;
    padding: 10px;
    font-size: 16px;
}

.treino_footer {
    margin: 25px 0;
}

.treino_footer label {
    font-size: 16px;
}

.treino_footer select,
.treino_footer textarea {
    padding: 8px;
    outline: none;
}

.treino_footer textarea {
    resize: none;
}

/* TRAJA - TRAVA SISTEMA */
.trial_countdown {
    padding: 8px 16px;
    border-radius: 0;
    background-color: var(--error-100);
    color: var(--error-500);
    font-weight: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.trial_countdown svg {
    margin-right: 10px;
}

.trial_countdown a {
    font-weight: 500;
    text-decoration: underline !important;

}

/* EXERCISE PERFORMANCE */
#table_exercise_performance tr td,
#table_exercise_performance tr th {
    text-align: center;
}

.lesson-card.active {
    background-color: var(--primary-100);
}


/* MOBILE */
/* FINANCEIRO */
.mobile .block_financeiro {
    width: 100%;
    margin: 0 !important;
}

/* CONSULTORIA - OPEN */
.cons_cliente_nome {
    margin-left: 10px !important;
}

/* CHECK-IN */
.mobile #lista_checkins tr td:first-child svg {
    margin-right: 10px;
}

.mobile .div_warning_page {
    padding: 0;
}

.mobile #checkin-link-universal {
    width: auto;
}

.mobile .div_warning_page span svg {
    font-size: 75px;
    margin: 10px 0;
    color: var(--primary-600);
}

.mobile .div_warning_page h3 {
    font-size: 24px;
}

/* CAPTAÇÃO */
#form-captacao.mobile {
    width: 100%;
    border-radius: 0;
    opacity: 1;
}

#form-captacao.mobile h3 {
    padding: 5px 5px;
}

.mobile #ul-captacao {
    margin: 0 5px;
}

/* SELECT2 */
.mobile #form-agenda .select2 {
    margin-top: 0 !important;
}

/* FOTOS */
.mobile #form-fotos ul li {
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

/* REQUIRED */
.mobile .required {
    margin-left: 5px;
    color: var(--fav-pink);
    font-weight: 600;
    font-size: 11px;
}

/* AGENDA */
.mobile #label-agenda-consultoria {
    margin: 5px 0;
}

/* FEEDBACK */
.mobile #form-feedback input,
.mobile #form-feedback textarea {
    padding: 10px;
    margin: 10px 0 !important;
}

/* MENSAGENS */
#buttonIcon,
#trashButton img {
    width: 18px;
}

/* MENSAGEM - AVISO */
#mensagem-sistema.mobile {
    display: block;
    position: inherit;
    width: 100%;
    height: fit-content;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 11px;
    padding: 10px;
}

#mensagem-sistema.mobile h3 {
    font-size: 12px;
    margin: 0;
}

#mensagem-sistema.mobile p {
    line-height: 15px;
}

/* ANAMNESE e AVALIAÇÃO */

.mobile .an_li_textarea label,
.mobile .an_li_textarea textarea {
    box-sizing: border-box;
    display: block;
}

.mobile .an_li_textarea textarea {
    margin: 0px 0 !important;
}

.mobile #av_protocolo,
.mobile #form-feedback #consultoria {
    margin-left: 0 !important;
}

/* HOME - PRO */

.mobile .cards_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.mobile .card_block:not(.superwhite) {
    width: 90px;
    height: 90px;
    padding: 0 5px 10px 5px;
}

.mobile .card_block .card_notification {
    padding: 10px 0 0 0;
    box-sizing: border-box;
}

.mobile .card_block .amount_pending {
    padding: 0;
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 17px;
    left: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--common-color1-20);
    color: var(--primary-color-var3);
    background-color: var(--common-color1-90);
    border-radius: 50%;
}

.mobile .card_block .amount_pending svg {
    font-size: 10px;
}

.mobile .card_block h2 {
    font-size: 10px;
    text-align: center;
}

.mobile .card_block p {
    display: none;
}

.mobile .card_block svg {
    font-size: 24px;
    margin: 10px;
}

/* CONSULTORIA */
.mobile .div_container_consultoria {
    flex-direction: column;
}

.mobile .div_opt_consultoria {
    margin: 0 0 10px 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mobile .div_opt_consultoria h3 {
    margin: 0 10px 0 0;
}

.mobile .div_opt_consultoria button {
    width: auto;
    margin: 5px;
}

.mobile .div_list_consultoria {
    box-sizing: border-box;
    border-radius: 0;
}

.mobile .visibility_plano {
    margin-right: 7px;
}

.mobile .list_consultoria button {
    font-size: 12px;
}

.mobile .form_ferramentas .popup_go_back button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: var(--primary-600);
    gap: 4px;
    display: flex;
    align-items: center;
}

.mobile .form_ferramentas.novo_pa,
.mobile .form_ferramentas.novo_pt {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 50px;
    border-radius: 0;
}

/* FOTOS */
.mobile .section_fotos {
    padding: 5px;
}

.mobile .section_fotos img {
    width: 60px;
}

.mobile .section_fotos .div_foto button {
    font-size: 10px;
    padding: 5px;
}

.mobile .ul_form li input[type=text],
.mobile .ul_form li select,
.mobile .ul_form li textarea {
    width: 100% !important;
    margin: 0;
}

.mobile .div_u_profile_container .ul_form li input[type=text],
.mobile .div_u_profile_container .ul_form li select,
.mobile .div_u_profile_container .ul_form li textarea,
.mobile .div_edit_signature_container .ul_form li input[type=text],
.mobile .div_edit_signature_container .ul_form li select,
.mobile .div_edit_signature_container .ul_form li textarea,
.mobile .div_u_pass_container .ul_form li input[type=text],
.mobile .div_u_pass_container .ul_form li select,
.mobile .div_u_pass_container .ul_form li textarea {
    margin: 0 0 0 10px;
}

.mobile .div_content,
.mobile .ul_form {
    flex-wrap: wrap;
}

.mobile #button_consultoria_cliente {
    opacity: 0.9;
    margin: 3px;
    display: flex;
    flex-direction: column;
    font-size: 9px !important;
    padding: 10px;
    color: var(--common-color1-50) !important;
    text-transform: uppercase;
    font-weight: 600;
    background: var(--common-color1-5);
    border: 2px solid var(--common-color1-20);
    justify-content: center;
    align-items: center;
    max-height: fit-content;
}

.mobile #button_consultoria_cliente svg {
    color: var(--common-color1-50) !important;
}

.mobile .div_anamnese_container,
.mobile .div_avaliacao_container,
.mobile .div_feedback_container {
    width: auto;
    font-size: 13px !important;
    padding: 10px;
}

.mobile input,
.mobile textarea,
.mobile select {
    font-size: 14px !important;
}

.mobile .div_anamnese_container .form_section,
.mobile .div_avaliacao_container .form_section,
.mobile .div_feedback_container .form_section {
    padding: 5px;
}

.mobile .div_anamnese_container .ul_form li label,
.mobile .div_avaliacao_container .ul_form li label,
.mobile .div_feedback_container .ul_form li label {
    margin: 10px 4px !important;
}

.mobile .div_anamnese_container .ul_form:first-child {
    margin-top: 0;
}

.mobile .div_anamnese_container .ul_form,
.mobile .div_avaliacao_container .ul_form,
.mobile .div_feedback_container .ul_form {
    margin: 5px 0;
}

.mobile .div_anamnese_container .ul_form li,
.mobile .div_avaliacao_container .ul_form li,
.mobile .div_feedback_container .ul_form li {
    flex-wrap: wrap;
}

.mobile .form_cadastro label {
    min-width: fit-content;
}

.mobile .form_footer {
    padding-bottom: 10px;
}

.mobile .div_av_view_container,
.mobile .div_ck_view_container,
.mobile .div_pa_view_container,
.mobile .div_pt_view_container,
.mobile .div_lb_view_container,
.mobile .div_c_plano_consultoria_container {
    width: auto;
    font-size: 11px;
    padding: 5px;
}

.mobile .td_plano_desc {
    white-space: break-spaces;
}

.mobile .tabela_dist_treino_view tr th {
    font-size: 10px;
}

.mobile .tabela_dist_treino_view a {
    font-size: 12px;
}

.mobile .exc_desc {
    font-size: 16px;
}

.mobile .exc_set,
.mobile .exc_rest,
.mobile .exc_obs,
.mobile .exc_video {
    font-size: 13px;
}

.mobile .ptpd_header_list {
    display: none;
}

.mobile #div-foto-pro {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid var(--card-profile-pic-border) !important;
    border-radius: 0;
}

.mobile #div-foto-pro ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.mobile .li_name_profile {
    font-size: 20px !important;
}

.mobile #div-foto-pro ul li {
    font-size: 9px;
}

.mobile #div-foto-pro .foto_perfil {
    width: 80px;
    height: 80px;
    border-width: 2px !important;
}

.mobile #div-sobre-button #button-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.mobile .profile_sobre {
    width: auto !important;
    margin-top: 10px;
    padding: 10px;
    font-size: 10px;
}

.mobile #div-sobre-button button:hover {
    opacity: 1;
    transform: none;
}

.mobile #container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

.page_contents.mobile {
    padding: 0 0 80px 0 !important;
}

.mobile .ul_form li,
.mobile .ul_form {
    margin: 5px 0;
}

.mobile .div_u_profile_container,
.mobile .div_u_profile_pic_container,
.mobile .div_u_pass_container,
.mobile .div_edit_signature_container {
    font-size: 10px;
    width: auto;
    margin: 0;
}

.mobile .section_fotos.feedback {
    width: auto;
    padding: 0;
}

.mobile .section_fotos.feedback img {
    width: 70px !important;
    margin: 0 4px;
}

.mobile .section_fotos .div_foto {
    margin: 4px 0;
}


.mobile .feedback_container {
    flex-direction: column;
    width: 100%;
}

.mobile .feedback_container .profile {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 10px 0;
    align-items: center;
}

.mobile .feedback_container .profile .avatar {
    margin-right: 10px;
}

.mobile .feedback_container .profile .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile .feedback_container .profile,
.mobile .feedback_container .resume,
.mobile .feedback_container .response {
    padding: 10px;
}

.mobile .feedback_container .resume p,
.mobile .feedback_container .response p {
    font-size: 12px;
}

.mobile .feedback_container .profile .description ul {
    justify-content: flex-start;
    margin: 0;
}

.mobile .feedback_container .profile .description ul li {
    margin: 2px 0;
}

.mobile .feedback_container .profile .li_name_profile {
    font-size: 18px !important;
}

.mobile .feedback_container .profile img {
    width: 75px;
    height: 75px;
    border-width: 2px !important;
}

.mobile .feedback_container .resume,
.mobile .feedback_container .response,
.mobile .feedback_container .profile {
    width: 100%;
    box-sizing: border-box;
}

/* COMMON STYLES  */
.representative_authorization {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center !important;
    white-space: normal !important;
    gap: 8px;
}

.link_aceite {
    text-decoration: underline;
    color: var(--primary-700);
}

.aceite_form ul {
    list-style: inside;
}

.mobile .li_form label {
    margin: 0;
}

.mobile .div_feedback_container ul {
    flex-direction: row;
}

#container .mobile {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.mobile #page-contents {
    padding: 0 0 80px 0;
}

.mobile .div_header_consultoria {
    border-radius: 0;
}

.mobile .profile_item {
    margin-right: 5px;
    display: inline;
}

/* SIDEBAR */
.side-bar {
    background: var(--primary-700);
    backdrop-filter: blur(15px);
    width: auto;
    min-height: 100vh;
    height: auto;
    transition: 0.25s ease;
    transition-property: left;
    overflow-y: auto;
}

.side-bar.mobile {
    height: 100%;
    position: fixed;
    left: -280px;
    z-index: 1;
}

.side-bar.active {
    left: 0;
}

.side-bar .menu {
    width: 100%;
}

.side-bar .menu .item {
    position: relative;
    cursor: pointer;
}

.side-bar .menu .item a {
    display: flex;
    align-items: center;
    padding: 10px 8px;
    margin: 10px 8px;
    height: 45px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
}

.side-bar .menu .item a img {
    margin-right: 10px;
    width: 20px;
}

.side-bar .menu .item a {
    background-color: var(--primary-600);
}

.side-bar .menu a.active,
.side-bar .menu .item a:hover {
    background-color: var(--primary-800);
}

.side-bar .sidebar_header {
    margin: 25px 0;
}

.side-bar .menu .item svg {
    margin-right: 15px;
    width: 20px;
    text-align: center;
}

.side-bar .menu .item a .dropdown {
    position: absolute;
    right: 10px;
    transition: 0.3s ease;
    width: auto;
    margin: 14px;
}

.side-bar .menu .item .sub-menu {
    display: none;
}

.side-bar .menu .item .sub-menu a {
    padding-left: 25px;
    padding-right: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.side-bar .menu .item .sub-menu a.active,
.side-bar .menu .item .sub-menu a:hover {
    background: var(--primary-500);
}

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

.close-btn {
    position: absolute;
    color: #fff;
    font-size: 20px;
    right: 0;
    margin: 25px;
    cursor: pointer;
}


.menu-btn {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.menu-btn span {
    font-size: 13px;
    margin-left: 10px;
}

.side-bar .sub-item .amount_pending img {
    margin-right: 4px !important;
    width: 16px !important;
}

/* NAV  */
#page-nav-cliente.mobile {
    position: fixed;
    bottom: 0;
    z-index: 1;
    justify-content: flex-start;
    background: none;
    margin: 27px 0;
    border: none;
}

#page-nav-cliente.mobile #nav-menu .mobile,
#page-nav-cliente.mobile .nav_menu .mobile {
    width: 100%;
}

#nav-menu ul li a {
    color: var(--common-color1);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
}

#nav-menu ul li a svg {
    margin-right: 10px;
}

#page-nav-cliente.mobile #nav-menu svg,
#page-nav.mobile #nav-menu svg {
    color: var(--primary-700);
    font-size: 40px;
    text-shadow: 1px 1px 5px black;
}

.woot-widget-bubble.woot-elements--right {
    right: 10px !important;
    background-color: var(--primary-700) !important;
    bottom: 12px !important;
}

#zsiq_float {
    right: 15px !important;
    bottom: 15px !important;
}

#page-nav-cliente.mobile #nav-menu ul li,
#page-nav.mobile #nav-menu ul li {
    margin: 0 10px;
}

/* POP-UP */
.mobile .form_popup,
#form-logout.mobile {
    box-sizing: border-box;
}

/* MESSAGES */
.chat-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #f8fafc;
    overflow: hidden;
}

.chat-header {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background-color: var(--gray-50);
    border-bottom: 1px solid var(--gray-100);
}

.back-button {
    margin-right: 16px;
}

.customer-info {
    display: flex;
    align-items: center;
}

.customer-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
}

.customer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.default-avatar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cbd5e1;
    color: #475569;
    font-size: 20px;
}

.messages-container {
    flex: 1;
    padding: 16px;
    overflow-y: auto;
    background-color: white;
}

.load-more-container {
    text-align: center;
    margin-bottom: 16px;
}

.date-divider {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.date-divider span {
    background-color: #e2e8f0;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    color: #64748b;
}

.message-wrapper {
    display: flex;
    margin-bottom: 16px;
}

.my-message {
    justify-content: flex-end;
}

.their-message {
    justify-content: flex-start;
}

.message {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 8px;
    position: relative;
}

.my-message .message {
    background-color: var(--primary-100);
    border-top-right-radius: 0;
}

.their-message .message {
    background-color: var(--gray-100);
    border-top-left-radius: 0;
}

.message-time {
    font-size: 11px;
    color: #64748b;
    text-align: right;
    margin-top: 4px;
}

.audio-message audio {
    width: 200px;
    height: 32px;
}

.message-input-container {
    padding: 12px 16px;
    background-color: var(--gray-50);
    border-top: 1px solid var(--gray-100);
    display: flex;
    flex-direction: column;
}

.message-input-wrapper {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 24px;
    padding: 0 12px;
}

.message-input {
    flex: 1;
    border: none;
    padding: 10px 12px;
    font-size: 14px;
    resize: none;
    max-height: 100px;
    outline: none;
    background-color: transparent;
}

.message-input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.send-button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background-color: var(--primary-700);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

.rounded-button-danger {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background-color: rgb(255, 0, 0);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

.rounded-button-danger:hover {
    background-color: rgb(197, 39, 11);
}

.audio-recorder-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.audio-button {
    width: 40px;
}

.recording-timer {
    font-size: 14px;
    font-weight: bold;
    margin: 0 8px;
    color: #dc2626;
}

.no-messages-info {
    text-align: center;
    padding: 40px;
    color: #64748b;
}

.fc .fc-button:focus {
    box-shadow: none !important;
}

/* HOME */
.mobile .info_block {
    padding: 5px;
    margin: 5px;
}

.mobile .info_home_container {
    margin-bottom: 0;
}

.mobile .info_block .sub_info_block span {
    font-size: 9px;
}

.mobile .sub_info_block span:first-child {
    width: 75px;
}

.mobile .sub_info_block span:last-child {
    width: 12px;
    padding: 10px;
}

.mobile .sub_info_block span.square_bills {
    min-width: 60px;
    width: fit-content;
}

.mobile .cards_container.cliente {
    justify-content: center;
}

.mobile .card_block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile .card_block.superwhite {
    padding: 0;
    opacity: 1;
    border: 2px solid var(--common-color1-10) !important;
    color: var(--common-color1)
}

.mobile .card_block.superwhite img {
    width: 60px;
    margin-bottom: 10px;
}

.mobile .card_block ul li {
    text-align: center;
    margin-bottom: 4px;
}

.mobile .cliente_cons_ativas {
    text-align: center;
}

.mobile .cliente_cons_ativas svg {
    margin-right: 10px;
}

.mobile .index_div {
    margin: 10px 0;
}

.mobile .cliente_home_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.mobile .cliente_home_buttons a {
    margin: 4px;
    background-color: var(--common-color1-5);
    padding: 15px;
    border-radius: 0.2em;
    text-decoration: none;
    color: var(--common-color1-70);
    border: 1px solid var(--common-color1-10);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
}

.mobile .cliente_home_buttons a svg {
    margin-bottom: 10px;
    font-size: 24px;
}

.mobile #welcome-section {
    padding: 10px;
}

/* CLIENTE - CONSULTORIA */
.mobile .div_list_consultoria {
    border-radius: 0;
}

.mobile .cliente_cons_timeleft {
    font-size: 10px !important;
}

.mobile .div_container_consultoria {
    margin-top: 10px;
}

.mobile .plano_desc,
.mobile .anamnese_desc,
.mobile .antropometria_desc,
.mobile .treino_nome {
    font-size: 10px;
    font-weight: 500;
}

.mobile .list_consultoria .anamnese_goal,
.mobile #lista_anamneses .anamnese_goal,
.mobile #lista_pa .anamnese_goal,
.mobile #lista_pt .anamnese_goal {
    font-size: 10px;
}

.mobile .list_consultoria {
    line-height: 20px;
}

/* PA & PT */
.mobile .div_pa,
.mobile .div_pt {
    padding: 10px;
    margin: 0;
}

.mobile .div_pa .form_cadastro ul li,
.mobile .div_pt .form_cadastro ul li,
.mobile .form_ferramentas ul li,
.mobile .form_ferramentas ul li {
    flex-wrap: wrap;
}

.mobile .div_pa .form_cadastro ul li input,
.mobile .div_pa .form_cadastro ul li select,
.mobile .div_pa .form_cadastro ul li textarea,
.mobile .div_pt .form_cadastro ul li input,
.mobile .div_pt .form_cadastro ul li select,
.mobile .div_pt .form_cadastro ul li textarea,
.mobile .form_ferramentas ul li input,
.mobile .form_ferramentas ul li select,
.mobile .form_ferramentas ul li textarea {
    margin: 10px 0 !important;
}

.mobile ul li input[type="date"],
.mobile ul li input[type="time"],
.mobile ul li select {
    margin-left: 10px !important;
}

.mobile ul .li_form input[type="date"],
.mobile ul .li_form input[type="time"],
.mobile ul .li_form select {
    margin: 5px 0 !important;
}

.mobile .div_pa .container_radio_check,
.mobile .div_pt .container_radio_check {
    margin: 0;
    margin: 10px 10px 0 0;
}

.mobile #form-alimentos,
.mobile #form-formulas {
    max-width: 100%;
    box-sizing: border-box;
}

.mobile .form_ferramentas {
    padding: 10px 10px 80px 10px;
    max-width: 100% !important;
    max-height: 100% !important;
    overflow-y: scroll;
    box-sizing: border-box;
}

.mobile .div_pa table,
.mobile .div_pt table,
.mobile .form_ferramentas table {
    white-space: normal;
}

.mobile #ali-qtd {
    width: auto !important;
    margin-left: 10px !important;
}

.mobile .div_pa table tr th,
.mobile .div_pt table tr th,
.mobile .div_pa table tr td,
.mobile .div_pt table tr td,
.mobile .form_ferramentas table tr td {
    padding: 10px;
}

.mobile .div_pa table tr td svg,
.mobile .div_pt table tr td svg,
.mobile .form_ferramentas table tr td svg {
    font-size: 16px;
}

.mobile #form-treino,
.mobile #form-pd-pt {
    width: max-content;
}

.mobile #label_pd_instrucoes {
    margin-left: 10px;
}

.mobile .p-ref-substituta {
    margin: 10px 0;
}

.mobile #label-pa-ref-substituta {
    margin-left: 10px;
}

/* FINANCEIRO */
#resumo-financeiro,
.div_financ,
.block_financeiro.vendas,
.financ_info {
    padding: 20px !important;
}

.financ_cs {
    padding: 0 20px !important;
    margin-bottom: 40px !important;
}

#resumo-financeiro {
    margin-bottom: 10px;
}

.mobile #resumo-financeiro {
    padding: 10px !important;
}

#resumo-financeiro h1,
.div_financ h1,
.block_financeiro.vendas h1 {
    font-size: 20px;
    font-weight: 500;
    color: #344054;
}

#resumo-financeiro h2,
.div_financ h2,
.block_financeiro.vendas h2 {
    font-size: 16px;
}

.mobile .div_content.financeiro div {
    margin: 10px 0;
    box-sizing: border-box;
}

.mobile .div_list_table .zebra {
    white-space: normal;
    overflow-x: auto;
}

.mobile .div_list_table .zebra tr th {
    font-size: 12px;
}

.mobile .div_list_table .zebra tr td {
    line-height: 20px;
    font-size: 12px !important;
}

.mobile .div_list_table .zebra tr td svg {
    font-size: 10px;
}

.mobile .margin_left {
    margin-left: 10px !important;
}

.mobile .margin_right {
    margin-left: 10px !important;
}

.mobile .div_anamnese_container,
.mobile .div_feedback_container,
.mobile .div_avaliacao_container,
.mobile .div_ma_container,
.mobile .div_me_container,
.mobile .div_mf_container,
.mobile .div_cp_container,
.mobile .div_cr_container,
.mobile .div_c_pass_container,
.mobile .div_u_pass_container,
.mobile .div_edit_signature_container,
.mobile .div_c_profile_container,
.mobile .div_u_profile_container,
.mobile .div_u_profile_pic_container,
.mobile .div_plan_container,
.mobile .div_user_container,
.mobile .div_agenda_container,
.mobile .div_checkin_container,
.mobile .div_fr_container,
.mobile .div_consultoria_container,
.mobile .div_fotos_container,
.mobile .div_logo_container,
.mobile #registry-form,
.mobile .div_av_view_container,
.mobile .div_ck_view_container,
.mobile .div_pa_view_container,
.mobile .div_pt_view_container,
.mobile .div_lb_view_container,
.mobile .div_c_plano_consultoria_container {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
}

.mobile .zebra_processos tr td:last-child,
.mobile #lista_clientes tr td:last-child,
.mobile #lista_planos tr td:last-child,
.mobile #lista_novos_assinantes tr td:last-child,
.mobile #lista_users tr td:last-child {
    width: auto !important;
}

.mobile .right_center {
    width: max-content;
    text-align: center;
}

.mobile .label_treino_desc {
    width: 100%;
    margin-top: 40px;
}

.mobile .table_field_name.status_consultoria {
    margin: 0 5px 0 10px;
    font-size: 8px;
}

.mobile #lista_consultorias .right {
    white-space: nowrap;
}

.mobile .td_list_processo,
.mobile .td_list_pendente {
    text-align: left !important;
    line-height: 20px;
    font-size: 10px !important;
}

.mobile .td_list_processo svg,
.mobile .td_list_pendente svg {
    margin: 0 5px;
}

.mobile #lista_pa .plan_calories,
.mobile #lista_pa .refs_plano {
    margin: 0 0 0 10px;
    font-size: 10px;
}

.mobile .td_cliente {
    font-size: 10px;
}

.mobile .table_list_data {
    font-size: 10px !important;
}

.mobile .zebra_processos tr td:last-child {
    white-space: nowrap;
    width: 1px !important;
}

.mobile #paInstrucoes,
.mobile #ptInstrucoes {
    margin-top: 10px;
}

.mobile .logo_config {
    width: 50%;
}

.mobile .div_c_pass_container,
.mobile .div_u_pass_container,
.mobile .div_edit_signature_container,
.mobile .div_u_profile_pic_container,
.mobile .div_logo_container {
    max-width: 100%;
}

.mobile #lista_exercicios {
    table-layout: auto;
}

.mobile #lista_planos tr td:last-child,
.mobile #lista_novos_assinantes tr td:last-child {
    width: 1px !important;
    white-space: nowrap;
}

/* CAPTAÇÃO */
.mobile.sign_up .sign_up_container .consultancy_info_block.pro {
    height: 200px;
    min-height: auto !important;
}

.mobile.sign_up .sign_up_container .registry_block.pro {
    padding-top: 30px;
}

.mobile .registry_block {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    border: none;
}

.mobile .registry_header_container {
    justify-content: center;
    margin: 0;
    border-radius: 0;
    border: none;
    height: auto;
}

.mobile .registry_header img {
    width: 100px;
}

.mobile .registry_header h1 {
    font-size: 24px;
}

.mobile #registry-form {
    width: 100%;
    border-radius: 0;
}

.mobile .checkout_confirmation {
    width: 100%;
    padding: 10px;
}

.mobile #lista_pendentes .td_list_icon svg {
    margin: 0 5px;
}

.mobile #lista_pendentes tr td {
    letter-spacing: 0.05em;
}

.mobile .cliente_cons_nome {
    display: block !important;
}

/* AVALIAÇÃO */
.mobile .ul_avaliacao {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.mobile .ul_avaliacao li {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
}

.mobile #section-circunferencias .ul_avaliacao li input,
.mobile #section-composicao-corporal .ul_avaliacao li input {
    width: auto;
    margin-top: 10px;
}

/* AGENDA */

.fc-header-toolbar {
    margin-bottom: 1.5em !important;
}

.fc-toolbar-title {
    font-size: 1.5em !important;
    font-weight: 600 !important;
}

.fc-button-primary {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

.fc-button-primary:hover {
    background-color: var(--primary-400) !important;
    border-color: var(--primary-400) !important;
}

.fc-event {
    cursor: pointer;
    border-radius: 4px;
}

.fc-event-title {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Responsividade */
@media (max-width: 768px) {
    .fc-header-toolbar {
        flex-direction: column;
        gap: 1rem;
    }

    .fc-toolbar-chunk {
        display: flex;
        justify-content: center;
    }

    .fc-toolbar-title {
        font-size: 1.2em !important;
    }

    .fc-button {
        padding: 0.2em 0.65em !important;
        font-size: 0.9em !important;
    }
}

/* Estilos para o Full Calendar */
.fc-event {
    cursor: pointer;
    border-radius: 4px;
    margin: 2px 0;
    padding: 2px;
}

.fixed.top-0.left-0.right-0.z-50 {
    z-index: 9999 !important;
}

.bg-gray-900.bg-opacity-50.fixed.inset-0.z-40 {
    z-index: 9998 !important;
}

.max-h-full {
    max-height: 90vh !important;
    overflow-y: auto;
}

/* Cores específicas por tipo de evento */

/* Azul */
.evento-consulta {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
    color: white !important;
}

/* Verde */
.evento-retorno {
    background-color: #17B26A !important;
    border-color: #17B26A !important;
    color: white !important;
}

/* Laranja/Amarelo */
.evento-feedback {
    background-color: #F79009 !important;
    border-color: #F79009 !important;
    color: white !important;
}

/* Cinza */
.evento-compromisso {
    background-color: #667085 !important;
    border-color: #667085 !important;
    color: white !important;
}

.fc-event-time {
    margin-left: 3px;
}

.fc-daygrid-day-bottom {
    background-color: var(--primary-700) !important;
    display: none;
    content: "";
    visibility: visible;
    border-color: var(--primary-700) !important;
    color: white !important;
    border-radius: 2px;
    margin: 2px;
}

.fc-daygrid-day-bottom:not(:empty) {
    display: block;
    border-color: var(--primary-700) !important;
    color: white !important;
    border-radius: 2px;
    margin: 2px;
}

.bulk-selectable .fc-event {
    cursor: pointer;
    position: relative;
}

.fc-event.selected {
    border: 2px solid #4E36E2 !important;
    box-shadow: 0 0 0 2px rgba(78, 54, 226, 0.3) !important;
}

.event-checkbox {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #4E36E2;
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

#btn-delete-selected:not([disabled]) {
    box-shadow: 0 0 0 3px rgba(224, 7, 7, 0.4);
    background-color: rgba(224, 7, 7, 0.8);
}

#btn-delete-selected {
    margin: 10px;
    background-color: var(--primary-300);
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 16px;
}

#bulk-selection-modal {
    border: 2px solid var(--primary-500);
    border-radius: 0.5rem;
}

#bulk-selection-modal {
    z-index: 30;
    position: relative;
}

#selection-counter {
    font-weight: 600;
    color: var(--primary-700);
}

/* FIM AGENDA */