html {
    overflow-x: hidden !important;
}

body {
    /* font-family: "Helvetica", Sans-Serif; */
    background-color: #FFFFFF;
    position: relative;
    height: auto;
    min-height: 100%;
    /* height:-webkit-fill-available; */
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: auto;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    font-family: "Montserrat-Regular", "Montserrat-Medium", "Montserrat-SemiBold", "Montserrat-Bold", "Montserrat-ExtraBold", sans-serif;
    -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 */
}

#sitePreloader {
    background-image: url("sitepreloader.gif") no-repeat;
    height: 100px;
    width: 100px;
    background-color: black;
    background-size: 100%;
    z-index: 1000;
    position: absolute;
    top: 0px;


}

/*
@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
} */
div {
    /* transition: background-color 0.5s ease; */

    /* Firefox */
    /* -moz-transition: background-color .85s ease; */
    /* WebKit */
    /* -webkit-transition: background-color .5s ease; */
    /* Opera */
    /* -o-transition: background-color .5s ease; */
    /* Standard */
    /* transition: background-color .5s ease; */

    /* Firefox */
    /* -moz-transition: all .5s ease-in; */
    /* WebKit */
    /* -webkit-transition: all .5s ease-in; */
    /* Opera */
    /* -o-transition: all .5s ease-in; */
    /* Standard */
    /* transition: all .5s ease-in; */

    /* animation: fadein .4s;
    -moz-animation: fadein .4s;  Firefox
    -webkit-animation: fadein .4s;  Safari and Chrome
    -o-animation: fadein .4s; Opera */

}


/*
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein {  Firefox
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { Safari and Chrome
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { Opera
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
} */


/* 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 */
    --regular: "Montserrat-Regular";
    --medium: "Montserrat-Medium";
    --semiBold: "Montserrat-SemiBold";
    --bold: "Montserrat-Bold";
    --extraBold: "Montserrat-ExtraBold";

    --secondaryRegular: "Inter-Regular";
    --secondarySemiBold: "Inter-SemiBold";
    --secondaryBold: "Inter-Bold";

    --appBg: linear-gradient(360deg, #120628 0%, #120628 100%);

    /* Gradients */
    --gradients-purple-gradient: linear-gradient(90deg, #090E68 0%, #48189D 100%);
    --gradients-gold-gradient: linear-gradient(180deg, #FFE28D 0%, #BD993F 100%);
    --gradients-gold-gradient-reverted: linear-gradient(180deg, #BD993F 0%, #FFE28D 100%);
    --gradients-blue-gradient: linear-gradient(0deg, #50A1FE 0%, #0E5CC6 100%);
    --gradients-blue-gradient-20: linear-gradient(0deg, #50A1FE 0%, #0E5CC6 20%);
    --gradients-blue-gradient-reverted: linear-gradient(0deg, #0E5CC6 0%, #50A1FE 100%);

    /* Base Brand Colors */
    --brand-blue-900: #062753;
    --brand-blue-800: #08336d;
    --brand-blue-700: #0a418d;
    --brand-blue-600: #0d55b4;
    --brand-blue-500: #0e5cc6;
    --brand-blue-400: #3e7dd1;
    --brand-blue-300: #5e92d9;
    --brand-blue-200: #90b4e5;
    --brand-blue-100: #b4cced;
    --brand-blue-50: #e7eff9;

    --brand-violet-900: #120628;
    --brand-violet-800: #2c1b48;
    --brand-violet-700: #331f6f;
    --brand-violet-600: #42168f;
    --brand-violet-500: #4b189d;
    --brand-violet-400: #6d46b1;
    --brand-violet-300: #8464d8;
    --brand-violet-200: #ab95d2;
    --brand-violet-100: #c6b7e1;
    --brand-violet-50: #ede8f5;

    --brand-yellow-900: #57471d;
    --brand-yellow-800: #947731;
    --brand-yellow-700: #bd935f;
    --brand-yellow-600: #ebc860;
    --brand-yellow-500: #ffe28d;
    --brand-yellow-400: #ffeba0;
    --brand-yellow-300: #ffeecb;
    --brand-yellow-200: #fff2cb;
    --brand-yellow-100: #fffddc;
    --brand-yellow-50: #fffef4;

    --brand-red-900: #5e0000;
    --brand-red-800: #7b0000;
    --brand-red-700: #9f0000;
    --brand-red-600: #cc0000;
    --brand-red-500: #e60000;
    --brand-red-400: #e83333;
    --brand-red-300: #ea5454;
    --brand-red-200: #fba8a8;
    --brand-red-100: #f5b0b0;
    --brand-red-50: #fce6e6;

    --neutrals-grey-900: #363740;
    --neutrals-grey-800: #464954;
    --neutrals-grey-700: #5e5e6d;
    --neutrals-grey-600: #74788b;
    --neutrals-grey-500: #808499;
    --neutrals-grey-400: #999dad;
    --neutrals-grey-300: #aaadb8;
    --neutrals-grey-200: #c5c6d0;
    --neutrals-grey-100: #d8d9df;
    --neutrals-grey-50: #f2f3f5;
    --neutrals-white-0: #ffffff;

    --system-success-900: #046120;
    --system-success-800: #067f2a;
    --system-success-700: #09d145;
    --system-success-600: #0ae64c;
    --system-success-500: #14f64d;
    --system-success-400: #38eb70;
    --system-success-300: #5ebe87;
    --system-success-200: #8efac4;
    --system-success-100: #b3f7c6;
    --system-success-50: #e7fded;

    --system-warning-900: #614c04;
    --system-warning-800: #7f6406;
    --system-warning-700: #a38107;
    --system-warning-600: #d1a609;
    --system-warning-500: #e8c60a;
    --system-warning-400: #ebc538;
    --system-warning-300: #eecc50;
    --system-warning-200: #f4dd8e;
    --system-warning-100: #f7e883;
    --system-warning-50:  #fdf8e7;

    --system-error-900: #610404;
    --system-error-800: #7f0606;
    --system-error-700: #a30707;
    --system-error-600: #d10909;
    --system-error-500: #e60a0a;
    --system-error-400: #eb3838;
    --system-error-300: #ee5858;
    --system-error-200: #f48e8e;
    --system-error-100: #f7b3b3;
    --system-error-50:  #fde7e7;

    --textPrimary: var(--brand-violet-900);
    --textSecondary: var(--neutrals-grey-500);
    --textInverted: var(--neutrals-white-0);

    --borderSecondary: var(--brand-violet-900);
    --borderWhite: var(--neutrals-white-0);

    --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-surface: #f5f5f5;
    --color-text: #1e1e1e;
    --color-muted: #888888;

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

    /* Header BG */
    --primaryBgColor: var(--gradients-purple-gradient);
    /* SideNav BG */
    --secondaryBgColor: linear-gradient(353deg, #120628 5.13%, #120628 94.87%);
    /* Footer BG */
    --tertiaryBgColor: #120628;
    /* Menu buttons Gradient */
    --quaternaryBGColor: linear-gradient(348deg, #120628 7.84%, #120628 92.16%);

    /* 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(--brand-violet-200);
    border-radius: 4px;
}

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

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