html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0px !important;
}

html,
body {
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0;
}

main,
li {
  display: block;
}

h1,
h2,
h3,
h4 {
  font-size: inherit;
}

strong {
  font-weight: bold;
}

a,
button {
  color: inherit;
  transition: 0.3s;
  cursor: pointer;
}

a {
  text-decoration: none;
}

button {
  overflow: visible;
  padding: 0;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:focus {
  outline: 0;
}

input,
textarea {
  font: inherit;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ao-headline {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.05px;
  line-height: 32px;
}

.ao-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05px;
  line-height: 28px;
}

.ao-subhead, .c-popup__title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 24px;
}

.ao-subhead-2 {
  font-weight: 500;
}

.ao-body, .upload__progress-wrapper .file-error-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.ao-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 24px;
}

.ao-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
}

.ao-label--inline {
  display: inline;
}

.ao-label-2 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 24px;
}

.ao-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.1px;
  line-height: 112px;
}

.ao-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.05px;
  line-height: 56px;
}

.ao-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

.ao-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

body {
  overflow: hidden;
  background-color: #f5f5fa;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: rgba(0, 0, 0, 0.87);
}

.ao-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ao-loader__blanket {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5fa;
  opacity: 0.95;
}

.ao-loader__icon {
  position: relative;
  height: 1em;
  width: 1em;
  margin: 0 auto;
  transform-origin: center center;
  animation: rotate 1s linear infinite;
}
.ao-loader__icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ao-loader__message {
  margin-top: 1rem;
}

.ao-loader-path {
  stroke-width: 4px;
  stroke: #148aed;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.ao-loader--page {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
.ao-loader--page .ao-loader__icon {
  font-size: 64px;
}

.ao-loader--overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ao-loader--overlay .ao-loader__icon {
  font-size: 64px;
}

.ao-loader--inline {
  position: relative;
  display: inline-block;
}

.ao-loader--inverted .ao-loader-path {
  stroke: #FFF;
}

.ao-loader--thin .ao-loader-path {
  stroke-width: 2px;
}

.ao-loader--vlarge .ao-loader__icon {
  font-size: 128px;
}

.ao-loader--tiny {
  height: 16px;
}
.ao-loader--tiny .ao-loader__icon {
  font-size: 16px;
}

.ao-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  padding: 0;
  outline: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.1px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
  border-radius: 3px;
  background-color: white;
  box-shadow: inset 0 0 0 1px #d9dee6;
  color: #0070d1;
}
.ao-button:hover {
  background-color: #f5f5fa;
}
.ao-button:active {
  background-color: #e0e6ed;
}
.ao-button .ao-icon {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.ao-button .ao-button__label {
  max-width: 100%;
  overflow: hidden;
  margin-left: 1rem;
  margin-right: 1rem;
  line-height: 2.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ao-button .ao-icon + .ao-button__label {
  margin-left: 0;
}
.ao-button .ao-button__label + .ao-icon {
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}
.ao-button .ao-icon--badge {
  font-size: 1rem;
  position: absolute;
  top: -4px;
  right: -4px;
  margin: 0 !important;
}

.ao-button--primary, .ao-list-item--grouped:hover .ao-list-button {
  background-color: #148aed;
  box-shadow: inset 0 0 0 1px transparent;
  color: white;
}
.ao-button--primary:hover, .ao-list-item--grouped:hover .ao-list-button:hover {
  background-color: #f5f5fa;
}
.ao-button--primary:active, .ao-list-item--grouped:hover .ao-list-button:active {
  background-color: #e0e6ed;
}
.ao-button--primary:hover, .ao-list-item--grouped:hover .ao-list-button:hover {
  background-color: #0070d1;
}
.ao-button--primary:active, .ao-list-item--grouped:hover .ao-list-button:active {
  background-color: #005eb3;
}

.ao-button--clear {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px transparent;
  color: #0070d1;
}
.ao-button--clear:hover {
  background-color: #f5f5fa;
}
.ao-button--clear:active {
  background-color: #e0e6ed;
}

.ao-button--link {
  background-color: transparent;
  box-shadow: inset 0 0 0 transparent;
  color: #0070d1;
  padding: 0;
  height: auto;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: transparent;
  line-height: inherit;
  font-size: inherit;
  font-weight: bold;
  vertical-align: baseline;
  border-radius: 0;
}
.ao-button--link:hover {
  background-color: #f5f5fa;
}
.ao-button--link:active {
  background-color: #e0e6ed;
}
.ao-button--link:hover {
  border-color: #0070d1;
  background-color: transparent;
}
.ao-button--link .ao-button__label {
  margin: 0;
  line-height: inherit;
}

.ao-button--negative {
  background-color: #c23833;
  box-shadow: inset 0 0 0 1px transparent;
  color: white;
}
.ao-button--negative:hover {
  background-color: #f5f5fa;
}
.ao-button--negative:active {
  background-color: #e0e6ed;
}
.ao-button--negative:hover {
  background-color: #d25a56;
}

.ao-button--compact {
  height: 1.5rem;
  padding: 0;
  font-size: 0.75rem;
}
.ao-button--compact .ao-button__label {
  line-height: 1.5rem;
}
.ao-button--compact .ao-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.ao-button--compact .ao-button__label {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ao-button--compact .ao-button__label + .ao-icon {
  margin-left: -0.25rem;
  margin-right: 0.25rem;
}

.ao-button--small {
  height: 2rem;
  padding: 0;
}
.ao-button--small .ao-button__label {
  line-height: 2rem;
}
.ao-button--small .ao-icon {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.ao-button--small .ao-button__label + .ao-icon {
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.ao-button--large {
  height: 2.5rem;
  padding: 0;
  font-size: 1rem;
}
.ao-button--large .ao-button__label {
  line-height: 2.5rem;
}
.ao-button--large .ao-icon {
  font-size: 1.25rem;
}
.ao-button--large .ao-button__label + .ao-icon {
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

.ao-button--circle {
  border-radius: 100%;
  width: 2.25rem;
  justify-content: center;
  padding: 0;
}
.ao-button--circle .ao-icon {
  font-size: 1.25rem;
  margin: 0;
}
.ao-button--circle.ao-button--compact {
  width: 1.5rem;
}
.ao-button--circle.ao-button--compact .ao-icon {
  font-size: 1rem;
}
.ao-button--circle.ao-button--small {
  width: 2rem;
}
.ao-button--circle.ao-button--large {
  width: 2.5rem;
}

.ao-button--block {
  display: flex;
  width: 100%;
}

.ao-button--disabled,
.ao-button[disabled] {
  pointer-events: none;
  background-color: #d9dee6;
  color: #a8b8c7;
  opacity: 0.5;
}
.ao-button--disabled.ao-button--circle,
.ao-button[disabled].ao-button--circle {
  background-color: transparent;
}

.ao-button-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ao-button-group .ao-button {
  display: flex;
  flex: 1;
  border-radius: 0;
}
.ao-button-group .ao-button:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.ao-button-group .ao-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.ao-button--loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.ao-button--loading .ao-button__loader-container {
  display: block;
}

.ao-button__loader-container {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
}

.ao-button__loader {
  height: 100%;
  width: 100%;
  background-color: #f5f5fa;
  border-radius: 3px;
}
.ao-button__loader .ao-loader__icon {
  font-size: 2em;
}
.ao-button__loader .ao-loader__message {
  display: none;
}

.ao-button--primary .ao-button__loader, .ao-list-item--grouped:hover .ao-list-button .ao-button__loader {
  background-color: #0070d1;
}
.ao-button--primary .ao-loader__icon, .ao-list-item--grouped:hover .ao-list-button .ao-loader__icon {
  mix-blend-mode: screen;
  isolation: isolate;
}

.fade-enter {
  opacity: 0.01;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 0.1s ease-in;
}

.fade-leave {
  opacity: 1;
}

.fade-leave.fade-leave-active {
  opacity: 0.01;
}

.ao-button--stack {
  flex-direction: column;
  height: auto;
  align-items: center;
  padding: 1rem;
}
.ao-button--stack .ao-button__label {
  line-height: 1;
  margin: 1rem 0 0;
}

@keyframes drop-fade-below {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(3px);
  }
}
@keyframes drop-fade-above {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-below 0.15s;
}

.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-below 0.15s reverse;
}

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
  animation: drop-fade-above 0.15s;
}

.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
  animation: drop-fade-above 0.15s reverse;
}

.ember-power-select-placeholder {
  transition: transform 0.2s, color 0.2s;
  transform-origin: 0 0;
}
.ember-power-select-trigger--active .ember-power-select-placeholder {
  transform: scale(0.7) translateY(-10px);
  color: #0070d1;
}

.ao-dropdown__menu.ember-basic-dropdown-content {
  z-index: 6000;
}

.ao-input {
  width: 100%;
  max-width: none;
  border-width: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  outline: none;
  vertical-align: middle;
  font-family: inherit;
  font-size: 14px;
  line-height: 1em;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
  height: 40px;
  padding: 0 8px;
}
.ao-input:hover {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.ao-input:focus {
  box-shadow: inset 0 0 0 1px #1fb6ff;
  color: #3c4858;
}

.ao-input--s {
  height: 32px;
  padding: 0px 8px;
  font-size: 12px;
}

.ao-input--l {
  height: 48px;
  padding: 0px 8px;
  box-sizing: border-box;
  font-size: 1rem;
}

.ao-input--icon {
  padding-left: 48px;
}

.ao-input--inline {
  width: auto;
  display: inline-block;
}

.ao-textarea {
  width: 100%;
  max-width: none;
  border-width: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  outline: none;
  vertical-align: middle;
  font-family: inherit;
  font-size: 14px;
  line-height: 1em;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
  padding: 12px 8px;
  resize: none;
}
.ao-textarea:hover {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.ao-textarea:focus {
  box-shadow: inset 0 0 0 1px #1fb6ff;
  color: #3c4858;
}
.ao-textarea.ember-auto-resize {
  min-height: 40px;
}

.ao-textarea--s {
  width: 100%;
  max-width: none;
  border-width: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  outline: none;
  vertical-align: middle;
  font-family: inherit;
  font-size: 14px;
  line-height: 1em;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
  padding: 8px;
}
.ao-textarea--s:hover {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.ao-textarea--s:focus {
  box-shadow: inset 0 0 0 1px #1fb6ff;
  color: #3c4858;
}
.ao-textarea--s.ember-auto-resize {
  min-height: 32px;
}

.ao-textarea--l {
  width: 100%;
  max-width: none;
  border-width: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  outline: none;
  vertical-align: middle;
  font-family: inherit;
  font-size: 14px;
  line-height: 1em;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
  padding: 16px 8px;
}
.ao-textarea--l:hover {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.ao-textarea--l:focus {
  box-shadow: inset 0 0 0 1px #1fb6ff;
  color: #3c4858;
}
.ao-textarea--l.ember-auto-resize {
  min-height: 48px;
}

.ao-icon {
  display: block;
  fill: currentColor;
  color: inherit;
  width: 1em;
  height: 1em;
  font-size: 24px;
}

.ao-icon--inline {
  display: inline-block;
  line-height: 1em;
  vertical-align: text-bottom;
}

.ao-icon--button {
  font-size: 16px;
  margin-right: 8px;
}

.ao-icon--mirror {
  transform: scaleX(-1);
}

.ao-icon--xsmall {
  font-size: 14px;
}

.ao-icon--small {
  font-size: 20px;
}

.ao-icon--medium {
  font-size: 26px;
}

.ao-icon--large {
  font-size: 32px;
}

.ao-icon--xlarge {
  font-size: 48px;
}

.ao-icon--blue {
  color: #148aed;
}

.ao-icon--red {
  color: #c23833;
}

.ao-icon--white {
  color: white;
}

.ao-icon--grey {
  color: #a8b8c7;
}

.ao-icon--green {
  color: #05854a;
}

.ao-icon--orange {
  color: #ffb85c;
}

.user-avatar {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.user-avatar--default {
  font-size: 16px;
  height: 40px;
  width: 40px;
}
.user-avatar--tiny {
  height: 16px;
  width: 16px;
  font-size: 10px;
}
.user-avatar--small {
  height: 24px;
  width: 24px;
  font-size: 12px;
}
.user-avatar--medium {
  font-size: 14px;
  height: 32px;
  width: 32px;
}
.user-avatar--large {
  font-size: 2rem;
  height: 56px;
  width: 56px;
}
.user-avatar--huge {
  font-size: 2rem;
  height: 72px;
  width: 72px;
}
.user-avatar__text {
  line-height: 1rem;
}

.menu-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  margin: 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ao-flow-nav .menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: auto;
  height: 48px;
}
.ao-flow-nav .menu__item {
  flex: 0 0 auto;
  position: relative;
  z-index: 10;
  min-width: 48px;
  padding: 0 16px;
  text-align: center;
  color: #666;
  cursor: pointer;
}
.ao-flow-nav .menu__item--active {
  color: black;
}
.ao-flow-nav .menu__item-bg {
  position: absolute;
  background-color: #007AFF;
  min-width: 48px;
  left: 0;
}

.menu-wrapper--pill {
  padding: 0;
  border-radius: 100px;
  background-color: transparent;
  color: inherit;
}
.menu-wrapper--pill .menu__item-bg {
  height: 32px;
  border-radius: 50px;
}

.menu-wrapper--tab {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
}
.menu-wrapper--tab .menu__item-bg {
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background-color: #007AFF;
  margin-left: 16px;
  margin-right: 16px;
}

.ember-modal-dialog {
  z-index: 51;
  position: fixed;
}

.ember-modal-dialog.emd-in-place {
  position: static;
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative;
}

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77);
}

.ao-modal__overlay.translucent {
  background-color: rgba(5, 28, 64, 0.77);
}
.ao-modal__container {
  position: relative;
  padding: 1rem;
}
.ao-modal__container--clear {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.ao-modal__container--medium {
  width: 432px;
  height: 400px;
}

.ao-modal__overlay--white.translucent {
  background-color: rgba(255, 255, 255, 0.95);
}

.ao-modal--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}

.card, .ao-file-uploader {
  position: relative;
  background-color: white;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09), 0 0 0px 1px rgba(225, 230, 237, 0.4);
}

.card--flat {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.card--link {
  display: block;
  cursor: pointer;
  transition: box-shadow 200ms ease;
}
.card--link:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.card__title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  line-height: 24px;
  margin-bottom: 1rem;
  font-weight: bold;
}

.paging-string {
  display: block;
}
.paging-string .page-one {
  display: inline-block;
  min-height: 2.7142em;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  line-height: 1em;
}

.paging-dropdown {
  display: inline-block;
  overflow-x: visible !important;
}

.c-popup {
  position: absolute;
  transform: translateY(16px);
  display: none;
  min-width: 250px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.c-popup__body {
  overflow: hidden;
  padding: 1rem;
}
.c-popup__title {
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.c-popup--right {
  right: -16px;
}

.c-popup-trigger {
  position: relative;
}
.c-popup-trigger--hover:hover .c-popup {
  display: block;
}
.c-popup-trigger .power-select-item {
  margin-bottom: 0.5rem;
}

.ao-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
  min-width: 12px;
  padding: 0px 3px;
  border-radius: 8px;
  background-color: #148aed;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
.ao-badge--fixed {
  position: absolute;
  box-shadow: 0 0 0 2px white;
}

.ao-app-nav {
  position: absolute;
  flex: 0 0 auto;
  max-width: 72px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.ao-app-nav--dark {
  background-color: #273D68;
  color: white;
}
.ao-app-nav--light {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.ao-app-nav:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1rem;
  background-color: #273d68;
  z-index: -1;
  transform: scaleX(1);
  transform-origin: 0 0 0;
  transition: transform 200ms ease;
}
.ao-app-nav:hover:before {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.18);
  transform: scaleX(18);
}

.ao-app-nav__logo-wrapper {
  display: flex;
  width: 256px;
  max-width: 72px;
  height: 72px;
  padding-left: 20px;
  padding-top: 1rem;
}
.ao-app-nav__logo-wrapper .ao-opspulse-logo {
  display: none;
  height: 2rem;
  width: 131px;
  opacity: 0;
  transition: opacity 400ms ease;
}
.ao-app-nav__logo-wrapper .ao-opspulse-icon {
  font-size: 2em;
  margin-right: 8px;
}

.ao-app-nav:hover .ao-app-nav__logo-wrapper {
  max-width: 256px;
}
.ao-app-nav:hover .ao-app-nav__logo-wrapper .ao-opspulse-logo {
  display: block;
  opacity: 1;
}
.ao-app-nav:hover .ao-app-nav__logo-wrapper ul {
  padding: 1rem;
}

.ao-app-nav__menu-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 72px);
  justify-content: space-between;
  position: absolute;
  top: 96px;
  overflow-y: auto;
}

.ao-app-nav__menu {
  display: none;
  width: 232px;
  padding-left: 24px;
  opacity: 0;
  transform: translateY(24px);
}
.ao-app-nav__menu-item {
  font-weight: 500;
  position: relative;
  margin-bottom: 48px;
}
.ao-app-nav__menu-item .ao-icon {
  margin-right: 16px;
}
.ao-app-nav__menu-item:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: auto;
  left: 12px;
  width: 100%;
  height: 40px;
  margin: -8px 0;
  opacity: 0;
  border-radius: 4px;
  background-color: #2196f3;
  z-index: -1;
}
.ao-app-nav__menu-item.is-selected:before {
  opacity: 1;
}
.ao-app-nav__menu-item.has-submenu:after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: -24px;
  right: -24px;
  bottom: -16px;
  z-index: -2;
  opacity: 0;
  background-color: #132A53;
  animation: fade-in ease 0.3s;
  animation-delay: 0.0875s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
}
.ao-app-nav__menu.admin-menu {
  margin-top: auto;
}

.ao-app-nav__sub-menu {
  width: 100%;
  margin-top: 16px;
  padding-left: 44px;
}
.ao-app-nav__sub-menu-item {
  margin-bottom: 16px;
  font-weight: normal;
  opacity: 0.65;
}
.ao-app-nav__sub-menu-item:hover {
  opacity: 1;
}

.ao-app-nav__icon-menu {
  opacity: 1;
  height: calc(100vh - 72px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ao-app-nav__icon-menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 72px;
  height: 72px;
}
.ao-app-nav__icon-menu-item:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 0;
  width: 48px;
  height: 40px;
  margin: 8px 0;
  opacity: 0;
  border-radius: 4px;
  background-color: #2196f3;
  z-index: -1;
}
.ao-app-nav__icon-menu-item.is-selected:before {
  opacity: 1;
}

.ao-app-nav:hover .ao-app-nav__icon-menu {
  animation: fade-out-left ease 0.15s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
}
.ao-app-nav:hover .ao-app-nav__menu {
  display: block;
  animation: fade-in-right ease 0.15s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
}

.ao-app-nav--open:before {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.18);
  transform: scaleX(18);
}
.ao-app-nav--open .ao-app-nav__logo-wrapper {
  max-width: 256px;
}
.ao-app-nav--open .ao-app-nav__logo-wrapper .ao-opspulse-logo {
  display: block;
  opacity: 1;
}
.ao-app-nav--open .ao-app-nav__logo-wrapper ul {
  padding: 1rem;
}
.ao-app-nav--open .ao-app-nav__icon-menu {
  animation: fade-out-left ease 0.15s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
}
.ao-app-nav--open .ao-app-nav__menu {
  display: block;
  opacity: 1;
  transform: translate(0px, 0px);
}

.ao-app-nav__icon--thin path {
  stroke: #00386b;
  stroke-width: 2px;
}

.ao-app-nav__icon-menu-link:hover .ao-app-nav__icon--thin path {
  stroke: #0960ab;
}
.ao-app-nav__icon-menu-link.active .ao-app-nav__icon--thin path {
  stroke: #148aed;
}

.about-modal__toggle {
  display: flex;
  width: 100%;
  position: absolute;
  bottom: 0;
}

@keyframes fade-out-left {
  0% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
  100% {
    opacity: 0;
    transform: translate(-24px, 0px);
  }
}
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translate(24px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ao-grid {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  margin-right: -1rem;
  margin-left: -1rem;
  flex-wrap: nowrap;
}
.ao-grid .grid__cell--1of12 {
  flex-basis: 8.3333333333%;
}
.ao-grid .grid__cell--2of12 {
  flex-basis: 16.6666666667%;
}
.ao-grid .grid__cell--3of12 {
  flex-basis: 25%;
}
.ao-grid .grid__cell--4of12 {
  flex-basis: 33.3333333333%;
}
.ao-grid .grid__cell--5of12 {
  flex-basis: 41.6666666667%;
}
.ao-grid .grid__cell--6of12 {
  flex-basis: 50%;
}
.ao-grid .grid__cell--7of12 {
  flex-basis: 58.3333333333%;
}
.ao-grid .grid__cell--8of12 {
  flex-basis: 66.6666666667%;
}
.ao-grid .grid__cell--9of12 {
  flex-basis: 75%;
}
.ao-grid .grid__cell--10of12 {
  flex-basis: 83.3333333333%;
}
.ao-grid .grid__cell--11of12 {
  flex-basis: 91.6666666667%;
}
.ao-grid .grid__cell--12of12 {
  flex-basis: 100%;
}

.grid--wrap {
  flex-wrap: wrap;
}

.grid--top {
  align-items: flex-start;
}

.grid--middle {
  align-items: center;
}

.grid--bottom {
  align-items: flex-end;
}

.grid--stretch {
  align-items: stretch;
}

.grid--baseline {
  align-items: baseline;
}

.grid--left {
  justify-content: flex-start;
}

.grid--center {
  justify-content: center;
}

.grid--right {
  justify-content: flex-end;
}

.grid--between {
  justify-content: space-between;
}

.grid--around {
  justify-content: space-around;
}

.grid--small {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.grid--small .grid__cell {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.grid--compact {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.grid--compact .grid__cell {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.grid__cell {
  padding-right: 1rem;
  padding-left: 1rem;
  flex-shrink: 1;
  flex-basis: auto;
}

.grid__cell--flex {
  display: flex;
}

.grid__cell--fill {
  flex-grow: 1;
  width: 0;
  min-width: 0;
}

.grid__cell--top {
  align-self: flex-start;
}

.grid__cell--middle {
  align-self: center;
}

.grid__cell--bottom {
  align-self: flex-end;
}

.grid__cell--stretch {
  align-self: stretch;
}

.grid__cell--baseline {
  align-self: baseline;
}

.grid__cell--push-right {
  margin-left: auto;
}

.grid__cell--push-left {
  margin-right: auto;
}

.grid__cell--no-gutter {
  padding: 0;
}

.list-view__wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}

.list-view {
  flex: 1 1 auto;
  overflow: auto;
  padding: 1rem 2rem;
}

.l-page__title-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 72px;
}

.l-page-header {
  flex: 0 0 auto;
  position: relative;
  padding: 0 2rem 0;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.l-page-body {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  padding: 16px;
}

.l-panel__title-bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 3rem 4rem 1.5rem 1rem;
  background-color: #FFF;
}

.l-panel-header {
  flex: 0 0 auto;
  position: relative;
  padding: 1.5rem 4rem 0;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.l-panel-body {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  padding: 1.5rem 4rem 0;
}

.login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 200px);
}

.login-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 200px;
}
.login-container .login-error {
  color: red;
  text-align: center;
}

.login-logo {
  width: 100%;
  text-align: center;
}
.login-logo .test-logo {
  height: 36px;
}

.login-wrapper {
  height: 100vh;
  background-color: #fff;
}

.login-container {
  height: auto;
  max-width: 420px;
}

.login-logo {
  margin-bottom: 48px;
}

.ao-login__form {
  margin-bottom: 16px;
}

.ao-login__input-wrapper {
  position: relative;
}
.ao-login__input-wrapper .ao-input__icon.ao-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 14px;
  margin-left: 14px;
  color: rgba(0, 0, 0, 0.12);
  font-size: 20px !important;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
}
.ao-login__input-wrapper .ao-input--l {
  height: 48px;
  width: 420px;
  max-width: none;
  padding: 0px 16px;
  padding-left: 48px;
  box-sizing: border-box;
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 1rem;
  color: #3c4858;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  border-width: 0;
  vertical-align: middle;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 80ms;
}
.ao-login__input-wrapper .ao-input--l:hover {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.ao-login__input-wrapper .ao-input--l:focus {
  box-shadow: inset 0 0 0 1px #1fb6ff;
  color: #3c4858;
}
.ao-login__input-wrapper .ao-input--l.no-icon {
  padding-left: 16px;
}

.ao-login__input-wrapper .ao-input:focus + .ao-icon {
  color: #1fb6ff;
}

.ao-login__button {
  width: 100%;
  height: 50px;
  margin: 16px 0;
  border-radius: 4px;
  font-size: 1rem;
  background-color: #13ce66;
  color: #fff;
  border-color: #14bd5f;
}
.ao-login__button:hover {
  background-color: #14bd5f;
}

.ao-login__divider {
  text-align: center;
  position: relative;
  margin-bottom: 16px;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.34);
}
.ao-login__divider:before, .ao-login__divider:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 64px;
  background-color: #e0e6ed;
}
.ao-login__divider:before {
  left: 128px;
}
.ao-login__divider:after {
  right: 128px;
}

.google-auth__button {
  height: 46px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.22px;
  color: rgba(0, 0, 0, 0.54);
  width: 240px;
  margin: 16px auto;
}
.google-auth__button:hover {
  background-color: #fff !important;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: rgba(0, 0, 0, 0.87);
}
.google-auth__button .google-auth__logo {
  display: inline-block;
  margin-right: 16px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  vertical-align: top;
}
.google-auth__button.disabled, .google-auth__button:disabled {
  background: #EEEEEE;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.l-app-wrapper {
  z-index: 1;
}

.l-app-frame {
  z-index: 1;
}

.l-desk {
  z-index: 1000;
}

.portal-nav-bar {
  z-index: 1;
}

.ao-app-nav,
.ao-shelf,
.portal-nav-bar {
  z-index: 5000;
}

.ao-dropdown-container.ember-basic-dropdown-content,
.ember-basic-dropdown-content {
  z-index: 6000;
}

.user-popup,
.c-popup {
  z-index: 7000;
}

.ao-modal,
.ao-modal__overlay {
  z-index: 7000;
}

.ao-modal__container {
  z-index: 7001;
}

.ao-loader--page {
  z-index: 8000;
}

.ao-loader__icon,
.ao-loader__message {
  z-index: 8001;
}

.u-margin--32 {
  margin: 32px;
}

.u-margin--24 {
  margin: 24px;
}

.u-margin--16 {
  margin: 16px;
}

.u-margin--8 {
  margin: 8px;
}

.u-margin--4 {
  margin: 4px;
}

.u-margin--y32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.u-margin--y24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.u-margin--y16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.u-margin--y8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.u-margin--y4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.u-margin--x16 {
  margin-left: 16px;
  margin-right: 16px;
}

.u-margin--x8 {
  margin-left: 8px;
  margin-right: 8px;
}

.u-margin--x4 {
  margin-left: 4px;
  margin-right: 4px;
}

.u-margin--t80 {
  margin-top: 80px;
}

.u-margin--t32 {
  margin-top: 32px;
}

.u-margin--t24 {
  margin-top: 24px;
}

.u-margin--t16 {
  margin-top: 16px;
}

.u-margin--t8 {
  margin-top: 8px;
}

.u-margin--t4 {
  margin-top: 4px;
}

.u-margin--b32 {
  margin-bottom: 32px;
}

.u-margin--b24 {
  margin-bottom: 24px;
}

.u-margin--b16 {
  margin-bottom: 16px;
}

.u-margin--b8 {
  margin-bottom: 8px;
}

.u-margin--b4 {
  margin-bottom: 4px;
}

.u-margin--r32 {
  margin-right: 32px;
}

.u-margin--r24 {
  margin-right: 24px;
}

.u-margin--r16 {
  margin-right: 16px;
}

.u-margin--r8 {
  margin-right: 8px;
}

.u-margin--r4 {
  margin-right: 4px;
}

.u-margin--l32 {
  margin-left: 32px;
}

.u-margin--l24 {
  margin-left: 24px;
}

.u-margin--l16 {
  margin-left: 16px;
}

.u-margin--l8 {
  margin-left: 8px;
}

.u-margin--l4 {
  margin-left: 4px;
}

.u-margin--push {
  margin-left: auto;
}

.u-margin--pull {
  margin-right: auto;
}

.u-margin--center {
  margin-right: auto;
  margin-left: auto;
}

.u-text--secondary {
  color: rgba(0, 0, 0, 0.54);
}

.u-text--blue {
  color: #0070d1;
}

.u-text--azure-blue {
  color: #148aed;
}

.u-text--red, .upload__progress-wrapper .file-error-text {
  color: #c23833;
}

.u-text--orange {
  color: #ffb85c;
}

.u-text--green {
  color: #05854a;
}

.u-text-dark--secondary {
  color: rgba(0, 0, 0, 0.54);
}

.u-text-dark--dimmed {
  color: rgba(0, 0, 0, 0.38);
}

.u-text-dark--muted {
  color: rgba(0, 0, 0, 0.12);
}

.u-text-white--dimmed {
  color: rgba(255, 255, 255, 0.5);
}

.u-text--light {
  color: #e0e6ed;
}

.u-text--medium {
  color: #a8b8c7;
}

.u-text--darkgrey {
  color: #54698c;
}

.u-font--light {
  font-weight: 300;
}

.u-text--strike {
  text-decoration: line-through;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.u-text-truncated, .ao-avatar__full-name {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-text-nowrap {
  white-space: nowrap;
}

.u-text--break-all {
  word-break: break-all;
}

.u-text--capitalize {
  text-transform: capitalize;
}

.u-flex-truncated {
  flex: 1;
  min-width: 80px;
}
.u-flex-truncated div {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-flex-end {
  justify-content: flex-end;
}

.u-inline-block {
  display: inline-block;
}

.u-scroll-y {
  overflow-y: auto;
  overflow-x: hidden;
}

.u-pos--relative {
  position: relative;
}

.u-dimmer--50 {
  opacity: 0.5;
}

.u-dimmer--75 {
  opacity: 0.75;
}

.u-dimmer--85 {
  opacity: 0.85;
}

.u-rotate--180 {
  transform: rotate(180deg);
}

.u-rotate--90 {
  transform: rotate(90deg);
}

.transition-group {
  flex: 1;
}

.circular-label {
  font-size: 0.75rem;
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  margin: 0em 0.5em;
  background-color: #E8E8E8;
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  border-radius: 1rem;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #9e9e9e;
  border-right: none;
  border-left: none;
  border-radius: none;
  background-color: #ffffff;
  line-height: 2.5;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 2.5em;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: none;
  border-bottom: 2px solid #0070d1;
  border-right: none;
  border-left: none;
  box-shadow: none;
  outline: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #9e9e9e transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input:-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}

.ember-power-select-multiple-option {
  border: none;
  border-radius: 15px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 10px;
  display: inline-block;
  line-height: 2;
  float: left;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: none;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.ember-power-select-dropdown {
  border-left: none;
  border-right: none;
  line-height: 2.5;
  border-radius: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: none;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto;
  /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 17.5em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #e1e1e1;
}

.ember-power-select-option[aria-current=true] {
  background-color: #eee;
  color: inherit;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit;
}

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857;
}

.ember-power-calendar-nav {
  line-height: 2;
}

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

.fadeUp-enter {
  opacity: 0.01;
  transform: translateY(10px);
}

.fadeUp-enter.fadeUp-enter-active {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}

.fadeUp-leave {
  transform: translateY(0px);
  opacity: 1;
}

.fadeUp-leave.fadeUp-leave-active {
  transform: translateY(10px);
  opacity: 0.01;
  transition: all 0.3s ease-out;
}

.fadeUpFlash-enter {
  opacity: 0.01;
  transform: translateY(10px);
}
.fadeUpFlash-enter .action-bar {
  transition: background-color 100ms ease-out;
  background-color: orange;
}

.fadeUpFlash-enter.fadeUpFlash-enter-active {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}
.fadeUpFlash-enter.fadeUpFlash-enter-active .action-bar {
  transition: background-color 100ms ease-out;
  background-color: #FFF;
}

.fadeUpFlash-leave {
  transform: translateY(0px);
  opacity: 1;
}

.fadeUpFlash-leave.fadeUpFlash-leave-active {
  transform: translateY(10px);
  opacity: 0.01;
  transition: all 0.3s ease-out;
}

.fadeRight-enter {
  opacity: 0.01;
  transform: translateX(-10px);
}

.fadeRight-enter.fadeRight-enter-active {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}

.fadeRight-leave {
  transform: translateY(0px);
  opacity: 1;
}

.fadeRight-leave.fadeRight-leave-active {
  transform: translateX(10px);
  opacity: 0.01;
  transition: all 0.3s ease-out;
}

.shelf-animate-enter {
  transform: translateX(640px);
  will-change: transform, opacity;
}

.shelf-animate-enter.shelf-animate-enter-active {
  transform: translateX(0);
  transition: transform 0.3s ease-out;
}

.shelf-animate-leave {
  transform: translateX(0);
  will-change: transform, opacity;
}

.shelf-animate-leave.shelf-animate-leave-active {
  transform: translateX(640px);
  transition: transform 0.3s ease-in;
}

.shelf-expansion-animate-enter {
  transform: translateX(640px);
  will-change: transform, opacity;
}

.shelf-expansion-animate-enter.shelf-expansion-animate-enter-active {
  transform: translateX(0);
  transition: transform 0.3s ease-out;
}

.shelf-expansion-animate-leave {
  transform: translateX(0);
  will-change: transform, opacity;
}

.shelf-expansion-animate-leave.shelf-expansion-animate-leave-active {
  transform: translateX(640px);
  transition: transform 0.2s ease-in;
}

.fade-out-animate-enter {
  opacity: 0;
  will-change: opacity;
}

.fade-out-animate-enter.fade-out-animate-enter-active {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.fade-out-animate-leave {
  opacity: 1;
  will-change: opacity;
}

.fade-out-animate-leave.fade-out-animate-leave-active {
  opacity: 0;
  transition: opacity 0.3s ease;
}

@keyframes bounce {
  0%, 100% {
    transform: translate3d(0, 3px, 0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  90% {
    transform: translate3d(0, -3px, 0);
    opacity: 0;
  }
}
@keyframes fade-up {
  0% {
    transform: translate3d(0, 3px, 0);
    opacity: 0.5;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.ao-shelf .ao-form.ao-shelf__card {
  animation: 0.25s ease 1 fade-up;
}

.duration-short {
  transition-duration: 100ms !important;
}

.roll-up {
  transition-delay: 100ms !important;
}

.roll-up--next {
  transition-delay: 200ms !important;
}

.ao-date-filter-container {
  background-color: transparent;
}

.overlay {
  opacity: 0.2;
}

.overlay-item {
  position: fixed;
}

.overlay-button {
  transform: translate(88px, 128px);
  z-index: 9999;
  position: absolute;
  z-index: 1;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]::-webkit-input-placeholder {
  visibility: hidden !important;
}

.ember-power-calendar-day,
.ember-power-calendar-weekday {
  height: 32px;
  width: 32px;
  border-radius: 0px;
}
.ember-power-calendar-day--selected,
.ember-power-calendar-weekday--selected {
  background-color: #f5f5fa;
}
.ember-power-calendar-day--range-start, .ember-power-calendar-day--range-end,
.ember-power-calendar-weekday--range-start,
.ember-power-calendar-weekday--range-end {
  background-color: #148aed;
  border-radius: 6px;
  color: white;
}

.ember-power-calendar-nav-control--previous, .ember-power-calendar-nav-control--next {
  background-color: white;
  box-shadow: 0px 4px 32px 0px rgba(93, 93, 134, 0.2);
  border-radius: 16px;
  height: 32px;
  width: 32px;
  z-index: 1;
}

.ember-power-calendar-nav-control--previous {
  transform: translate(2rem, 12px);
}
.ember-power-calendar-nav-control--previous.ember-power-calendar-nav-control:focus {
  transform: translate(2rem, 12px) scale(1);
}

.ember-power-calendar-nav-control--next {
  transform: translate(-2rem, 12px) scale(1);
}
.ember-power-calendar-nav-control--next.ember-power-calendar-nav-control:focus {
  transform: translate(-2rem, 12px) scale(1);
}

.ember-power-calendar-nav {
  line-height: 4;
}

.date-filter-menu {
  margin-top: 0.5rem;
  width: 36rem;
  border-radius: 6px;
  padding: 1.5rem;
  box-shadow: 0px 4px 32px 0px rgba(93, 93, 134, 0.2);
  background-color: #FFF;
}

.ao-list-view {
  display: grid;
  grid-template-rows: auto max-content 1fr;
  height: calc(100vh - 4rem);
  background-color: #f5f5fa;
}

.ao-list-view__body {
  flex: 1;
  padding-bottom: 5rem;
  padding-top: 0.5rem;
}
.ao-list-view__body.agency-form {
  height: 100vh;
}

.ao-list-view.cards .ao-list-view__title {
  padding-top: 2rem;
}
.ao-list-view.cards .ao-list-view__title.flex {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.ao-list-view.cards .ao-headline {
  font-size: 29px;
}
.ao-list-view.cards .search-flow {
  margin-top: 1rem;
}
.ao-list-view.cards .search-flow_add {
  padding: 0;
}
.ao-list-view.cards .search-flow_queries {
  height: 28px;
}
.ao-list-view.cards .ao-list-view__header {
  box-shadow: none;
}
.ao-list-view.cards .ao-flow-nav .ao-grid {
  align-items: flex-end;
}
.ao-list-view.cards .ao-flow-nav .menu {
  max-width: 90%;
}
.ao-list-view.cards .ao-flow-nav .menu-wrapper .ao-icon {
  font-size: 2rem;
  margin: 0;
}
.ao-list-view.cards .ao-flow-nav .menu-wrapper .menu__item {
  font-size: 1rem;
}
.ao-list-view.cards .ao-flow-nav .menu-wrapper .grid__cell {
  padding: 0;
}
.ao-list-view.cards .ao-label {
  font-size: 14px;
}
.ao-list-view.cards .ao-label.u-text--secondary {
  font-size: 12px;
}
.ao-list-view.cards .ao-list__column-headers {
  /* For Card Spend column */
}
.ao-list-view.cards .ao-list__column-headers .ao-list-item {
  grid-template-columns: 152px 1fr;
  grid-gap: 2rem;
}
.ao-list-view.cards .ao-list__column-headers .ao-list-card__cell:last-child {
  width: 216px;
}
.ao-list-view.cards .ao-list-view__body {
  /* For Card Spend column with donut */
}
.ao-list-view.cards .ao-list-view__body .ao-chip {
  background-color: #C5E2FB;
  color: #0070d2;
}
.ao-list-view.cards .ao-list-view__body .ao-list-item {
  border: 1px solid #bec4cb;
  border-radius: 2px;
  grid-gap: 2rem;
  grid-template-columns: 152px 1fr;
  height: 68px;
  margin-bottom: 4px;
}
.ao-list-view.cards .ao-list-view__body .ao-list-card__cell {
  color: rgba(6, 28, 63, 0.95);
  font-weight: 500;
  opacity: 0.8;
}
.ao-list-view.cards .ao-list-view__body .ao-list-card__cell:last-child {
  width: 216px;
}

.ao-list-view.cards.all .ao-list__column-headers {
  /* For Card Spend column */
}
.ao-list-view.cards.all .ao-list__column-headers .ao-list-item {
  grid-template-columns: 152px repeat(2, 120px) 1fr;
}
.ao-list-view.cards.all .ao-list__column-headers .ao-list-card__cell:last-child {
  width: unset;
}
.ao-list-view.cards.all .ao-list-view__body {
  /* For Card Spend column */
}
.ao-list-view.cards.all .ao-list-view__body .ao-list-item {
  grid-template-columns: 152px repeat(2, 120px) 1fr;
}
.ao-list-view.cards.all .ao-list-view__body .ao-list-card__cell:last-child {
  width: unset;
}

.card-approvals.menu-wrapper .menu__item {
  font-size: 1rem;
}

.ao-list-view__header {
  position: relative;
  flex: 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
}

.ao-list-view__title {
  padding: 1rem 0;
}

.ao-list-view__controls {
  padding: 1rem 0;
}

.ao-list-item {
  position: relative;
  display: grid;
  grid-template-columns: 6rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-gap: 1rem;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  margin-bottom: 2px;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  background-color: white;
  box-shadow: inset 0 0 0 1px transparent;
  font-size: 14px;
  cursor: pointer;
  transition: all 100ms ease-in;
}
.ao-list-item:hover {
  box-shadow: inset 0 0 0 1px #007aff;
}

.user-card-settings .ao-list-view__header {
  box-shadow: none;
}
.user-card-settings .ao-list-view {
  background-color: white;
  height: unset;
  margin-top: 1rem;
}
.user-card-settings .ao-list-item {
  border: 1px solid #e0e6ed;
  box-shadow: none;
  cursor: unset;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.user-card-settings .ao-list-item:hover {
  box-shadow: none;
}
.user-card-settings .controls {
  display: flex;
}
.user-card-settings .controls .option {
  align-items: center;
  display: flex;
  margin-right: 1rem;
}
.user-card-settings .controls .dropdown {
  margin-right: 0;
}
.user-card-settings .controls .dropdown .ao-button {
  border: 1px solid #e0e6ed;
  border-radius: 4px;
  color: black;
  font-weight: normal;
  justify-content: space-between;
  padding: 0.5rem;
  width: 160px;
}
.user-card-settings .controls .checkbox svg {
  cursor: pointer;
}
.user-card-settings .controls .checkbox p {
  margin-left: 4px;
}

.user-approver-dropdown {
  background-color: white;
  border: 1px solid #e0e6ed;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 13px;
  width: 160px;
}
.user-approver-dropdown .ao-button {
  color: black;
  font-weight: normal;
  justify-content: flex-start;
  padding: 0.5rem;
  width: 100%;
}

.ao-list-item--compact {
  padding: 0.5rem;
}

.list-item--selected {
  box-shadow: inset 0 0 0 1px transparent, 0 2px 13px 0 rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  z-index: 1;
}

.list-item--hover {
  cursor: initial;
  grid-template-columns: 1.5fr 2fr 1fr;
  grid-gap: 0;
  margin-bottom: 0;
  min-height: auto;
  padding: 4px;
}
.list-item--hover:hover {
  background-color: #f5f5fa;
  box-shadow: none;
}

.ao-list-card__cell {
  min-width: 0;
}

.ao-list__column-headers {
  flex: 0 0 auto;
  align-self: center;
}
.ao-list__column-headers .ao-list-item {
  background-color: transparent;
  border-color: transparent;
  min-height: 0;
  margin-bottom: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
  color: slategray;
  transition: box-shadow 500ms ease;
  cursor: auto;
}
.ao-list__column-headers .ao-list-item:hover {
  background-color: transparent;
  box-shadow: none;
  transition: box-shadow 500ms ease;
}

.ao-list--selectable .ao-list-item {
  padding-left: 3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ao-list--selectable .ao-list-item .check-box-cell {
  position: absolute;
  height: 100%;
  width: 3rem;
}
.ao-list--selectable .ao-list-item .check-box-cell .ao-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 3rem;
}
.ao-list--selectable .ao-list-item .check-box-cell .ao-icon {
  font-size: 1.25rem;
}

.ao-list-item:hover.list-item--selected {
  box-shadow: inset 0 0 0 1px #148aed, 0 2px 13px 0 rgba(0, 0, 0, 0.16);
}

.ao-list--cards .ao-list-item {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  margin-bottom: 0.25rem;
  border: 1px solid;
  border-color: #e0e6ed;
  border-radius: 6px;
}

.ao-list--grouped {
  background-color: transparent;
}

.ao-list-item--grouped {
  display: block;
  padding: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 6px;
  background-color: #FFFFFF;
}
.ao-list-item--grouped .list-group__toggle {
  position: absolute;
  width: calc(2rem - 1px);
  height: calc(100% - 2px);
  left: 1px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  top: 1px;
  border-radius: 6px 0 0 6px;
  padding-top: 1.25rem;
  transition: all ease-in-out 200ms;
}
.ao-list-item--grouped .list-group__toggle .ao-loader__icon {
  height: 24px;
  width: 24px;
}

.col-count--5 {
  grid-template-columns: repeat(5, minmax(1px, 1fr));
}

.col-count--6 {
  grid-template-columns: repeat(6, minmax(1px, 1fr));
}

.col-count--7 {
  grid-template-columns: repeat(7, minmax(1px, 1fr));
}

.col-count--8 {
  grid-template-columns: repeat(8, minmax(1px, 1fr));
}

.col-count--9 {
  grid-template-columns: repeat(9, minmax(1px, 1fr));
}

.col-count--12 {
  grid-template-columns: repeat(12, minmax(1px, 1fr));
}

.action-bar {
  padding: 1rem;
  border-top: 2px solid #e0e6ed;
  background-color: #FFF;
}

.ao-form .ao-label {
  margin-bottom: 0.25rem;
  color: slategray;
}
.ao-form .ao-input,
.ao-form .ao-textarea,
.ao-form .ember-power-select-trigger {
  margin-bottom: 1.5rem;
}

.ao-input--simple {
  border-radius: 0;
  box-shadow: inset 0 -1px 0 0 #a8b8c7;
}
.ao-input--simple:hover {
  box-shadow: inset 0 -1px 0 0 #148aed;
}
.ao-input--simple:focus {
  box-shadow: inset 0 0 0 1px #148aed;
}

.ao-input--xlarge {
  height: 48px;
  font-size: 1.5rem;
  font-weight: 300;
}

.field-set.is-validating .ao-input--simple {
  box-shadow: inset 0 -1px 0 0 #c23833;
  margin-bottom: 0.5rem;
}
.field-set.is-validating .ember-power-select-trigger {
  border-bottom: 1px solid #c23833;
  margin-bottom: 0.5rem;
}

.dashboard__grid {
  display: grid;
  grid-gap: 1rem;
  grid-auto-columns: 1fr;
  grid-auto-rows: max-content;
}
.dashboard__grid.ao-grid-container, .dashboard__grid.action-bar-container {
  max-width: 1400px;
  padding: 2rem;
}

.widget-upload-column {
  grid-column: 1/2;
  grid-row: 1;
  max-height: 392px;
}

.recent-imports {
  grid-column: 2/4;
  grid-row: 3;
}

.recent-imports-manual {
  grid-column: 1/2;
  grid-row: 4;
}

.dashboard__action-group {
  grid-column: 2/4;
  grid-row: 1;
}

.dashboard__action-card.paid-card {
  grid-row: 2;
}
.dashboard__action-card.refund-card {
  grid-column: 3;
  grid-row: 2;
}
.dashboard__action-card.decline-card {
  grid-row: 3;
}
.dashboard__action-card.risk-approval {
  grid-column: 2;
  grid-row: 4;
  height: 100%;
}
.dashboard__action-card.open-card {
  grid-column: 2;
  grid-row: 3;
  display: flex;
  flex-direction: column;
}
.dashboard__action-card.submitted-card {
  grid-column: 3;
  grid-row: 3;
  display: flex;
  flex-direction: column;
}
.dashboard__action-card.approval-card {
  background-color: white;
  border: 1px solid #ffb85c;
}

.funding-model {
  grid-column: 2/4;
  grid-row: 4;
  display: flex;
  min-height: 128px;
}

.dashboard-toggle {
  margin: 2rem 0;
  font-size: 20px;
}

.dashboard-toggle__link {
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  margin: 0 0.5rem;
  padding: 0.5rem;
}
.dashboard-toggle__link.active {
  border-bottom-color: #148aed;
}

.dashboard__welcome-card {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  margin-bottom: 40px;
  padding-left: 333px;
  padding-top: 32px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.21);
}
.dashboard__welcome-card .welcome-card__image {
  position: absolute;
  top: -24px;
  left: -50px;
  font-size: 340px;
}
.dashboard__welcome-card .ao-display-1 {
  line-height: 40px;
  margin-bottom: 16px;
}
.dashboard__welcome-card .ao-subhead, .dashboard__welcome-card .c-popup__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.dashboard__welcome-card .ao-button {
  border-color: #3488ff;
}
.dashboard__welcome-card .ao-button:hover {
  background-color: #3488ff;
  color: white;
}

.dashboard__welcome-container {
  grid-column: 1/4;
  grid-row: 1;
}

.dashboard__account-level {
  grid-row: 2;
  width: 400px;
  height: 150px;
  border: 1px solid black;
  position: relative;
  margin: 20px 0 20px 0;
}

.dashboard__account-level-title {
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: white;
  z-index: 1;
}

.dashboard__account-level-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.dashboard__account-level-submain {
  display: flex;
  padding: 0 15px 0 10px;
  justify-content: space-evenly;
}

.dashboard__account-level-submain:nth-child(2) {
  margin-top: 15px;
}

.dashboard__account-level-subheader {
  width: 45%;
}

.dashboard__account-level-inputsection {
  display: flex;
  justify-content: space-between;
  width: 55%;
}

.dashboard__account-level-balance-input {
  width: 150px;
}

.dashboard__account-level-select {
  width: 100%;
}

.default-cursor {
  cursor: default;
}

.widget-card--grey {
  background: #f5f5fa;
  /* fallback */
}

.widget-card--green {
  background: #36B37E;
  /* fallback */
  color: white;
}

.widget-card--blue {
  background: #2c6ea0;
  /* fallback */
  background: linear-gradient(to bottom right, #2c6ea0, #4e98d0);
  color: white;
}

.dashboard__prefunded {
  display: grid;
  grid-column: 1/2;
  grid-template-columns: repeat(2, 1fr);
}
.dashboard__prefunded.start {
  grid-column: 2/4;
  grid-template-columns: none;
}

.ao-dropdown__button {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.25rem;
  border: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  color: inherit;
}
.ao-dropdown__button .ao-button__label {
  margin-left: 1rem;
}
.ao-dropdown__button:hover {
  color: #0070d1;
}
.ao-dropdown__button.ao-button--disabled, .ao-dropdown__button.ao-button[disabled] {
  pointer-events: none;
  background-color: transparent;
  opacity: 0.5;
}

.ember-basic-dropdown-content {
  z-index: 6000;
}

.ember-basic-dropdown--small {
  font-size: 14px;
}
.ember-basic-dropdown--small .ember-power-select-trigger {
  line-height: 2rem;
  max-height: 2rem;
}

.custom-dropdown-width {
  width: 128px;
}

.ember-power-select-trigger {
  background-color: transparent;
}

.ao-button__dropdown.ember-power-select-trigger {
  line-height: 2rem;
  min-height: 2rem;
  border-bottom: 0 !important;
  padding: 0 24px 0 0;
}

.ao-dropdown__container, .download-actions-dropdown, .bulk-actions-dropdown {
  margin-top: 0.5rem;
  border-radius: 6px;
  padding: 1rem;
  box-shadow: 0px 4px 32px 0px rgba(93, 93, 134, 0.2);
  background-color: #FFF;
}

.bulk-actions-dropdown {
  width: 16rem;
}

.download-actions-dropdown {
  width: 24rem;
}

.ao-checkbox__input {
  display: none;
}

.ao-radiobox__input {
  display: none;
}

.ao-nug {
  width: 100%;
  min-height: 3rem;
  padding: 1rem;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.16);
}

.ao-nug--absolute {
  position: absolute;
  width: calc(100% - 2rem);
  z-index: 7000;
}

.ao-nug--page {
  width: auto;
  position: fixed;
}

.ao-nug--bottom {
  margin-left: 1rem;
  bottom: 1rem;
}

.ao-nug--widget {
  bottom: 1rem;
  height: 1rem;
}

.ao-nug--small {
  width: calc(100% - 5rem);
}

.ao-nug--above-footer {
  margin-left: 1rem;
  bottom: 5rem;
}

.ao-nug--fixed {
  width: 20rem;
  position: fixed;
  z-index: 7000;
  bottom: 1rem;
  left: calc(50% - 10rem);
}

.ao-nug--fixed-wide {
  width: 34rem;
  position: fixed;
  z-index: 7000;
  bottom: 1rem;
  left: calc(50% - 17rem);
}

.ao-nug--success {
  background-color: #4ac982;
  color: #FFF;
}

.ao-nug--warning {
  background-color: orange;
  color: #FFF;
}

.ao-nug--pending {
  background-color: #a8b8c7;
  color: #FFF;
}

.ao-nug--failure {
  background-color: #c23833;
  color: #FFF;
}

.ao-nug--primary {
  background-color: #007AFF;
  color: #FFF;
}

.ao-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  background-color: #f5f5fa;
  padding: 4px 16px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
}

.ao-chip--blue {
  background-color: #d1eaff;
}

.ao-chip--red {
  background-color: #d86e6a;
  color: white;
}

.ao-chip--orange {
  background-color: #ffd9a9;
}

.ao-chip--dark-orange {
  background-color: #ffb85c;
}

.ao-chip--green {
  background-color: #ace6c6;
}

.ao-chip--tall {
  height: 30px !important;
}

.ao-mini-list .ao-mini-list__item:last-child {
  border-bottom: 0;
}

.ao-mini-list__item {
  padding: 0.5rem;
  border-bottom: 1px solid #e0e6ed;
  font-size: 12px;
}
.ao-mini-list__item.is--active {
  background-color: #ebf5fd !important;
  color: #0070d1;
  box-shadow: inset 0 0 0 1px #148aed;
}

.ao-mini-list--selectable .ao-mini-list__item:hover {
  background-color: #f5f5fa;
  cursor: pointer;
}

.ao-mini-list--padded .ao-mini-list__item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ao-mini-list__item--basic {
  border-radius: 3px;
  border-bottom: 0;
}

.ao-shelf {
  display: flex;
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  min-width: 34rem;
}

.ao-shelf__primary {
  height: 100vh;
  width: 34rem;
  background-color: white;
  box-shadow: -14px 0px 58px rgba(0, 0, 0, 0.16);
  z-index: 501;
}

.ao-shelf__expansion {
  height: 100vh;
  width: 30rem;
  background-color: white;
  box-shadow: -14px 0px 58px rgba(0, 0, 0, 0.16);
  z-index: 500;
}

.ao-shelf__content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #F4F6F9;
}
.ao-shelf__content--white {
  background-color: #FFF;
}
.ao-shelf__content--white:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 56, 106, 0.2);
  z-index: -1;
}

.ao-shelf__body {
  flex: 0 1 auto;
  overflow-y: auto;
  padding-bottom: 5rem;
  overflow-x: hidden;
}
.ao-shelf__body .prefunded-balance {
  margin: 0 0 1rem 0;
}

.ao-shelf__body-disabled-overflow {
  max-width: 100%;
  overflow-x: hidden;
}

.ao-shelf__header {
  display: flex;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  background-color: white;
  border-bottom: 1px solid #e0e6ed;
}

.ao-shelf__header--edit {
  flex-direction: column;
  padding-top: 1rem;
}

.ao-shelf__title {
  display: flex;
  align-items: center;
  flex: 1;
}

.ao-shelf__title-w-subheader {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
}

.ao-shelf__hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  padding: 1rem 1rem;
  background-color: white;
  border-bottom: 1px solid #e0e6ed;
}
.ao-shelf__hero .ao-chip {
  left: 50%;
  max-width: 152px;
  position: relative;
  transform: translateX(-50%);
}

.ao-shelf__hero--slim {
  display: flex;
  min-height: 4rem;
  padding: 1rem 1rem;
  background-color: #ffd9a9;
}

.ao-shelf__hero--slim-dark {
  display: flex;
  min-height: 4rem;
  padding: 1rem 1rem;
  background-color: #ffb85c;
}

.ao-shelf__footer {
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  background-color: white;
  border-top: 1px solid #e0e6ed;
  padding: 1rem;
}

.ao-shelf__footer--fixed {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.ao-shelf__amount {
  text-align: center;
}

.ao-shelf__supplier-import-header {
  font-size: 24px;
  font-weight: 300;
}

.ao-shelf__supplier-import-sub {
  font-size: 18px;
  font-weight: 300;
}

.ao-shelf__supplier-import-error-sub {
  font-size: 12px;
  font-weight: 300;
}

.ao-shelf__amount-txt {
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}

.ao-shelf__amount-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
}

.ao-shelf__amount-subtxt {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.ao-shelf__block {
  background-color: white;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e0e6ed;
}
.ao-shelf__block--compact {
  padding: 0.5rem 1rem;
}

.ao-shelf__block-button {
  background-color: white;
  padding: 1rem 1rem;
  display: flex;
  justify-content: flex-end;
}

.ao-shelf__card {
  margin: 1rem 1rem 0rem;
  padding: 1rem;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.ao-shelf__card--transparent {
  background-color: transparent;
  box-shadow: none;
}

.ao-shelf__hero--import.has-errors {
  display: block;
  padding: 2rem;
  background-color: #ff6f00;
  color: white;
}

.relative {
  position: relative;
}

.ao-shelf__hero--card {
  min-height: 12rem;
}

.ao-shelf__hero--invoice,
.ao-shelf__hero--payable,
.ao-shelf__hero--import {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.ao-workflow__step-container {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-top: 1rem;
}
.ao-workflow__step-container .ao-shelf__card {
  flex: 1;
  margin: 0 1rem 0 0;
}
.ao-workflow__step-container .ao-chip {
  align-self: center;
}
.ao-workflow__step-container.loader {
  align-items: center;
  transform: scale(1.2);
  transform-origin: top left;
}

.ao-workflow__node {
  position: relative;
  display: flex;
  flex: 0 0 54px;
  justify-content: center;
  margin-top: 1rem;
}

.ao-workflow__node-mark {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  border: 3px solid #e0e6ed;
  border-radius: 20px;
  background-color: #e0e6ed;
}

.ao-workflow__node-track {
  position: absolute;
  top: 22px;
  border-radius: 120px;
  bottom: 0;
  height: calc(100% + 16px);
  border-width: 0 4px 0 0;
  border-style: solid;
  border-color: #e0e6ed;
}

.ao-workflow__node--action {
  min-height: 2rem;
  margin-top: 0.25rem;
  align-items: flex-start;
}
.ao-workflow__node--action .ao-workflow__node-mark {
  height: 1.5rem;
  width: 1.5rem;
  padding: 4px;
  border-width: 0;
  border-radius: 6px;
  background-color: #ffb85c;
}
.ao-workflow__node--action .ao-workflow__node-mark .ao-icon {
  color: white;
  font-size: 16px;
}
.ao-workflow__node--action .ao-workflow__node-track {
  border-style: dotted;
}

.ao-workflow__node--loader {
  min-height: 2rem;
  margin-top: 0.5rem;
  align-items: flex-start;
}
.ao-workflow__node--loader .ao-workflow__node-mark {
  height: 1.5rem;
  width: 1.5rem;
  padding: 4px;
  border-radius: 6px;
  background-color: white;
}
.ao-workflow__node--loader .ao-workflow__node-track {
  border-style: solid;
}
.ao-workflow__node--loader.is-loaded .ao-workflow__node-mark {
  background-color: #4ac982;
  border-color: #4ac982;
  font-size: 18px;
  color: white;
  border-width: 0;
  padding: 0;
}
.ao-workflow__node--loader.is-loaded .ao-workflow__node-track {
  border-color: #4ac982;
}
.ao-workflow__node--loader.is-loading .ao-workflow__node-mark {
  background-color: white;
  border-color: #f5f5fa;
  font-size: 18px;
  color: white;
  padding: 1px 0 0 0;
}
.ao-workflow__node--loader.is-loading .ao-workflow__node-track {
  border-color: #f5f5fa;
}
.ao-workflow__node--loader.is-waiting .ao-workflow__node-mark {
  background-color: #f5f5fa;
  border-color: #f5f5fa;
  font-size: 18px;
  color: white;
}
.ao-workflow__node--loader.is-waiting .ao-workflow__node-track {
  border-color: #f5f5fa;
}
.ao-workflow__node--loader.is-last .ao-workflow__node-track {
  display: none;
}

.ao-workflow__step.is-success .ao-workflow__node-mark {
  background-color: #148aed;
  border-color: #148aed;
}
.ao-workflow__step.is-success .ao-workflow__node-track {
  border-color: #148aed;
}
.ao-workflow__step.is-failed .ao-workflow__node-mark {
  background-color: #ffb85c;
}
.ao-workflow__step.is-failed .ao-workflow__node-track {
  border-color: #ffb85c;
}
.ao-workflow__step.is-last .ao-workflow__node-track {
  display: none;
}
.ao-workflow__step.is-current .ao-workflow__node--action .ao-workflow__node-mark {
  background-color: #ffb85c;
}
.ao-workflow__step.is-current .ao-workflow__node--action .ao-workflow__node-track {
  border-radius: 0;
  border-style: dotted;
}
.ao-workflow__step.is-current .ao-workflow__node-mark {
  border-color: #148aed;
  background-color: #f5f5fa;
}
.ao-workflow__step.is-current .ao-workflow__node-track {
  border-color: #ffb85c;
}
.ao-workflow__step.is-future .ao-shelf__card {
  opacity: 0.5;
}

.ao-workflow__list {
  font-size: 14px;
}

.ao-workflow__list-item .ao-icon {
  font-size: 16px;
}

.ao-app-nav {
  position: relative;
  max-width: 6rem;
  box-shadow: none;
}
.ao-app-nav:before {
  background-color: #00386b;
  box-shadow: none !important;
}
.ao-app-nav .ao-app-nav__logo-wrapper {
  display: flex;
  width: 256px;
  max-width: 256px;
  height: 4rem;
  padding: 0;
  pointer-events: none;
}
.ao-app-nav .ao-app-nav__logo-wrapper .ao-app-nav__logo {
  height: 64px;
  width: 256px;
  margin-left: 2rem;
}
.ao-app-nav .ao-app-nav__logo-wrapper .ao-app-nav__logo .letter {
  fill: transparent;
  transition: fill 100ms ease;
}
.ao-app-nav .ao-app-nav__icon-menu {
  padding-top: 1rem;
}
.ao-app-nav .ao-app-nav__icon-menu-item {
  position: relative;
  width: 6rem;
  justify-content: flex-start;
  transition: width 150ms ease;
  margin-bottom: 0.5rem;
  height: 2.5rem;
}
.ao-app-nav .ao-app-nav__icon-menu-link {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 2.5rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  border-radius: 3px;
  opacity: 0.75;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  padding-left: 1rem;
}
.ao-app-nav .ao-app-nav__icon-menu-link:hover {
  background-color: rgba(20, 138, 237, 0.5);
  opacity: 1;
}
.ao-app-nav .ao-app-nav__icon-menu-link .ao-icon {
  display: inline-block;
  font-size: 1.25rem;
}
.ao-app-nav .ao-app-nav__icon-menu-link .ao-app-nav__menu-label {
  display: none;
  position: absolute;
  left: 0;
  opacity: 0;
  font-weight: 400;
  transform: translateX(4.5rem);
}
.ao-app-nav .ao-app-nav__icon-menu-link.active {
  opacity: 1;
  background-color: #148aed;
}

.ao-app-nav:hover {
  box-shadow: none;
}
.ao-app-nav:hover .ao-app-nav__logo-wrapper .ao-icon path.letter {
  fill: inherit;
}
.ao-app-nav:hover .ao-app-nav__icon-menu {
  animation: none;
}
.ao-app-nav:hover .ao-app-nav__icon-menu-item {
  width: 16rem;
  transition: width 250ms ease;
}
.ao-app-nav:hover .ao-app-nav__icon-menu-link .ao-app-nav__menu-label {
  display: block;
  opacity: 1;
  transition: all 200ms ease-in;
}
.ao-app-nav:hover .ao-app-nav__icon-menu-link.active {
  transition: width 200ms ease-in;
}

.column-left {
  float: left;
  width: 48%;
}

.column-right {
  float: right;
  width: 48%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-typeahead-trigger {
  border: none;
  border-radius: 0;
}

.ember-power-select-typeahead-input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid #9e9e9e;
  outline: none;
}
.ember-power-select-typeahead-input :focus {
  border: 1px solid #9e9e9e;
}

body, html {
  min-height: 100vh;
}

body {
  background-color: white;
}

.l-app-frame {
  display: grid;
  grid-template-rows: 4rem auto;
  grid-template-columns: 6rem calc(100vw - 6rem);
  grid-template-areas: "app-nav top-bar" "app-nav desk";
  height: 100vh;
}
.l-app-frame.has-nav {
  grid-template-columns: 6rem auto;
}

.u-margin--r24 {
  margin-right: 24px;
}

.u-font--12 {
  font-size: 12px;
}

.ao-login__button {
  background-color: #148aed;
  border-color: #148aed;
}
.ao-login__button:hover {
  background-color: #0070d1;
  border-color: #0070d1;
}

.ao-app-nav {
  grid-area: app-nav;
}

.ao-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ao-across-axis-center {
  display: flex;
  align-items: center;
}

.ao-along-axis-center {
  display: flex;
  justify-content: center;
}

.top-bar {
  grid-area: top-bar;
}

.l-desk {
  grid-area: desk;
}

.l-desk,
.l-dashboard {
  height: calc(100vh - 4rem);
}

.ao-app-nav {
  background-color: #00386b;
}

.portal-nav-bar {
  background-color: #0070d1;
  height: 4rem;
}

.portal-nav-bar__logo-wrapper {
  display: none;
  background-color: transparent;
}

.portal-nav-bar__logo {
  height: 2rem;
  margin-top: 1rem;
  margin-left: 2rem;
}

.portal-nav-bar__user {
  margin-left: auto;
}

.progress__wrapper {
  height: 100%;
}

.progress {
  display: block;
  overflow: hidden;
  height: 0.5rem;
  min-width: 200px;
  border-radius: 100px;
  background-color: #f5f5fa;
}

.progress-bar {
  background-color: #05854a;
  border-radius: inherit;
  height: 100%;
  transition: width 400ms ease;
  width: 300px;
}

.upload__progress-wrapper {
  align-self: center;
}
.upload__progress-wrapper .progress__wrapper {
  margin-top: 0.5rem;
}
.upload__progress-wrapper .file-error-text {
  margin-top: 1rem;
}

.file-listing__error {
  font-size: 10px;
  color: #c23833;
}

.grid--vertical {
  flex-direction: column;
}

.inline-item {
  display: inline;
}

.inline-flex-item {
  display: inline-flex;
  align-items: center;
}

.override-link-to {
  margin-right: 2rem !important;
}

.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}

.actions-grid__spacer {
  height: 1.5rem;
  width: 1.5rem;
}

.sync-button {
  display: flex;
  align-items: center;
  height: 4rem;
  overflow: hidden;
  margin-left: 1.75rem;
}
.sync-button .ao-button {
  border-radius: 100px;
  flex: 0 0 auto;
}
.sync-button .ao-label {
  line-height: 1rem;
  font-size: 11px;
}
.sync-button .ao-body-2 {
  font-size: 11px;
  line-height: 1.25;
}

.sync-button__message {
  min-width: 10rem;
  padding-left: 1rem;
  padding-right: 1.5rem;
  opacity: 0;
  padding: 8px;
  background-color: #d9dee6;
  margin: 0 0.5rem;
  border-radius: 3px;
  color: #00386a;
  font-size: 12px;
  border-radius: 4px;
}

.ao-app-nav:hover .sync-button__message {
  opacity: 1;
  transition: all 200ms ease-in;
}

.about-icon {
  margin-top: 8px;
  color: white;
}

.u-margin--t128 {
  margin-top: 128px;
}

.about-box__wrapper {
  padding: 16px;
  max-width: 600px;
  height: 300px;
  position: relative;
}

.about-modal--body {
  padding-top: 64px;
}

.account-settings-modal {
  padding: 0;
  margin: 1rem;
  width: 900px;
  height: 700px;
  position: relative;
}

.copyright-wrapper {
  position: absolute;
  width: 100%;
  bottom: 16px;
  left: 0;
  margin-bottom: 2rem;
}

.copyright-text {
  opacity: 0.3;
}

.ax-logo {
  margin-top: 38px;
}

.ao-logo--medium {
  height: 38px;
}

.ao-logo--large {
  height: 48px;
}

.ao-info-modal {
  height: 15px;
  width: 15px;
}

.error-button, .error-button:hover {
  background-color: red;
}

.ao-file-uploader {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  min-width: 380px;
  padding: 0;
}

.ao-file-uploader__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.ao-file-uploader__selector {
  flex: 1;
}

.ao-file-uploader__dropzone-bg {
  position: absolute;
  background-color: #FFF;
  top: 0;
  z-index: -1;
  margin: 1rem;
  right: 0;
  bottom: 0;
  left: 0;
}
.ao-file-uploader__dropzone-bg.active {
  background-color: #f5f5fa;
  border-radius: 6px;
}

.ao-file-upload__icon {
  font-size: 8rem;
  margin: 1.5rem auto;
  color: #d9dee6;
}

.ao-file-uploader__files {
  flex: auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.ao-file-uploader__actions {
  flex: 1 1 0;
  width: 100%;
  margin: 1rem 0;
}

.ao-file-uploader__footer {
  background-color: #f5f5fa;
  border-radius: 0 0 6px 6px;
  padding: 1rem;
}

.ao-inf-scroll-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.ao-inf-scroll__loader {
  position: relative;
  height: 4rem;
  width: 4rem;
}

.ao-list-item--basic {
  display: block;
}

.ao-top-nav {
  color: white;
}

.ao-top-nav__agency {
  font-weight: bold;
}

.card-inactive {
  color: #d9dee6 !important;
}
.card-inactive .ao-chip {
  background-color: #d9dee6 !important;
  color: black !important;
  opacity: 0.7;
}
.card-inactive:hover {
  opacity: 0.7;
}

.ao-list-view__toggle-section {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.ao-list-view__toggle-section .ao-toggle {
  margin-right: 0.5rem;
}

.ao-grid-container, .action-bar-container {
  width: 100%;
  min-width: 960px;
  max-width: 1600px;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto;
}

.l-page-loader {
  height: 36px;
  display: flex;
  align-items: center;
}

.ao-back-button {
  display: inline-flex;
  align-items: center;
}

.ao-icon-text {
  display: flex;
  align-items: center;
}
.ao-icon-text .ao-icon {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  font-size: 2rem;
}

.grouped-import-icons {
  display: flex;
  align-items: center;
}
.grouped-import-icons .ao-icon {
  flex: 0 0 auto;
  margin-right: 0.5rem;
}

.ao-icon-text--large .ao-icon {
  font-size: 2.5rem;
  margin-right: 1rem;
}

.ao-avatar {
  display: flex;
  align-items: center;
}

.ao-avatar__icon {
  margin-right: 0.5rem;
}

.ao-avatar__full-name {
  font-size: 1em;
  font-weight: 500;
}

.invoice-link {
  color: #148aed;
  font-weight: 500;
}

.status-button {
  display: inherit !important;
  opacity: 100 !important;
  float: right;
}

.disable-requeue {
  color: black !important;
}

.menu__item--active {
  color: #148aed;
}

.menu__item--disable {
  color: #d9dee6;
  pointer-events: none;
}

.menu__item {
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  margin-right: 2rem;
  padding: 0 0 0.5rem;
  color: rgba(0, 56, 106, 0.55);
}

.filter__item {
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  margin-right: 2rem;
  padding: 0.5rem 0.5rem !important;
  color: rgba(0, 56, 106, 0.55);
}
.filter__item--active {
  color: white !important;
  background-color: #148aed;
  border-radius: 4px;
}

.ao-flow-nav {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #e0e6ed;
}
.ao-flow-nav .menu {
  align-items: flex-end;
  height: auto;
  padding-top: 8px;
}
.ao-flow-nav .menu__item {
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  margin-right: 2rem;
  padding: 0 0 0.5rem;
  color: rgba(0, 56, 106, 0.55);
}
.ao-flow-nav .menu__item--active {
  border-bottom-color: #148aed;
  color: #148aed;
}
.ao-flow-nav .menu__item:last-child {
  margin-right: 0;
}

.ao-loader__blanket {
  z-index: 8000;
  opacity: 1;
}

.ao-icon--xxlarge {
  font-size: 192px !important;
}

.ao-icon--80 {
  font-size: 5rem;
}

.ao-app-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 16rem);
  margin: 0 auto;
}

.ao-app-search__form {
  flex: 1;
  position: relative;
  max-width: 768px;
}
.ao-app-search__form .ao-app-search__input {
  padding-right: 6rem;
  padding-left: 2.5rem;
  border-radius: 3px;
  border: 0;
  box-shadow: none;
}
.ao-app-search__form .ao-app-search__input:hover, .ao-app-search__form .ao-app-search__input:focus {
  box-shadow: none;
}
.ao-app-search__form .ao-app-search__button {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.ao-app-search__form .ao-app-search__icon {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.ao-app-search__form .ao-app-search__msg {
  position: absolute;
  top: 0.75rem;
  right: 5.5rem;
  font-size: 14px;
  line-height: 1rem;
  color: #c23833;
}

.ao-app-faq-icon {
  color: white;
  font-weight: bolder;
  display: flex;
  align-items: center;
}

.accordian-children {
  border-left: 1px solid;
  margin-left: 2.5rem;
  padding-left: 0.5rem;
  overflow: hidden;
  background-color: #FAFCFF;
}

.ao-import-arrow-icon--animated .import-arrow {
  animation: bounce 1.5s infinite;
  transform-origin: center bottom;
  animation-fill-mode: both;
  animation-timing-function: ease;
}

.ao-file-listing {
  padding: 0.25rem;
}

.ao-file-listing.has-error {
  background-color: rgba(255, 82, 48, 0.03);
  border-color: #ff5230;
}

.ao-file-listing--vertical .ao-grid {
  flex-direction: column;
}
.ao-file-listing--vertical .grid__cell {
  align-self: center;
  width: auto;
  text-align: center;
}

.ao-file-listing--large .ao-file-listing__icon {
  font-size: 6rem;
}
.ao-file-listing--large .ao-file-listing__name {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  max-width: 300px;
}

.ao-file-listing--small .ao-file-listing__icon {
  font-size: 2.5rem;
}
.ao-file-listing--small .ao-file-listing__name {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  max-width: 300px;
}

.ao-file-listing__icon {
  font-size: 64px;
}

.ao-file-listing__name {
  font-size: 14px;
}

.ao-import-icon--simple .import-dotted-path,
.ao-import-icon--simple .import-solid-path {
  display: none;
}

.ao-button.ao-button--link .ao-button__label + svg {
  margin-left: 4px;
  margin-right: 0;
  font-size: 14px;
}

.ao-label {
  line-height: 1rem;
}

.ao-icon--large {
  font-size: 2.5rem;
}

.ao-button--circle .ao-button__loader-container {
  border-radius: 100px;
}

.ao-icon--medium {
  font-size: 32px;
}

.ao-column--span2 {
  grid-column: span 2;
}

.ao-column--span3 {
  grid-column: span 3;
}

.credit-utilization {
  width: 100%;
  height: 40px;
  display: flex;
  border: #000 solid 1px;
  background-color: #fff;
}

.credit-utilization__segment {
  height: 38px;
}

.credit-utilization__segment--yellow {
  background-color: #f0fc4d;
}

.credit-utilization__segment--blue {
  background-color: #2a76e7;
}

.credit-utilization__segment--green {
  background-color: #28e438;
}

.credit-utilization__legend {
  padding: 4px;
  margin-right: 4px;
  border: 1px solid #000;
  display: inline-block;
}

.ember-tooltip, .ember-popover {
  z-index: 9999;
  max-width: inherit;
}

.tooltip-inner {
  text-align: left;
}

.pie-wrapper {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: hidden;
}
.pie-wrapper .arc, .pie-wrapper:before {
  content: "";
  width: 200px;
  height: 100px;
  position: absolute;
  transform-origin: 50% 0%;
  left: 0;
  box-sizing: border-box;
}
.pie-wrapper:before {
  border: 10px solid #E8E8E8;
  border-bottom: none;
  top: 0;
  z-index: 1;
  border-radius: 300px 300px 0 0;
}
.pie-wrapper .arc {
  border: 10px solid #0070d1;
  border-top: none;
  border-radius: 0 0 300px 300px;
  top: 100%;
  z-index: 2;
}
.pie-wrapper .arc::before {
  content: "";
  height: 1px;
  width: 5px;
  position: absolute;
  top: 0px;
}
.pie-wrapper .score {
  color: #394955;
  font-size: 28px;
  display: block;
  width: 200px;
  text-align: center;
  margin-top: 50px;
}

.sub-text {
  display: block;
  text-align: center;
}

.credit-label {
  display: block;
  margin-top: 24px;
  text-align: center;
}

.wire-label {
  display: block;
  text-align: center;
}
.wire-label--unfunded {
  font-size: 18px;
}

.agency-info__card {
  width: 400px;
  margin-right: 36px;
}

.arc[data-value="1"] {
  transform: rotate(1.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="1"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="2"] {
  transform: rotate(3.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="2"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="3"] {
  transform: rotate(5.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="3"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="4"] {
  transform: rotate(7.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="4"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="5"] {
  transform: rotate(9deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="5"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="6"] {
  transform: rotate(10.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="6"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="7"] {
  transform: rotate(12.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="7"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="8"] {
  transform: rotate(14.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="8"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="9"] {
  transform: rotate(16.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="9"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="10"] {
  transform: rotate(18deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="10"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="11"] {
  transform: rotate(19.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="11"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="12"] {
  transform: rotate(21.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="12"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="13"] {
  transform: rotate(23.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="13"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="14"] {
  transform: rotate(25.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="14"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="15"] {
  transform: rotate(27deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="15"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="16"] {
  transform: rotate(28.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="16"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="17"] {
  transform: rotate(30.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="17"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="18"] {
  transform: rotate(32.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="18"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="19"] {
  transform: rotate(34.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="19"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="20"] {
  transform: rotate(36deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="20"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="21"] {
  transform: rotate(37.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="21"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="22"] {
  transform: rotate(39.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="22"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="23"] {
  transform: rotate(41.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="23"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="24"] {
  transform: rotate(43.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="24"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="25"] {
  transform: rotate(45deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="25"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="26"] {
  transform: rotate(46.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="26"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="27"] {
  transform: rotate(48.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="27"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="28"] {
  transform: rotate(50.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="28"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="29"] {
  transform: rotate(52.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="29"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="30"] {
  transform: rotate(54deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="30"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="31"] {
  transform: rotate(55.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="31"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="32"] {
  transform: rotate(57.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="32"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="33"] {
  transform: rotate(59.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="33"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="34"] {
  transform: rotate(61.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="34"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="35"] {
  transform: rotate(63deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="35"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="36"] {
  transform: rotate(64.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="36"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="37"] {
  transform: rotate(66.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="37"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="38"] {
  transform: rotate(68.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="38"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="39"] {
  transform: rotate(70.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="39"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="40"] {
  transform: rotate(72deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="40"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="41"] {
  transform: rotate(73.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="41"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="42"] {
  transform: rotate(75.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="42"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="43"] {
  transform: rotate(77.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="43"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="44"] {
  transform: rotate(79.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="44"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="45"] {
  transform: rotate(81deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="45"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="46"] {
  transform: rotate(82.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="46"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="47"] {
  transform: rotate(84.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="47"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="48"] {
  transform: rotate(86.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="48"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="49"] {
  transform: rotate(88.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="49"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="50"] {
  transform: rotate(90deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="50"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="51"] {
  transform: rotate(91.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="51"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="52"] {
  transform: rotate(93.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="52"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="53"] {
  transform: rotate(95.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="53"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="54"] {
  transform: rotate(97.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="54"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="55"] {
  transform: rotate(99deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="55"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="56"] {
  transform: rotate(100.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="56"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="57"] {
  transform: rotate(102.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="57"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="58"] {
  transform: rotate(104.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="58"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="59"] {
  transform: rotate(106.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="59"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="60"] {
  transform: rotate(108deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="60"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="61"] {
  transform: rotate(109.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="61"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="62"] {
  transform: rotate(111.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="62"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="63"] {
  transform: rotate(113.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="63"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="64"] {
  transform: rotate(115.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="64"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="65"] {
  transform: rotate(117deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="65"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="66"] {
  transform: rotate(118.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="66"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="67"] {
  transform: rotate(120.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="67"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="68"] {
  transform: rotate(122.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="68"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="69"] {
  transform: rotate(124.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="69"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="70"] {
  transform: rotate(126deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="70"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="71"] {
  transform: rotate(127.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="71"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="72"] {
  transform: rotate(129.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="72"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="73"] {
  transform: rotate(131.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="73"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="74"] {
  transform: rotate(133.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="74"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="75"] {
  transform: rotate(135deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="75"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="76"] {
  transform: rotate(136.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="76"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="77"] {
  transform: rotate(138.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="77"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="78"] {
  transform: rotate(140.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="78"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="79"] {
  transform: rotate(142.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="79"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="80"] {
  transform: rotate(144deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="80"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="81"] {
  transform: rotate(145.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="81"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="82"] {
  transform: rotate(147.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="82"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="83"] {
  transform: rotate(149.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="83"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="84"] {
  transform: rotate(151.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="84"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="85"] {
  transform: rotate(153deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="85"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="86"] {
  transform: rotate(154.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="86"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="87"] {
  transform: rotate(156.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="87"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="88"] {
  transform: rotate(158.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="88"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="89"] {
  transform: rotate(160.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="89"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="90"] {
  transform: rotate(162deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="90"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="91"] {
  transform: rotate(163.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="91"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="92"] {
  transform: rotate(165.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="92"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="93"] {
  transform: rotate(167.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="93"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="94"] {
  transform: rotate(169.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="94"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="95"] {
  transform: rotate(171deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="95"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="96"] {
  transform: rotate(172.8deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="96"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="97"] {
  transform: rotate(174.6deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="97"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="98"] {
  transform: rotate(176.4deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="98"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="99"] {
  transform: rotate(178.2deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="99"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="100"] {
  transform: rotate(180deg);
  transition: All 1s ease;
  border-color: #FF3C41;
}
.arc[data-value="100"]:after {
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
}

.arc[data-value="1"] {
  border-color: #0070d1;
}

.arc[data-value="2"] {
  border-color: #0070d1;
}

.arc[data-value="3"] {
  border-color: #0070d1;
}

.arc[data-value="4"] {
  border-color: #0070d1;
}

.arc[data-value="5"] {
  border-color: #0070d1;
}

.arc[data-value="6"] {
  border-color: #0070d1;
}

.arc[data-value="7"] {
  border-color: #0070d1;
}

.arc[data-value="8"] {
  border-color: #0070d1;
}

.arc[data-value="9"] {
  border-color: #0070d1;
}

.arc[data-value="10"] {
  border-color: #0070d1;
}

.arc[data-value="11"] {
  border-color: #0070d1;
}

.arc[data-value="12"] {
  border-color: #0070d1;
}

.arc[data-value="13"] {
  border-color: #0070d1;
}

.arc[data-value="14"] {
  border-color: #0070d1;
}

.arc[data-value="15"] {
  border-color: #0070d1;
}

.arc[data-value="16"] {
  border-color: #0070d1;
}

.arc[data-value="17"] {
  border-color: #0070d1;
}

.arc[data-value="18"] {
  border-color: #0070d1;
}

.arc[data-value="19"] {
  border-color: #0070d1;
}

.arc[data-value="20"] {
  border-color: #0070d1;
}

.arc[data-value="21"] {
  border-color: #0070d1;
}

.arc[data-value="22"] {
  border-color: #0070d1;
}

.arc[data-value="23"] {
  border-color: #0070d1;
}

.arc[data-value="24"] {
  border-color: #0070d1;
}

.arc[data-value="25"] {
  border-color: #0070d1;
}

.arc[data-value="26"] {
  border-color: #0070d1;
}

.arc[data-value="27"] {
  border-color: #0070d1;
}

.arc[data-value="28"] {
  border-color: #0070d1;
}

.arc[data-value="29"] {
  border-color: #0070d1;
}

.arc[data-value="30"] {
  border-color: #0070d1;
}

.arc[data-value="31"] {
  border-color: #0070d1;
}

.arc[data-value="32"] {
  border-color: #0070d1;
}

.arc[data-value="33"] {
  border-color: #0070d1;
}

.arc[data-value="34"] {
  border-color: #0070d1;
}

.arc[data-value="35"] {
  border-color: #0070d1;
}

.arc[data-value="36"] {
  border-color: #0070d1;
}

.arc[data-value="37"] {
  border-color: #0070d1;
}

.arc[data-value="38"] {
  border-color: #0070d1;
}

.arc[data-value="39"] {
  border-color: #0070d1;
}

.arc[data-value="40"] {
  border-color: #0070d1;
}

.arc[data-value="41"] {
  border-color: #0070d1;
}

.arc[data-value="42"] {
  border-color: #0070d1;
}

.arc[data-value="43"] {
  border-color: #0070d1;
}

.arc[data-value="44"] {
  border-color: #0070d1;
}

.arc[data-value="45"] {
  border-color: #0070d1;
}

.arc[data-value="46"] {
  border-color: #0070d1;
}

.arc[data-value="47"] {
  border-color: #0070d1;
}

.arc[data-value="48"] {
  border-color: #0070d1;
}

.arc[data-value="49"] {
  border-color: #0070d1;
}

.arc[data-value="50"] {
  border-color: #0070d1;
}

.arc[data-value="51"] {
  border-color: #0070d1;
}

.arc[data-value="52"] {
  border-color: #0070d1;
}

.arc[data-value="53"] {
  border-color: #0070d1;
}

.arc[data-value="54"] {
  border-color: #0070d1;
}

.arc[data-value="55"] {
  border-color: #0070d1;
}

.arc[data-value="56"] {
  border-color: #0070d1;
}

.arc[data-value="57"] {
  border-color: #0070d1;
}

.arc[data-value="58"] {
  border-color: #0070d1;
}

.arc[data-value="59"] {
  border-color: #0070d1;
}

.arc[data-value="60"] {
  border-color: #0070d1;
}

.arc[data-value="61"] {
  border-color: #0070d1;
}

.arc[data-value="62"] {
  border-color: #0070d1;
}

.arc[data-value="63"] {
  border-color: #0070d1;
}

.arc[data-value="64"] {
  border-color: #0070d1;
}

.arc[data-value="65"] {
  border-color: #0070d1;
}

.arc[data-value="66"] {
  border-color: #0070d1;
}

.arc[data-value="67"] {
  border-color: #0070d1;
}

.arc[data-value="68"] {
  border-color: #0070d1;
}

.arc[data-value="69"] {
  border-color: #0070d1;
}

.arc[data-value="70"] {
  border-color: #0070d1;
}

.arc[data-value="71"] {
  border-color: #0070d1;
}

.arc[data-value="72"] {
  border-color: #0070d1;
}

.arc[data-value="73"] {
  border-color: #0070d1;
}

.arc[data-value="74"] {
  border-color: #0070d1;
}

.arc[data-value="75"] {
  border-color: #0070d1;
}

.arc[data-value="76"] {
  border-color: #FCD000;
}

.arc[data-value="77"] {
  border-color: #FCD000;
}

.arc[data-value="78"] {
  border-color: #FCD000;
}

.arc[data-value="79"] {
  border-color: #FCD000;
}

.arc[data-value="80"] {
  border-color: #FCD000;
}

.arc[data-value="81"] {
  border-color: #FCD000;
}

.arc[data-value="82"] {
  border-color: #FCD000;
}

.arc[data-value="83"] {
  border-color: #FCD000;
}

.arc[data-value="84"] {
  border-color: #FCD000;
}

.arc[data-value="85"] {
  border-color: #FCD000;
}

.payment-group-container {
  background-color: #f4f6f9;
}

.right-vertical-rule {
  border-right: 1px solid #e0e6ed;
}

.left-vertical-rule {
  border-left: 1px solid #e0e6ed;
}

.ao-badge.ao-badge--fixed {
  transform: translate(16px, -24px);
}

.ao-badge--fixed {
  position: absolute;
  box-shadow: 0 0 0 2px white;
}

.ao-badge--green {
  background-color: #4ac982;
}

.ao-badge--overlay {
  position: relative;
}

.ao-badge--top-right {
  position: absolute;
  z-index: 1;
  top: -24px;
  right: 0px;
}

.ao-badge--tooltip {
  white-space: nowrap;
}

.ao-toggle {
  font-size: 1.5rem;
}

.validation-error {
  font-size: 14px;
  color: #c23833;
  height: 2rem;
}

p.non-editable-content {
  word-break: break-word;
}

#number-transition .liquid-container {
  display: inline-block;
  vertical-align: top;
}

.ao-badge--red {
  background-color: #c23833;
}

.custom-border-power-select {
  border-radius: 4px;
  border-bottom: 0;
}

.ao-button--wide {
  min-width: 6rem;
}

.shelf-import-loader {
  border: 2px solid transparent;
  border-top: 2px solid #0070d1;
  border-right: 2px solid #0070d1;
  border-bottom: 2px solid #0070d1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.75s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.back-button-hack {
  float: left;
}

.search-flow {
  font-family: inherit;
}

.search-flow__query {
  margin-bottom: 0;
  background-color: #148aed;
}

.search-flow_add, .search-flow_clear {
  margin-bottom: 0;
  transition: none;
}

.search-flow_parameters {
  padding: 0;
}

.back-button-hack {
  float: left;
}

.json-pretty pre {
  outline: none;
  white-space: pre-wrap;
  margin: 0;
  padding: 0.25rem;
}
.json-pretty pre .key {
  color: #148aed;
}
.json-pretty pre .string {
  color: #c23833;
}

.search-flow_dropdown-option-active {
  background-color: #148aed;
}

.ao-button-group .ao-button {
  margin: 0;
}
.ao-button-group .ao-button--first {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.ao-button-group .ao-button--last {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.confirmation-overlay {
  display: flex;
  z-index: 9999;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 8px;
  padding: 24px;
  background-color: rgba(255, 255, 255, 0.95);
  animation: fade-in 0.2s ease both;
  transform-origin: 50% 50%;
}
.confirmation-overlay.__reassign {
  margin-left: 1px;
  background-color: white;
  display: inherit;
}
.confirmation-overlay.__rule {
  padding-left: 4rem;
}
.confirmation-overlay.__no-invoice {
  background-color: transparent;
}

.confirm__no {
  margin-right: 8px;
  margin-bottom: 16px;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.delete-line {
  position: relative;
}
.delete-line .grid__cell {
  opacity: 0.75;
}
.delete-line:before {
  content: "";
  position: absolute;
  top: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  background-color: rgba(194, 56, 51, 0.15);
  border-radius: 0 3px 3px 0;
  border-left: 2px solid #c23833;
}

.matching-item .trash-icon {
  opacity: 0.25;
}
.matching-item:hover .trash-icon {
  opacity: 1;
}

.ao-icon--tiny {
  font-size: 1rem !important;
}

.grid__cell {
  min-width: 0;
}

.ao-button--submit {
  min-width: 12rem;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.space-between {
  justify-content: space-between;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

.grid-gap--small {
  grid-gap: 4px;
}

.full-width {
  width: 100%;
}

.user-info {
  display: flex;
}

.user-info__card {
  width: 320px;
}

.user-info__metta {
  margin-left: 0.5rem;
}

.ao-icon--160 {
  font-size: 10rem;
}

.ao-shelf__card--gray {
  background-color: #f5f5fa;
}

.ao-icon--transparent {
  opacity: 0;
}

.ao-icon--20 {
  padding: 2px 0;
}

.ao-icon--16 {
  font-size: 16px;
}

.grid--nested {
  margin-left: 0;
  margin-right: 0;
}
.grid--nested .grid__cell:first-child {
  padding-left: 0;
}
.grid--nested .grid__cell:last-child {
  padding-right: 0;
}

.approval-list {
  overflow: hidden;
  border: 1px solid #e0e6ed;
  border-radius: 6px;
}
.approval-list > .ao-list-item {
  display: block;
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: none;
  font-size: 1rem;
}
.approval-list > .ao-list-item:hover {
  box-shadow: none;
}
.approval-list .ao-list-drawer > .ao-list-item {
  display: block;
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 1rem;
}
.approval-list .ao-list-drawer > .ao-list-item:hover {
  box-shadow: none;
}
.approval-list .ao-list-drawer.is-open .ao-list-drawer-header {
  background-color: rgba(20, 138, 237, 0.75);
  color: white;
}

.ao-list-drawer-item {
  display: flex;
  align-items: center;
}

.ao-list-drawer-header {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 1rem 0.5rem;
  background-color: white;
  box-shadow: 0 0px 0 1px #e0e6ed;
}

.grouped-list-container .ao-list--grouped .ao-list-item--grouped {
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 1rem;
}
.grouped-list-container .ao-list--grouped .ao-list-item--grouped:hover {
  box-shadow: none;
}
.grouped-list-container .ao-list-drawer {
  border: 1px solid;
  border-width: 1px 0;
  border-color: transparent;
}
.grouped-list-container .ao-list-drawer:hover {
  background-color: white;
  box-shadow: inset 4px 0 0 0 #0087f0;
  border-color: #e0e6ed;
}
.grouped-list-container .ao-list-drawer.is-open {
  background-color: white;
  box-shadow: inset 4px 0 0 0 #0087f0;
  border-color: #e0e6ed;
}
.grouped-list-container .ao-list-drawer .ao-list-drawer-item {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.grouped-list-container .ao-list-drawer .ao-list-drawer-item.selected {
  background-color: #d3e7fb;
}

.ao-list-item.ao-list-item--grouped:hover {
  box-shadow: inset 0 0 0 1px #e0e6ed;
}

.ao-list-item--grouped .ao-list-button {
  opacity: 0.4;
}
.ao-list-item--grouped:hover .ao-list-button {
  opacity: 1;
}

.ao-icon-base {
  position: relative;
  background-color: #e0e6ed;
  display: inline-flex;
  padding: 1rem;
  border-radius: 6px;
}

.ao-icon-base--small {
  padding: 0.5rem;
}

.ao-icon-base--circle {
  border-radius: 100px;
}

.ao-icon-base--pending {
  background-color: #ffe08540;
  color: #bf9612;
  box-shadow: inset 0 0 0 1px #FFC107;
}

.ao-icon-base--approved {
  background-color: #E8F5E9;
  color: #43A047;
  box-shadow: inset 0 0 0 1px #4CAF50;
}

.ao-icon-base--rejected {
  background-color: #fff3f3;
  color: #d86e6a;
  box-shadow: inset 0 0 0 1px #d86e6a;
}

.ao-nug--flat {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.ao-nug--basic {
  box-shadow: none;
}

.grid__cell--flex {
  align-items: center;
}

.grid__cell--fit {
  flex-shrink: 0;
}

.ao-horz-rule {
  height: 1px;
  width: 100%;
  background-color: #e0e6ed;
}

.ao-vert-rule {
  height: 1rem;
  width: 1px;
  background-color: #e0e6ed;
}

.ao-icon-stack {
  position: relative;
}
.ao-icon-stack .ao-icon--front {
  position: absolute;
  background-color: #757575;
  border: 1px solid #FFF;
  border-radius: 100%;
  font-size: 16px;
  color: #ffffff;
  transform: translate(12px, 8px);
}

.ao-icon-stack--inverted .ao-icon--front {
  background-color: #FFF;
  border: 0;
  color: #757575;
}

.ao-button--accounting-success {
  background-color: #2d9f1c;
  box-shadow: none;
}
.ao-button--accounting-success:hover {
  background-color: #2d9f1c;
}
.ao-button--accounting-success .ao-icon {
  font-size: 2em;
  width: 40px;
  height: 40px;
}

.sync-button .ao-button--negative {
  background-color: #FFF;
  box-shadow: inset 0 0 0 4px #c23833;
  color: #c23833;
}
.sync-button .ao-button--negative:hover {
  background-color: #fff;
}
.sync-button .ao-button--negative .ao-icon {
  font-size: 2.5em;
}

.wire-widget__image {
  position: absolute;
  font-size: 96px;
  top: 20px;
  left: 40px;
}

.unselected-button {
  background-color: #e0e6ed;
  color: #54698c;
  border: 1px solid #e0e6ed;
}

.selected-button {
  background-color: white;
  color: #0070d1;
  border: 1px solid #0070d1;
}

.noselected-button {
  background-color: white;
  color: #0070d1;
  border: 1px solid #e0e6ed;
}

.agency-list-sync.sync-button {
  display: inline;
  margin-left: 0;
}

.permanent-block {
  font-size: 8px;
}

.ao-modal__container--medium.ao-modal__container--short {
  height: 200px;
}
.ao-modal__container--medium.ao-modal__container--short .ao-logo--medium.ax-logo {
  margin-top: 1rem;
}

.ao-badge--icon {
  position: absolute;
  z-index: 1;
  transform: translate(24px, -16px);
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 24px;
}

.new-error-item {
  background-color: #ccffc9;
}

.very-new-error-item {
  animation-duration: 0.5s;
  animation-name: slidein;
}

@keyframes slidein {
  0% {
    max-height: 0;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  100% {
    min-height: 3rem;
  }
}
.ao-checkbox {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ao-width__100 {
  width: 100%;
}

.ao-carousel {
  position: relative;
}
.ao-carousel .carousel-content .carousel-item {
  display: none;
  position: relative;
}
.ao-carousel .carousel-content .active {
  display: block;
  left: 0;
}
.ao-carousel .carousel-nav {
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.ao-carousel .carousel-nav li {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: 1px;
  cursor: pointer;
  line-height: 1.4em;
}
.ao-carousel .carousel-nav li.active {
  width: 23px;
  height: 23px;
  color: #005eb3;
}

.l-dashboard.dashboard--main {
  height: calc(110vh - 14rem);
}
.l-dashboard.dashboard--agency {
  height: calc(110vh - 16.5rem);
}

.dashboard-widget-filter-menu {
  margin-top: 0.5rem;
  width: 168px;
  box-shadow: 0px 4px 32px 0px rgba(93, 93, 134, 0.2);
  background-color: #FFF;
}

.ao-accordian__trigger:hover {
  border-radius: 100%;
  background-color: #f5f5fa;
  cursor: pointer;
  transition: all 200ms ease-out;
}

.ao-loader--card-loader .ao-loader__blanket {
  background-color: white;
}

.ao-icon--hidden {
  opacity: 0;
}

.ao-list-item:hover .ao-icon--hidden {
  opacity: 1;
}

.ao-shelf__card > .ao-loader {
  padding: 0.5rem 0;
}

.ao-shelf__card--loading {
  height: 10rem;
}

.manage-agency-dashboard {
  padding-top: 16px;
}

.u-padding--t0 {
  padding-top: 0;
}

.u-padding--l16 {
  padding-left: 1rem;
}

.u-padding--r16 {
  padding-right: 16px !important;
}

.fixed-width--400 {
  width: 400px;
}

.banner_popup_modal {
  background-color: #e0e6ed;
  width: calc(100% - 6rem);
  top: 64px !important;
  border-radius: 0;
  transform: unset !important;
  padding: 0;
  max-height: 256px !important;
  position: absolute;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.banner_header {
  max-height: 256px;
  max-width: 1024px;
  min-height: 88px;
  padding: 24px 56px 16px 24px;
  font-size: 20px;
  line-height: 24px;
}

.banner_close_button {
  position: absolute;
  top: 32px;
  right: 40px;
}

.banner_exclamation-circle {
  font-size: 32px;
  vertical-align: -40%;
  margin: 0 8px 0 0;
}

.banner_message_body {
  padding: 0 50px;
  margin: 0 0 8px;
  width: 111%;
  max-height: 130px;
  font-size: 14px !important;
  overflow-y: auto;
  margin-top: 5px;
}
.banner_message_body ul li, .banner_message_body ol li {
  display: list-item;
}

.show_hide_layout {
  padding-left: 48px;
  text-align: left;
  line-height: 16px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.ao-bullet {
  font-size: 8px;
  margin-bottom: 4px;
}

.payment-request-sum {
  background-color: #e0e6ed;
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
}

.dropdown__item {
  background-color: transparent;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: block;
}
.dropdown__item:hover {
  background-color: #f5f5fa;
}

.u-flex--center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.posted-spend-card {
  min-height: 14rem;
}

.text--link a:hover {
  text-decoration: underline;
}

.ao-modal__footer {
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
}

.user-avatar {
  max-width: none;
}

.ao-modal__container--create {
  width: 568px;
  height: 80%;
  max-height: 468px;
}

.ao-modal__confirmation {
  width: 50%;
}

.ao-modal__bank-account-group-access .ember-power-select-option,
.ao-modal__bank-account-group-access .ember-power-select-selected-item {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  white-space: nowrap;
}
.ao-modal__bank-account-group-access .user-list {
  max-height: 212px;
}
.ao-modal__bank-account-group-access .bag-list {
  max-height: 268px;
}
.ao-modal__bank-account-group-access .copy-user-list {
  max-height: 300px;
}
.ao-modal__bank-account-group-access .ember-power-select-options[role=listbox] {
  max-height: 172px;
}

.ao-modal__overlay {
  background-color: rgba(188, 187, 187, 0.66);
}

.ao-modal__overlay.dark {
  background-color: rgba(0, 0, 0, 0.2);
}

.text-underline {
  text-decoration: underline;
}

.text-dotted {
  text-decoration: underline;
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
}

.ao-modal__container {
  overflow: hidden;
  box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.25), 0 0px 3px rgba(0, 0, 0, 0.25);
}

.card-type {
  border: 1px solid transparent;
  padding: 16px;
}

.active-card {
  background-color: white;
  color: #0070d1;
  border-color: #0070d1;
}

.validation-text {
  font-size: 12px;
}

.ao-display-small {
  font-size: 18px;
  font-weight: bold;
}

.wire-amount {
  background-color: #f7cb53;
  padding: 4px;
  border-radius: 6px;
}

.blocked-widget {
  background-color: #EC9946;
  padding: 0.8rem;
  border-radius: 6px;
  margin: 0rem;
}

.fpn-card {
  position: relative;
  background-color: white;
  border-radius: 6px;
  margin-bottom: 1rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09), 0 0 0px 1px rgba(225, 230, 237, 0.4);
}

.widget-tooltip {
  width: 20rem;
  padding: 1rem;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
}

.shared-account-list {
  padding-left: 8px;
}

.restart-task-container {
  flex: 1;
  position: relative;
  max-width: 768px;
}
.restart-task-container .restart-task__button {
  position: absolute;
  top: 1.25rem;
  right: 0.25rem;
}

.task-card {
  height: 200px;
}
.task-card .ao-button-hidden {
  opacity: 0;
}
.task-card:hover .ao-button {
  opacity: 1;
}

.checkbox-cell {
  display: flex;
  padding-left: 1rem;
  padding-top: 0.5rem;
  width: 427px;
}

.prefunded-balance-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 1rem;
}
.prefunded-balance-container.small {
  flex-direction: row;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
}

.prefunded-balance.small {
  margin: 0;
  padding: 0.5rem;
  min-width: 290px;
  width: 290px;
}
.prefunded-balance.small .prefund-balance {
  margin-top: 8px;
}
.prefunded-balance.small .account-balance {
  font-size: 24px;
}
.prefunded-balance.small .prefund-icon {
  height: 32px;
  width: 32px;
}
.prefunded-balance.small .prefund-icon .ao-icon {
  font-size: 20px;
}
.prefunded-balance.medium {
  height: 148px;
  width: 273px;
}

.prefund-account {
  align-items: center;
  display: flex;
}

.prefund-label {
  opacity: 0.5;
}

.prefund-icon {
  align-items: center;
  background-color: #1589ee;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-right: 0.5rem;
  width: 40px;
}
.prefund-icon .ao-icon {
  stroke-width: 2px;
}

.prefund-balance {
  margin-top: 8px;
  width: 400px;
}
.prefund-balance .prefund-label {
  font-size: 14px;
  color: #00396b;
}
.prefund-balance .account-balance {
  color: #00396b;
  font-size: 29px;
}

.card-management-widget {
  width: 300px;
}

.uppercase {
  text-transform: uppercase;
}

#tooltip-container {
  position: relative;
}

.refund-container {
  padding: 16px;
}

.ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*********************
CARD HARD LIMIT STYLES
*********************/
.interval,
.selected-interval {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 110px;
}

.selected-interval span {
  border: 1px solid #148aed;
  border-radius: 16px;
  color: #148aed;
  padding: 4px 0px;
  width: 110px;
}
.selected-interval .infinite path:last-child,
.selected-interval .calendar-day rect,
.selected-interval .calendar-week rect,
.selected-interval .calendar-month rect,
.selected-interval .calendar-day path:not(:first-child),
.selected-interval .calendar-week path:not(:first-child),
.selected-interval .calendar-month path:not(:first-child) {
  fill: #148aed;
}

.currency-field .input-icon {
  align-items: center;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  display: flex;
  height: 56px;
  padding: 0 8px;
  width: 100%;
}
.currency-field .input-icon input {
  border: none;
  width: inherit;
  height: 100%;
  background-color: transparent;
  font-size: 1.25rem;
}
.currency-field .input-icon:hover {
  box-shadow: inset 0 0 0 1px #148aed;
}
.currency-field .input-icon input::-webkit-outer-spin-button,
.currency-field .input-icon input::-webkit-inner-spin-button {
  display: none;
}

.bold-500 {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.card-limit-stats, .card-limit-stats--centered {
  align-items: center;
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  justify-content: flex-end;
}
.card-limit-stats.large, .large.card-limit-stats--centered {
  justify-content: center;
}
.card-limit-stats.large .donut-chart, .large.card-limit-stats--centered .donut-chart {
  height: 146px;
  width: 146px;
}
.card-limit-stats.large .donut-label, .large.card-limit-stats--centered .donut-label {
  flex-direction: column;
  height: 146px;
  width: 146px;
}
.card-limit-stats.large .card-usage, .large.card-limit-stats--centered .card-usage {
  margin-top: 0.5rem;
  text-align: unset;
}
.card-limit-stats.large .orange, .large.card-limit-stats--centered .orange {
  font-size: 1.5rem;
}
.card-limit-stats.large .uppercase, .large.card-limit-stats--centered .uppercase {
  font-size: 12px;
}
.card-limit-stats.large .infinite, .large.card-limit-stats--centered .infinite,
.card-limit-stats.large .calendar-day,
.large.card-limit-stats--centered .calendar-day,
.card-limit-stats.large .calendar-week,
.large.card-limit-stats--centered .calendar-week,
.card-limit-stats.large .calendar-month,
.large.card-limit-stats--centered .calendar-month {
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.card-limit-stats.large .infinite path:last-child, .large.card-limit-stats--centered .infinite path:last-child,
.card-limit-stats.large .calendar-day rect,
.large.card-limit-stats--centered .calendar-day rect,
.card-limit-stats.large .calendar-week rect,
.large.card-limit-stats--centered .calendar-week rect,
.card-limit-stats.large .calendar-month rect,
.large.card-limit-stats--centered .calendar-month rect,
.card-limit-stats.large .calendar-day path:not(:first-child),
.large.card-limit-stats--centered .calendar-day path:not(:first-child),
.card-limit-stats.large .calendar-week path:not(:first-child),
.large.card-limit-stats--centered .calendar-week path:not(:first-child),
.card-limit-stats.large .calendar-month path:not(:first-child),
.large.card-limit-stats--centered .calendar-month path:not(:first-child) {
  fill: #b4beca;
}

.card-limit-stats--centered {
  justify-content: center;
}

/* DONUT CHART */
.donut-chart {
  height: 50px;
  width: 50px;
  position: relative;
}

.donut-label {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
.donut-label span {
  color: rgba(6, 28, 63, 0.95);
  opacity: 0.5;
  font-size: 12px;
}
.donut-label .uppercase {
  color: #a8afbb;
}

.orange,
span.orange {
  color: #fb7c38;
  opacity: 1;
}

.card-usage {
  align-items: center;
  border-radius: 4px;
  color: #132849;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.cycle-type {
  color: #a8afbb;
  opacity: 1;
}

/************************
CARD HARD LIMIT STYLES END
*************************/
/********************
CARD MCC STYLES START
*********************/
.merchant-category-code h3 span {
  color: #a8afbb;
  font-weight: 500;
}
.merchant-category-code .ao-input {
  align-items: center;
  border-radius: 4px;
  border-bottom: none;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  display: flex;
  height: 40px;
  padding: 0 8px;
  transition: none;
  width: 100%;
}
.merchant-category-code .option {
  align-items: center;
  grid-template-columns: 30px 54px 1fr;
}
.merchant-category-code .option p {
  display: inline-block;
}
.merchant-category-code .option p.checkbox-cell__circle {
  justify-self: flex-end;
}
.merchant-category-code .option p.code {
  font-weight: bold;
  justify-self: center;
}
.merchant-category-code .option.selected {
  background-color: #edf2f7;
  border-radius: 4px;
  height: 36px;
}
.merchant-category-code p.clear {
  color: #a8afbb;
  cursor: pointer;
  font-size: 14px;
}
.merchant-category-code p.clear:hover {
  text-decoration: underline;
}
.merchant-category-code .ember-power-select-option {
  border-radius: 4px;
}
.merchant-category-code .ember-power-select-option.ember-power-select-option--search-message {
  display: none;
}
.merchant-category-code .ember-power-select-option[aria-current=true], .merchant-category-code .ember-power-select-option.hover {
  background-color: #edf2f7;
}
.merchant-category-code .ember-power-select-typeahead-input {
  align-items: center;
  border: unset;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #e0e6ed;
  display: flex;
  height: 40px;
  padding: 0 8px;
  width: 100%;
}
.merchant-category-code .ember-power-select-typeahead-input:hover {
  box-shadow: inset 0 0 0 1px #148aed;
}
.merchant-category-code .ember-power-select-options[role=listbox] {
  margin-top: 1rem;
  max-height: 196px;
}

.shipping-method-alert {
  background-color: #E4F0FD;
  padding: 32px;
  border-radius: 8px;
  position: absolute;
  bottom: 64px;
  width: 480px;
}

/********************
CARD MCC STYLES END
*********************/
.contact-count {
  background-color: #f5f5fa;
  padding: 8px;
  margin: 0 36px;
  border-radius: 4px;
}

.contact-tooltip-container {
  background-color: white;
  color: slategray;
  padding: 8px !important;
  border-radius: 6px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09), 0 0 0px 1px rgba(225, 230, 237, 0.4);
  min-width: 224px;
}

.contact-tooltip {
  text-align: left;
  padding: 6px;
  text-shadow: none;
}

.prenotification-container .delete-contact-icon {
  display: none;
}
.prenotification-container .account-icon {
  display: inline-block;
}

.prenotification-container:hover .delete-contact-icon {
  display: inline-block;
}
.prenotification-container:hover .account-icon {
  display: none;
}

.ember-basic-dropdown--prenotification {
  border: 0.25px solid #999999;
  border-radius: 4px;
  margin-left: 8px;
  margin-bottom: 32px;
}

.prenotification-dropdown-options {
  margin-bottom: 16px;
}

.prenotification-dropdown {
  border: 0.25px solid #999999;
  border-radius: 4px;
}

.create-contact-container {
  background: #148aed;
  color: white;
  border-radius: 4px;
  margin-bottom: 16px;
  width: 95%;
  margin-left: 10px;
}
.create-contact-container:hover {
  background-color: rgba(20, 138, 237, 0.5);
  opacity: 1;
}

.no-match-text {
  margin-left: 12px;
}

.bulk-edit-container {
  flex: 0 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 24rem;
}

.card-details-loader {
  height: 250px;
}

.card-limit-input {
  width: 97%;
}

.credit-limit-number {
  font-size: 1.5rem;
  font-weight: 300;
}

.payment-method-rollup-tooltip {
  width: 400px;
  background-color: white;
  color: black;
  border-color: #e0e6ee;
  border-width: 1px;
  text-shadow: none;
  border-style: solid;
  box-shadow: 0 0 2px 2px #e0e6ee;
}

.tooltip-hide-arrow {
  display: none;
}

.payment-method-length {
  width: 180px;
}

.width--sm {
  width: 200px;
}

.width--md,
.pending-contact-info-tooltip {
  width: 250px;
}

.dropdown--account-group {
  width: 40%;
}

.select-account-group .ember-power-select-selected-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-margin--l8r {
  margin-left: 8rem;
}

.ao-button--xlarge {
  font-size: 1.25rem;
  height: 3rem;
  padding: 0;
}
.ao-button--xlarge .ao-icon {
  font-size: 2.25rem;
}
.ao-button--xlarge .ao-button__label + .ao-icon {
  margin-left: -1rem;
  margin-right: 1rem;
}
.ao-button--xlarge.active {
  border-color: #005eb3;
  border-bottom-style: solid;
  border-bottom-width: medium;
}

.card-form {
  margin-bottom: 1.5rem;
}
.card-form .ao-input, .card-form input {
  margin: 0 !important;
}

.font--small {
  font-size: 0.75rem;
}

.grid-gap {
  grid-gap: 1rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-end {
  align-self: flex-end;
}

.warning-block {
  background: #ff9710;
  border-radius: 0.5rem;
  color: white;
  padding: 0.5rem;
}

/* PLAID CONNECTION CARD STYLES */
/* GENERIC PLAID STYLES */
.account-number--plaid {
  color: #148aed;
  font-family: "PT Mono";
  font-weight: bold;
}

.circle {
  background-color: #148aed;
  border-radius: 50%;
  display: inline-block;
  height: 0.25rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
  width: 0.25rem;
}

.label--plaid {
  opacity: 0.7;
}

.label--plaid.bank {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* CONNECTED PLAID ACCOUNT CARD STYLES */
.plaid-card {
  margin: 0;
}
.plaid-card .card--plaid {
  margin-bottom: unset;
  width: 17.5rem;
}
.plaid-card .card--plaid .remove-bank-connection,
.plaid-card .card--plaid .toggle-plaid-connection {
  align-self: flex-end;
  transform: scaleX(-1);
}

/* GROUPED BY CONNECTION STYLES */
.plaid-connection.card, .plaid-connection.ao-file-uploader {
  box-shadow: none;
}
.plaid-connection.card .remove-connection, .plaid-connection.ao-file-uploader .remove-connection {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.7;
}
.plaid-connection.card .connection--uid, .plaid-connection.ao-file-uploader .connection--uid {
  font-size: 14px;
}
.plaid-connection.card .connection--accounts .card, .plaid-connection.ao-file-uploader .connection--accounts .card, .plaid-connection.card .connection--accounts .ao-file-uploader, .plaid-connection.ao-file-uploader .connection--accounts .ao-file-uploader {
  width: 280px;
}
.plaid-connection.card .connection--accounts .card.inactive, .plaid-connection.ao-file-uploader .connection--accounts .card.inactive, .plaid-connection.card .connection--accounts .inactive.ao-file-uploader, .plaid-connection.ao-file-uploader .connection--accounts .inactive.ao-file-uploader {
  background-color: #fcfcfc;
  opacity: 0.5;
}
.plaid-connection.card .connection--accounts .flex.group, .plaid-connection.ao-file-uploader .connection--accounts .flex.group {
  grid-gap: 0.5rem;
}

.error-plaid {
  left: 50%;
  transform: translateX(-50%);
  width: 40rem;
}

.environment-bar .portal-nav-bar::before {
  color: white;
  font-weight: bold;
  margin: 22px 0 0 22px;
}

.environment-development .portal-nav-bar {
  background-color: #656565 !important;
}
.environment-development .portal-nav-bar::before {
  content: "LOCAL";
}

.environment-int .portal-nav-bar {
  background-color: red !important;
}
.environment-int .portal-nav-bar::before {
  content: "INT";
}

.environment-qa .portal-nav-bar {
  background-color: #008c2a !important;
}
.environment-qa .portal-nav-bar::before {
  content: "QA";
}

.environment-stg .portal-nav-bar {
  background-color: #ce8600 !important;
}
.environment-stg .portal-nav-bar::before {
  content: "STAGING";
}

.environment-demo .portal-nav-bar {
  background-color: #530068 !important;
}
.environment-demo .portal-nav-bar::before {
  content: "DEMO";
}

.downloads {
  position: fixed;
  right: 2rem;
  bottom: 1rem;
  z-index: 9999;
}
.downloads--button {
  height: 4rem;
  width: 4rem;
  background-color: #148aed;
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.downloads--button__progress {
  position: fixed;
  transform: rotate(-90deg) scale(27%);
}
.downloads--button__progress--ease circle {
  transition: stroke-dashoffset 1s linear;
}
.downloads--button__progress circle {
  stroke-dashoffset: 0;
  stroke: #148aed;
  stroke-width: 12px;
}
.downloads--button__badge {
  top: 7px;
  border-radius: 4px;
  background-color: #063764;
}
.downloads--popup {
  width: 360px;
  position: absolute;
  right: 0;
  background-color: white;
  color: black;
  padding: 16px;
  bottom: 5rem;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06), 0px 16px 28px rgba(0, 0, 0, 0.15);
  transition: transform 200ms ease;
}
.downloads--popup .progress {
  height: 4px;
}
.downloads--popup .progress .progress-bar {
  height: 4px;
  background-color: #0070d1;
}
.downloads--popup__ongoing {
  display: grid;
  grid-template-columns: auto 16px;
  grid-template-rows: 24px;
  align-items: center;
}
.downloads--popup__ongoing .progress__wrapper {
  grid-column: 1/span 2;
}
.downloads--popup__completed, .downloads--popup__ongoing {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.downloads--popup__completed-text, .downloads--popup__ongoing-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.downloads--popup__header {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 24px;
}
.downloads--popup__subheader {
  font-weight: 400;
  line-height: 20px;
}
.downloads--popup__divider {
  background-color: #E2E5E9;
  height: 1px;
  margin: 16px 0;
}

#downloads--button__progress-offset {
  stroke: #fff;
}

.date-filter-type-menu {
  margin-top: 0.5rem;
  width: 36rem;
  border-radius: 6px;
  padding: 1.5rem;
  box-shadow: 0px 4px 32px 0px rgba(93, 93, 134, 0.2);
  background-color: #FFF;
}

.flip-icon {
  transform: scaleX(-1);
}

.two-column-grid {
  -moz-column-count: 2;
  column-count: 2;
  /* Creates two columns */
  -moz-column-gap: 20px;
  column-gap: 20px;
  /* Adjust spacing between the columns */
}

.two-column-grid > * {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  /* Prevents elements from breaking across columns */
  margin-bottom: 20px;
  /* Space between items */
}

.agency-form .ember-power-select-selected-item {
  display: block;
}

.assigned-user-name {
  margin-left: 0.5rem;
  padding: 0.5rem 1rem;
}

.tooltip-max-width {
  max-width: 30rem;
}