#scrollableDiv::-webkit-scrollbar {
  width: 8px !important;
  display: inherit !important;
  background-color: white !important;
}

#scrollableDiv::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0px !important;
  display: inherit !important;
  width: 10px !important;
}

body {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

html {
  /* remove firefox scrollbar on html*/
  scrollbar-width: none;
}

* {
  scrollbar-width: none;
}

:root {
  --color-theme-0: #111111;
  --color-theme-1: #0c2461;
  --color-theme-2: #2680eb;
  --color-theme-3: #4a69bd;
  --color-theme-4: #272c34;
  --color-theme-10: #4b4b4b;

  --color-theme-bright-gray: #eaeaea;
  --color-theme-snow: #fafafa;
  --color-theme-white: #ffffff;
  --color-theme-cloud: #cacaca;
  --color-theme-red: #f25858;
  --color-theme-lightblue: #e7f1fd;
  --color-theme-blue: #2680eb;
  --color-theme-green: #20991e;
  --color-theme-success-green: #61bd50;
  --color-theme-yellow: #f2c744;
  --color-theme-gray: #f5f5f5;
  --color-theme-gray-white: #b3b3b3;
  --color-theme-lightgray: #999;
  --color-theme-silver: #555555;
  --color-theme-deactivated: #8e8e8e;
  --color-theme-steelgray: #2c2c2c;
  --color-theme-darkgray: #222222;

  --color-theme-black: #000000;

  --color-font-0: var(--color-theme-0);
  --color-font-10: var(--color-theme-10);
  --color-font-red: #f25858;
  --color-font-blue: #2680eb;
  --color-font-green: #20991e;
}

:root {
  --color-bg-login: var(--color-theme-snow);
  --color-bg-login-box: var(--color-theme-white);
  --color-bg-login-button: var(--color-theme-blue);

  --color-bg-header: var(--color-theme-white);
  --color-bg-footer: var(--color-theme-white);
  --color-bg-hr: var(--color-theme-gray);

  --color-bg-sidebar: var(--color-theme-snow);
  --color-bg-sidebar-item: var(--color-theme-snow);
  --color-bg-sidebar-item-selected: var(--color-theme-lightblue);
  --color-bg-sidebar-item-hover: var(--color-theme-lightblue);

  --color-bg-caselist: var(--color-theme-gray);
  --color-bg-caselist-item: var(--color-theme-white);
  --color-bg-caselist-item-selected: var(--color-theme-lightblue);
  --color-bg-caselist-item-hover: var(--color-theme-lightblue);

  --color-bg-content: var(--color-theme-snow);
  --color-bg-content-box: var(--color-theme-4);
  --color-bg-content-box-hover: var(--color-theme-lightblue);
  --color-bg-content-evidence: var(--color-theme-gray);
  --color-bg-content-callback: var(--color-theme-4);
  --color-bg-content-log: var(--color-theme-4);
  --color-bg-content-message: var(--color-theme-snow);

  --color-bg-popup: var(--color-theme-gray);
  --color-bg-popup-header: var(--color-theme-gray);
  --color-bg-popup-confirm: var(--color-theme-blue);
  --color-bg-popup-cancel: var(--color-theme-silver);

  --color-border: var(--color-theme-cloud);
  --color-border-dashed: var(--color-theme-gray-white);
}

html {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  background-color: var(--color-bg-content);
  height: 100%;
}

body {
  height: 100%;
  overflow-x: hidden;
}
body > *:first-child {
  margin-top: 0;
}

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/*  Set the input background to transparent on autocomplete form in chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px solid;
  outline: none;
}