:root {
  --IB_blue: #3d6698;
  --IB_blue_dark: #365b88;
  --IB_blue_light: #3bafda;
  --IB_black: #434A54;
  --IB_black_dark: #333333;
  --IB_grey: #656D78;
  --IB_grey_light: #e6e9ed;
  --IB_red: #ed5564;
  --IB_red_dark: #DB4453;
  --IB_green: #009688;
  --IB_green_dark: #00796B;
  --IB_orange: #F7931D;
  --IB_white: #ffffff;
  --IB_row: #ffffff;
  --IB_alt_row: #F5F7FA;
  --IB_row_hover: rgba(61, 102, 152, 0.2);
  --IB_picker_hover: #3d6698;
  --IB_active_tab: #3d6698;
  --IB_input_BG: #e8f0fe;
  --IB_blue_20: #d8e0ea;
  --IB_green_20: #cceae7;
  --IB_purple: #BF40BF;
  --IB_default_fontColor: #434A54;
  --state_new_request: #656D78;
  --state_handling: #ffffff;
  --state_suggestion: #BF40BF;
  --state_concept: #ffffff;
  --state_definitive: #009688;
  --state_pending: #F7931D;
  --state_pending_m: #F7931D;
  --state_pending_f: #F7931D;
  --state_accepted: #009688;
  --state_declined: #ed5564;
  --state_correction: #ed5564;
  --state_finished: #009688;
  --state_invoiced: #009688;
  --state_archived: #009688;
  --state_delete: #ed5564;
  --state_canceled: #ed5564;
  --transparent-action-color: rgba(61, 102, 152, 0.2);
  }

html {
  position: relative;
  height: 100%;
  width: 100%;
  }

body {
  font-family: 'Roboto', sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-size: 11pt;
  line-height: 20px;
  font-weight: 300;
  background-color: var(--IB_grey_light);
  color: var(--IB_black);
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  }

strong {
  font-weight: 500;
  }

#loaderWrap {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1500;
  }

#loaderGif {
  align-self: center;
  }

#loaderTxt {
  margin-top: 2rem;
  font-size: 2rem;
  font-weight: 500;
  color: var(--IB_blue);
  }

h1, h2, h3, h4 {
  font-weight: 500;
  }

.clear {
  clear: both;
  }

.clearFix:after {
  content: "";
  display: block;
  clear: both;
  }

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  }