* {
    box-sizing: border-box
}

body {
  background-color: #2e2e38;
  
}

.dot {
    height: 13px;
    width: 13px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
}

/* noto-sans-regular - latin */
@font-face {
    font-family: "Noto Sans Bold";
    font-style: normal;
    src: url("themes/default/assets/fonts/NotoSans/NotoSans-Bold-webfont.eot")
       format("embedded-opentype"), /* IE9 Compat Modes */
       url("themes/default/assets/fonts/NotoSans/NotoSans-Bold-webfont.woff") 
       format("woff"),
      /* Modern Browsers */ url("themes/default/assets/fonts/NotoSans/NotoSans-Bold-webfont.ttf")
        format("truetype"),
      /* Safari, Android, iOS */
        url("themes/default/assets/fonts/NotoSans/NotoSans-Bold-webfont.svg") 
        format("svg"); /* Legacy iOS */
  }


@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    src: url("themes/default/assets/fonts/NotoSans/NotoSans-Regular-webfont.eot")
        format("embedded-opentype"), /* IE9 Compat Modes */
        url("themes/default/assets/fonts/NotoSans/NotoSans-Regular-webfont.woff") 
        format("woff"),
      /* Modern Browsers */ url("themes/default/assets/fonts/NotoSans/NotoSans-Regular-webfont.ttf")
        format("truetype"),
      /* Safari, Android, iOS */
        url("themes/default/assets/fonts/NotoSans/NotoSans-Regular-webfont.svg") 
        format("svg"); /* Legacy iOS */
  }
  
  @font-face {
    font-family: "EY Interstate Regular";
    font-style: normal;
    src: url("themes/default/assets/fonts/EYInterstate/EYINTERSTATE-REGULAR.TTF") format("truetype"); /* Safari, Android, iOS */
  }

  @font-face {
    font-family: "EYInterstate-Light";
    font-style: normal;
    src: url("themes/default/assets/fonts/NotoSans/NotoSans-Regular-webfont.eot")
    format("embedded-opentype"), /* IE9 Compat Modes */
    url("themes/default/assets/fonts/EYInterstate/EYINTERSTATE-LIGHT.TTF") format("truetype"); /* Safari, Android, iOS */
  }
  
  @font-face {
    font-family: "EY Interstate Bold";
    font-style: normal;
    font-weight: bold;
    src: url("themes/default/assets/fonts/NotoSans/NotoSans-Bold-webfont.eot")
    format("embedded-opentype"), /* IE9 Compat Modes */
    url("themes/default/assets/fonts/EYInterstate/EYINTERSTATE-BOLD.TTF") format("truetype"); /* Safari, Android, iOS */
  }

#root {
    height: 100%;
    font-family: "Noto Sans";
}

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

@supports (-ms-ime-align:auto)
and (-webkit-text-stroke:initial) {
  .selector { property:value; } 
}

body {
  background-color: #2e2e38;
}
.modal-content-spinner {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  height: 200px !important;
  width: 100%;
}
.ball-loader {
  width: 200px;
  height: 46.6666666666px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 9000
}
.ball-loader-ball {
  will-change: transform;
  height: 46.6666666666px;
  width: 46.6666666666px;
  border-radius: 50%;
  background-color: #ffe600;
  position: absolute;
  -webkit-animation: grow 1s ease-in-out infinite alternate;
          animation: grow 1s ease-in-out infinite alternate;
}
.ball-loader-ball.ball1 {
  left: 0;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ball-loader-ball.ball2 {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
.ball-loader-ball.ball3 {
  right: 0;
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
}
@-webkit-keyframes grow {
  to {
    -webkit-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
  }
}
@keyframes grow {
  to {
    -webkit-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
  }
}
.hidden {
  display: none;
}
.is-active {
  display: inline;
}
.request {
  color: lightgray;
}
.file_icon, svg{
  font-size: 16px;
  width: 16px;
  height: 16px;
}