:root {
    --main-color: #000;
    --text-color-light: #B4B4B4;
    --template-border-color: #E5E5E5;
    --font-size: 14px;
    --text-color: #000000;
    --text-color-strong: #000000;
    --font-family: "Inter", serif;
    --header-height: 60px;
    --header-logo-background: #fff;
    --header-background-color: #fbfbfb;
    --menu-width: 300px;
    --menu-background-color: #18181b;
    --menu-master-color-strong: var();
    --menu-master-color-strong: var();
    --menu-master-color-strong: var(-);
    --menu-master-color-strong: var(--);
    --menu-master-color-strong: var(--text-color);
    --button-height: 36px;
    --button-text-color: var(--text-color);
    --button-background: #fff;
    --button-border-radius: 24px;
    --button-padding: 13px;
    --field-height: 36px;
    --field-border-top: 1px;
    --field-border-bottom: 1px;
    --field-border-right: 1px;
    --field-border-left: 1px;
    --field-border-radius: 24px;
    --field-background: #fff;
    --field-border-color: #E5E5E5;
    --field-color: #000000;
    --field-focus-border-color: #BBBABA;
    --field-placeholder-color: #DFE4ED;
    --content-border-radius: 15px;
    --content-background: #FBFBFB;
    --content-border-color: #E5E5E5;
    --panel-background: #fff;
    --panel-border-radius: 8px;
    --modal-background: #fff;
    --submenu-sub-text-color: #8e8e8e;
    --scrollbar-color: #DFE4ED;
    --color-overlay: #0000004d;
    --preloader-color: #000;
    --preloader-color2: #2b2d3e;
    --live-area-width: 100%;
    --header-border-bottom: transparent;
    --header-logo-font-size: 22px;
    --header-logo-border-right: #E5E5E5;
    --header-logo-border-bottom: transparent;
    --header-track-border-right: #DFE4ED;
    --header-box-display: block;
    --header-box-background: #fd9203;
    --panel-header-background: transparent;
    --panel-body-padding: 5px 0 15px 0;
    --panel-border-color: transparent;
    --button-border: #E5E5E5;
    --button-text-color-hover: #202020;
    --menu-border-right: #fff;
    --menu-icon-font-size: 13px;
    --menu-background-check: rgba(255,255,255,0.15);
    --menu-button-border-color: #fff;
    --submenu-border-right: #E5E5E5;
    --submenu-text-color: var();
    --submenu-text-color: var();
    --submenu-text-color: var(-);
    --submenu-text-color: var(--);
    --submenu-text-color: var(--text-color);

    --top-menu-background-color: #F5F5F5;
    --top-menu-background-check: #000;
    --top-menu-check-color: #fff;
    --top-menu-hover-color: #000;
    --top-menu-color: #000;
    --top-menu-border: transparent;
    --top-submenu-background-color: #fff;
    --top-submenu-text-color: #000;
    --top-submenu-text-hover: #6a6a6a;
    --top-submenu-background-check: #F5F5F5;
    --top-submenu-check-color: #000;

    --field-padding-horizontal: 15px;
    --tr-hover-background: #F5F5F5;
    --tr-hover-color: var(--text-color);
    --tr-even-background: #fff;
    --tr-odd-background: transparent;
    --table-body-color: var(--text-color);
    --table-header-color: var(--text-color-light);
    --modal-footer-background: #DFE4ED;
    --modal-header-background: #fd9203;
    --modal-header-color: #fff;
    --button-box-shadow: none;
    --panel-box-shadow: none;
    --panel-header-color: #000000;
    --panel-footer-background: transparent;
    --header-text-color: #8694B0;
    --header-box-shadow: none;
    --menu-box-shadow: none;
    --menu-user-splash-background: #fff;
    --panel-header-font-size: 19px;
    --panel-header-font-weight: 600px;
    --panel-header-padding-vertical: 0px;
    --panel-header-padding-horizontal: 0px;
    --panel-header-border-color: transparent;
    --header-logo-text-color: var();
    --header-logo-text-color: var(--text-color);
    --menu-color-button-circle: #fff;
    --submenu-item-padding-horizontal: 16px;
    --submenu-item-padding-vertical: 5px;
    --modules-button-radius: 100px;
    --name: Builder Casts;
    --field-padding-vertical: 0px;
    --panel-padding: 0px;
    --header-box-padding-horizontal: 0px;
    --header-box-padding-vertical: 0px;
    --header-logo-padding-horizontal: 0px;
    --header-logo-padding-vertical: 0px;
    --login-background-color: #cbcbcb;
    --login-panel-header-background: #eceff4;
    --login-panel-left-background-color: #F5F5F5;
    --login-panel-right-background-color: #ffffff;
    --login-button-background: #000000;
    --login-button-text-color: #fff;
    --login-panel-left-text-header-color: #000;
    --login-panel-left-text-header-align: left;
    --login-panel-left-text-header-font-size: 40px;
    --login-panel-left-text-header-font-weight: 700;
    --login-panel-left-text-footer-color: #FAFAFA;
    --login-panel-left-text-footer-align: left;
    --login-panel-left-text-footer-font-size: 30px;
    --login-panel-left-text-footer-font-weight: 700;
    --login-panel-detail-display: flex;
    --login-link-color: var(--text-color);
    --login-html: ;
    --login-panel-detail-display-image: flex;
    --login-panel-detail-display-details: flex;
    --login-panel-detail-image-size: contain;
    --login-panel-detail-image-position: center;
    --login-panel-detail-direction: row;
    --login-panel-max-width: 1250px;
    --login-panel-detail-force-full-image: ;
    --login-panel-border-radius: 20px;
    --login-panel-box-shadow: none;
    --login-title-font-size: 30px;
    --login-title-align: center;
    --login-title-font-weight: 700;
    --login-title-color: var(--text-color-strong);
    --login-header-font-size: 14px;
    --login-header-align: left;
    --login-header-color: #8694B0;
    --login-border-color: transparent;
    --login-panel-left-header-image-position: center;
    --login-text-center-align: center;
    --login-text-center-size: 18px;
    --login-text-center-weight: 600px;
    --login-text-center-color: #FAFAFA;
    --show-text-center: ;
    --panel-row-margin-bottom: 7px;

    --tab-border-radius: 0px;
    --tab-font-size: 15px;
    --tab-button-border: 1px solid transparent;
    --tab-button-color: var(--text-color-light);
    --tab-button-border-radius: 24px;
    --tab-button-background: transparent;
    --tab-button-background-hover: transparent;
    --tab-buttons-background: transparent;
    --tab-buttons-buttons-padding: 0px 0px 10px 0px; 
    --tab-buttons-buttons-margin-bottom: 10px; 
    --tab-buttons-border-radius: 0px;
    --tab-buttons-buttons-border-left: 1px solid transparent; 
    --tab-buttons-buttons-border-right: 1px solid transparent; 
    --tab-buttons-buttons-border-bottom: 1px solid var(--content-border-color); 
    --tab-buttons-buttons-border-top: 1px solid transparent; 
    --tab-buttons-font-weight: 400;
    --tab-content-border: none; 
    --tab-content-border-radius: 0px;
    --tab-content-padding: 10px 10px 10px 0px;
    --tab-button-active-color: #09090B;
    --tab-buttons-active-font-weight: 400;
    --tab-button-active-border: 1px solid #fff;
    --tab-button-active-background: var(--content-background);

    --table-header-font-size: 13px;
    --table-header-font-weight: normal;
    --table-header-background: transparent;
    --table-header-border-color: var(--content-border-color);
    --table-header-padding-vertical: 12px;
    --field-check-color: #000000;
    --field-disabled-background: #F4F4F4;
    --field-disabled-text-color: #616776;
    --field-disabled-border: #F4F4F4;
    --login-panel-max-height: 550px;
    --login-form-box-shadow: none;
    --submenu-background-check: #F5F5F5;
    --submenu-check-color: var(--text-color);
    --top-menu-background-button-circle: #F5F5F5;
    --submenu-text-hover: #6a6a6a;
    --header-box-width: 60px;


    /* new */
    --submenu-padding: 20px;
    --submenu-dropdown-background: #F5F5F5;
    --submenu-dropdown-border-radius: 20px;
    --submenu-dropdown-padding: 20px;
    --datagrid-action-button-background: #F5F5F5;
    --pagination-align: 'left';
    --navigation-button-border: 1px solid var(--content-border-color);
    --navigation-button-check-background: var(--main-color);
    --navigation-button-check-color: #fff;
    --navigation-button-check-border: none;
    --scrollbar-width: 6px;
    --switch-check-color: var(--main-color);
    --switch-color: #d8d8d8;
    --tooltip-background: #fff;
    --tooltip-border: 1px solid var(--content-border-color);
    --tools-bar-background: var(--menu-elastic-background-color);
    --tools-bar-padding: 6px;
    --tooltip-color: var(--text-color);
    --mini-calendar-day-hover: #f4f4f5;

    --select-result-border-radius: 0px;
    --select-result-hover: var(--main-color);
    --select-result-text-color: #fff;
    --select-result-padding: 4px;

    --text-title-h1-font-size: 19px;
    --text-title-h2-font-size: 17px;
    --text-title-h3-font-size: 15px;
    --button-primary-background: #000000;
    --button-primary-color: #fff;
    --menu-background-button-circle: transparent;
    --curtain-padding: 15px;
    --modal-border-color: transparent;
    --menu-button-border-color: transparent;
    --modal-top: 10%;
    --modal-border-radius: 20px;
    --toast-text-color: #fff;
    --overlay-opacity: 0.8;
    --button-font-weight: 400;
    --navigation-button-border-radius: 100%;
    --top-menu-border-button-circle: transparent;
    --label-font-weight: 400;
    --table-border-color: var(--content-border-color);
    --submenu-font-weight: 400;

    /* variáveis herdadas do style.css — portadas para o default_white */
    --live-background-color: #fbfbfb;
    --submenu-background-color: #fff;
    --menu-check-color: #fff;
    --submenu-font-size: var(--font-size);
    --submenu-padding-horizontal: 0px;
    --top-menu-color-button-circle: var(--button-text-color);
    --field-padding: var(--field-padding-vertical) var(--field-padding-horizontal) var(--field-padding-vertical) var(--field-padding-horizontal);
    --login-background-opacity: 0.6;
    --color-green: #2ecc71;
    --color-red: #EF4648;
    --color-blue: #047afd;
    --color-orange: #F9BF3B;
    --color-sea: #1BA39C;
    --color-purple: #8E44AD;
    

    /* TEMPLATE */
    --notch-height: 40px;
    --notch-background: #000;
    --notch-button-icon-color: #fff;
    --notch-button-hover: #fff;
    --notch-button-border-radius: 100%;
    --menu-border-radius: 26px;
    --menu-elastic-background-color: #F5F5F5;

    --modular-login-display-color: #000;
    --modular-login-background: #fff;
    --modular-login-position: unset;
    --modular-login-display-margin: 20px;
    --modular-login-display-border-radius: 20px;
    --modular-login-display-padding: 50px;
    --modular-login-display-width: 50%;
    --modular-login-display-text-color: #c3c3c3;
    --modular-login-display-content-width: 350px;
    --modular-login-display-content-text-align: left;
    --modular-login-display-background-url: url('https://dev.fisy.me/rodrigo/builder/app/images/bgnotch5.jpg');
    --modular-login-content-display-v-align: flex-end;
    --modular-login-content-display-o-align: left;
    --modular-login-display-logo-display: flex;
    --modular-login-display-form-padding: 20px;
    --modular-login-display-form-width: 50%;
    --modular-login-display-logo-align: left;
    --modular-login-content-form-v-align: center;
    --modular-login-content-form-o-align: center;
    --modular-login-form-title-color: #000;
    --modular-login-form-text-align: center;
    --modular-login-button-background: #000;
    --modular-login-button-color: #fff;
    --modular-login-form-logo-width: 130px;
    --modular-login-form-content-width: 340px;
    --modular-login-display-form-logo-display: none;
}