@font-face {
  font-family: 'Poppins', sans-serif;
  src: url("static/fonts/Poppins");
}

:root {
  /* Colors: */
  --color-211858: #211858;
  --color-7ac8fa: #7AC8FA;
  --color-49adf8: #49ADF8;
  --light-blue: #62C3F9;
  ---2faba5-az-pix: #2FABA5;
  --color-707070: #707070;
  --color-4c5157: #4C5157;
  --grey-dark: #494F45;
  --grey: #494F54;
  --yellow: #7030C5;
  --yellow-2: #7030C5;
  --blue: #003A5D;
  ---1bceb9-az-ssl-site-seguro-dv: #1BCEB9;
  ---6d2177: #6D2177;
  ---0065db: #0065DB;
  --color-e9ecef: #E9ECEF;
  --color-00659d: #00659D;
  --dark-343a40: #343A40;
  ---004165: #004165;
  --dark-blue: #211858;
  ---7030C5: #7030C5;
  --color-ffffff: #FFFFFF;
  --color-64696e: #64696E;

  /* Font/text values */
  --font-family-poppins: 'Poppins', sans-serif;
  --font-family-helveticaneue-light: HelveticaNeue-Light;
  --font-style-normal: normal;
  --font-weight-900: 900px;
  --font-weight-medium: medium;
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-8: 8px;
  --font-size-10: 10px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-40: 40px;
  --font-size-60: 60px;
  --font-size-96: 96px;
  --character-spacing-0: 0px;
  --line-spacing-21: 21px;
  --line-spacing-24: 24px;
  --line-spacing-25: 25px;
  --line-spacing-35: 35px;
  --line-spacing-60: 60px;
  --line-spacing-90: 90px;
  --line-spacing-115: 115px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: var(--font-family-poppins);
  border: none;
}

.none {
  display: none !important;
}

.button {
  font: var(--font-family-poppins) normal 600 var(--font-size-16)/var(--line-spacing-25) var(--font-family-poppins);
  letter-spacing: var(--character-spacing-0);
  background: #7030C5 0 0 no-repeat padding-box;
  color: var(--color-ffffff);
  text-shadow: 0 0 1px transparent;
  text-align: center;
  opacity: 1;
  border: none;
}

.date-input {
  padding: 12px 34px 0 19px !important;
}

.pesquisa-box {
  margin: 0 !important;
}

.search-button {
  margin-top: 41%;
  margin-left: -30%;
  background-color: #211858 !important;
}

.agent-input-group {
  display: flex;
  align-items: end;
}

.cpf {
  min-width: 300px !important;
  height: 25px !important;
}

.agente-modal-header {
  background-color: #211858;
  display: grid;
  grid-template-columns: 6fr 1fr;
  grid-template-rows: 1fr;
}

.agente-modal-header > button {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(103%);
}

.agente-modal-header > h4 {
  grid-column: 1;
  align-self: center;
  justify-self: center;
  color: var(--color-ffffff);
}

.input-row {
  display: flex;
  min-width: 90%;
}

.button-color {
  background-color: #211858!important;
}

.input-spacing {
  width: 100%;
  height: 34px;
  border: lightslategrey solid 1px;
  border-radius: 2%;
}