body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-calibri: Calibri;
  --font-montserrat: Montserrat;
  --font-arial: Arial;
  --font-roboto: Roboto;

  /* font sizes */
  --font-size-xl: 1.25rem;
  --font-size-31xl: 3.125rem;
  --font-size-sm: 0.875rem;
  --font-size-6xl: 1.563rem;
  --font-size-xs: 0.75rem;
  --font-size-3xs: 0.625rem;
  --font-size-lg: 1.125rem;
  --font-size-mini: 0.938rem;
  --font-size-base: 1rem;
  --font-size-2xs: 0.688rem;
  --font-size-11xl: 1.875rem;

  /* Colors */
  --color-black: #000;
  --color-white: #fff;
  --color-darkslateblue: #014b88;
  --color-red: #B00000;
  --color-forestgreen-100: #008a25;
  --color-whitesmoke-100: #f9f9f9;
  --color-whitesmoke-200: #f5f5f5;
  --color-whitesmoke-300: #eff2f5;
  --color-steelblue-300: #0c92db;
  --color-steelblue: #0095d9;
  --color-steelblue-100: #0c7dba;
  --color-steelblue-200: rgba(12, 125, 186, 0.4);
  --color-lightgray-100: #d1d1d1;
  --color-lightgray-200: #c3cbce;
  --color-lightgray: rgba(201, 206, 216, 0.68);
  --color-gainsboro: rgba(229, 229, 229, 0.68);
  --color-darkslategray: #333;
  --color-gray-100: #8d8d8d;
  --color-gray-200: #212529;
  --color-aliceblue-100: #f2f6ff;
  --color-aliceblue-200: rgba(242, 246, 255, 0.68);
  --color-cornflowerblue: #3483e2;
  --color-dimgray: rgba(112, 112, 112, 0.6);
  --color-darkgray-100: #636363;
  --color-darkgray-200: #636363;

  /* Border radiuses */
  --br-3xs: 10px;
  --br-31xl: 50px;
  --br-xl: 20px;
  --br-10xs: 3px;
}

.loading-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #f9f9f9
      url(../../img/loading1.png) center
      no-repeat;
  z-index: 10000;
}

#loadingSpinner {
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url(../../img/loading1.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.disp-none{
  display: none;
}
.disp-none-imp{
  display: none !important;
}

.disp-flex {
  display: flex;
}