html {
    overflow-x: hidden !important;
}

body {
    font-family: "Inter-Regular", sans-serif;
    background-color: #FFFFFF;
    position: relative;
    height: auto;
    min-height: 100%;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: auto;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;

    /* animation: fadeInAnimation ease .7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; */

    -webkit-font-smoothing: antialiased;
    /* Makes text sharper */
    -moz-osx-font-smoothing: grayscale;
    /* For Firefox on macOS */
    text-rendering: optimizeLegibility;
    -webkit-text-stroke: 0px transparent;
    /* Ensure text is clear */
    /* Increases legibility, sharper text */
}

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

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

/* html {
  scroll-behavior: smooth;
} */

:root {
    /* Brand Font Styles */
    --font-regular: "Inter-Regular";
    --font-bold: "Inter-Bold";
    --font-secondary-regular: "Anton-Regular";

    --blue-900: #030418;
    --blue-800: #03061E;
    --blue-700: #060A38;
    --blue-600: #090933;
    --blue-500: #101854;
    --blue-400: #383860;
    --blue-300: #595B7A;
    --blue-200: #8C8EA3;
    --blue-100: #B2B3C1;
    --blue-50:  #E6E7EB;

    --green-900: #175D36;
    --green-800: #17C746;
    --green-700: #23A25A;
    --green-600: #23DA72;
    --green-500: #26F07D;
    --green-400: #51F397;
    --green-300: #6EFFA8;
    --green-200: #98FBC3;
    --green-100: #BCFAD7;
    --green-50:  #E9FFF2;

    --yellow-900: #69521D;
    --yellow-800: #866B25;
    --yellow-700: #AD8A30;
    --yellow-600: #DEB13E;
    --yellow-500: #F4C344;
    --yellow-400: #F6CF69;
    --yellow-300: #FBD772;
    --yellow-200: #FAE5A9;
    --yellow-100: #FCECC5;
    --yellow-50:  #FFF9E9;

    --grey-900: #3A454A;
    --grey-800: #4B585F;
    --grey-700: #61757D;
    --grey-600: #7D8A90;
    --grey-500: #9BA5B0;
    --grey-400: #A1B7C0;
    --grey-300: #C9D6DB;
    --grey-200: #DAE5E7;
    --grey-100: #EDF1F5;
    --grey-50:  #F3F6F7;
    --white-0:  #FFFFFF;

    --success-900: #045120;
    --success-800: #067F2A;
    --success-700: #09D145;
    --success-600: #0DEA4C;
    --success-500: #26F07D;
    --success-400: #3BEE70;
    --success-300: #85EEB7;
    --success-200: #8EF4AD;
    --success-100: #B3F7C8;
    --success-50:  #E7FDED;

    --warning-900: #614D04;
    --warning-800: #7F6E46;
    --warning-700: #A38107;
    --warning-600: #D1A609;
    --warning-500: #E6B60A;
    --warning-400: #EBC53B;
    --warning-300: #EECE59;
    --warning-200: #F4DD8E;
    --warning-100: #F7EBB3;
    --warning-50:  #FDF6E7;

    --error-900: #610404;
    --error-800: #7F0606;
    --error-700: #A30707;
    --error-600: #D10009;
    --error-500: #E60A0A;
    --error-400: #EB3838;
    --error-300: #EE5858;
    --error-200: #F48B8E;
    --error-100: #F7B3B3;
    --error-50:  #FDE7E7;

    --textPrimary: #120628;
    --textInverted: var(--white-0);
    --textContrast: var(--green-600);

    --primaryColor: linear-gradient(0deg, rgba(80, 161, 254, 0.80) 0%, rgba(14, 92, 198, 0.80) 100%);
    --secondaryColor: #BD993F;

    /* Navigation button color*/
    --tertiaryColor: linear-gradient(0deg, rgba(80, 161, 254, 0.80) 0%, rgba(14, 92, 198, 0.80) 100%);;
    --quaternaryColor: #00C897;
    --quinaryColor: #FFA500;

    /* Text + Background (optional) */
    --primaryTxtColor: #ffffff;
    --color-text: #1e1e1e;

    /*  Border + Cure (optional) */
    --primaryBorderColor: #ffffff;

    /* Header BG */
    --primaryBgColor: var(--blue-500);
    /* SideNav BG */
    --secondaryBgColor: linear-gradient(353deg, #120628 5.13%, #120628 94.87%);
    /* Footer BG */
    --tertiaryBgColor: #120628;

    /* Status Colors */
    --successColor: #16C347;
    --errorColor: #FF0000;
    --warningColor: #ffc107;
    --infoColor: #17a2b8;

    --optimove_inbox_z_index: 9000;
    --optimove_inbox_background_color: #ffffff;
    --optimove_inbox_z_index_1: 2147483645;
    --optimove_inbox_header_background_color: #7727CF;
    --optimove_inbox_message_background_read: #2D0A32;
    --optimove_inbox_message_background_unread: #BB267F;
    --optimove_inbox_message_action_button_color: #ffffff;
    --optimove_inbox_action_menu_background_color: #7727CF;
    /* --optimove_inbox_message_action_button_text_font_size : "11px"; */

    --optimove_inbox_action_menu_color: #ffffff;
    --optimove_inbox_action_menu_hover_color: #ffffff;
    /* --optimove_inbox_action_menu_hover_scale : scale(1.2); */

    --optimove_inbox_message_title_font_color: #ffffff;
    --optimove_inbox_message_title_font_weight: "bold";
    --optimove_inbox_message_font_color: #ffffff;

    /* --optimove_inbox_badge_right: 15px;
    --optimove_inbox_badge_bottom: 15px;
    --optimove_inbox_badge_width: 58px;
    --optimove_inbox_badge_height: 58px;
    --optimove_inbox_badge_background_color: #F10A69;
    --optimove_inbox_badge_border_radius: 50%;
    --optimove_inbox_badge_transform: scale(0.5);
    --optimove_inbox_badge_transform_origin: center; */


}

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--blue-50);
    border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--green-400);
    border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--green-400);
    border-radius: 4px;
}