.modal_menu {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_menu[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_menu[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_menu[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_menu[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_menu[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_menu[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_menu .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_menu .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_menu--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_menu--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_menu.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_menu.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_menu.active[data-position="right"], .modal_menu.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_menu.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_menu[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_menu[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_menu[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal_menu .modal--content {
  background-color: #1e2124;
}

.modal_menu .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_menu .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_menu .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal_menu .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_menu .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_banner {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_banner[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_banner[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_banner[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_banner[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_banner[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_banner[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_banner .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_banner .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_banner--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_banner.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_banner.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_banner.active[data-position="right"], .modal_banner.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_banner.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_banner[data-position="center"] {
  border-radius: 8px;
  min-width: 650px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_banner[data-position="center"] {
    min-width: 31.25rem;
    max-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_banner[data-position="center"] {
    width: 95vw;
    min-width: auto;
    max-width: 100%;
    height: max-content;
    min-height: auto;
  }
}

.modal_banner .modal--content {
  background-color: #161616;
}

.modal_banner .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_banner .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_banner .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_banner .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_termo {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_termo[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_termo[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_termo[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_termo[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_termo[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_termo[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_termo .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_termo .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_termo--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_termo--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_termo.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_termo.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_termo.active[data-position="right"], .modal_termo.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_termo.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_termo[data-position="center"] {
  border-radius: 8px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_termo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_termo[data-position="center"] {
    width: 90vw;
    height: max-content;
    min-height: auto;
  }
}

.modal_termo .modal--content {
  background-color: #161616;
}

.modal_termo .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_termo .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_termo .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_termo .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_avisos {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_avisos[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_avisos[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_avisos[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_avisos[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_avisos[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_avisos[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_avisos .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_avisos .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_avisos--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_avisos--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_avisos.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_avisos.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_avisos.active[data-position="right"], .modal_avisos.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_avisos.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_avisos[data-position="center"] {
  border-radius: 8px;
  min-width: 650px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_avisos[data-position="center"] {
    min-width: 31.25rem;
    max-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_avisos[data-position="center"] {
    width: 95vw;
    min-width: auto;
    max-width: 100%;
    height: max-content;
    min-height: auto;
  }
}

.modal_avisos .modal--content {
  background-color: #161616;
}

.modal_avisos .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_avisos .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_avisos .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_avisos .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_objetivos_incorretos {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_objetivos_incorretos[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_objetivos_incorretos[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_objetivos_incorretos[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_objetivos_incorretos[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_objetivos_incorretos[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_objetivos_incorretos[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_objetivos_incorretos .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_objetivos_incorretos .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_objetivos_incorretos--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_objetivos_incorretos--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_objetivos_incorretos.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_objetivos_incorretos.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_objetivos_incorretos.active[data-position="right"], .modal_objetivos_incorretos.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_objetivos_incorretos.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_objetivos_incorretos[data-position="center"] {
  border-radius: 8px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_objetivos_incorretos[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_objetivos_incorretos[data-position="center"] {
    width: 90vw;
    height: max-content;
    min-height: auto;
  }
}

.modal_objetivos_incorretos .modal--content {
  background-color: #161616;
}

.modal_objetivos_incorretos .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_objetivos_incorretos .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_objetivos_incorretos .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_objetivos_incorretos .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_padrao[data-position="center"] {
  min-width: 500px;
  width: max-content !important;
}

@media (width <= 550px) {
  .modal_padrao[data-position="center"] {
    width: 95vw;
    min-width: 95vw;
  }
}

.modal_anexo {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_anexo[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_anexo[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_anexo[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_anexo[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_anexo[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_anexo[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_anexo .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_anexo .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_anexo--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_anexo--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_anexo.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_anexo.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_anexo.active[data-position="right"], .modal_anexo.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_anexo.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_anexo[data-position="center"] {
  min-width: 500px;
  width: max-content !important;
}

@media (width <= 1182px) {
  .modal_anexo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_anexo[data-position="center"] {
    width: 95vw;
    min-width: 95vw;
  }
}

.modal_delete {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_delete[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_delete[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_delete[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_delete[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_delete[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_delete[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_delete .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_delete .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_delete--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_delete--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_delete.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_delete.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_delete.active[data-position="right"], .modal_delete.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_delete.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_delete[data-position="center"] {
  min-width: 340px;
  min-height: 200px;
  width: max-content !important;
  height: max-content !important;
}

@media (width <= 1182px) {
  .modal_delete[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_delete[data-position="center"] {
    width: 95vw;
    min-width: 95vw;
  }
}

.modal_filtros {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_filtros[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_filtros[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_filtros[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_filtros[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_filtros[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_filtros[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_filtros .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_filtros .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_filtros--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_filtros--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_filtros.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_filtros.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_filtros.active[data-position="right"], .modal_filtros.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_filtros.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_filtros[data-position="center"] {
  min-width: 500px;
  min-height: 460px;
  width: max-content !important;
  height: max-content !important;
}

@media (width <= 550px) {
  .modal_filtros[data-position="center"] {
    width: 95vw;
    min-width: auto;
    max-height: 400px;
  }
}

.modal-novo-ativo {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-novo-ativo[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-novo-ativo[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-novo-ativo[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-novo-ativo[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-novo-ativo[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-novo-ativo[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-novo-ativo .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-novo-ativo .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-novo-ativo--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-novo-ativo.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-novo-ativo.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-novo-ativo.active[data-position="right"], .modal-novo-ativo.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-novo-ativo.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-novo-ativo[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-novo-ativo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-novo-ativo[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal-novo-ativo .modal--content {
  background-color: #1e2124;
}

.modal-novo-ativo .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-novo-ativo .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-novo-ativo .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-novo-ativo .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-novo-ativo .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal-remover {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-remover[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-remover[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-remover[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-remover[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-remover[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-remover[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-remover .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-remover .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-remover--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-remover--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-remover.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-remover.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-remover.active[data-position="right"], .modal-remover.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-remover.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-remover[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-remover[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-remover[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal-remover .modal--content {
  background-color: #1e2124;
}

.modal-remover .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-remover .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-remover .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-remover .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-remover .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal-adicao {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-adicao[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-adicao[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-adicao[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-adicao[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-adicao[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-adicao[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-adicao .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-adicao .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-adicao--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-adicao--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-adicao.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-adicao.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-adicao.active[data-position="right"], .modal-adicao.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-adicao.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-adicao[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-adicao[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-adicao[data-position="center"] {
    width: 95vw;
    min-width: auto;
    min-height: auto;
    max-height: 400px;
    overflow: hidden auto;
  }
}

.modal-adicao .modal--content {
  background-color: #1e2124;
}

.modal-adicao .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-adicao .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-adicao .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-adicao .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-edicao {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-edicao[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-edicao[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-edicao[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-edicao[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-edicao[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-edicao .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-edicao .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-edicao--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-edicao.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao.active[data-position="right"], .modal-edicao.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-edicao[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-edicao[data-position="center"] {
    width: 95vw;
    min-width: auto;
    min-height: auto;
    max-height: 400px;
    overflow: hidden auto;
  }
}

.modal-edicao .modal--content {
  background-color: #1e2124;
}

.modal-edicao .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-edicao .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-edicao .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-edicao .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_banner--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_banner--deep.active {
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #0000004d;
}

@media (width <= 1182px) {
  .modal-edicao-objetivo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-edicao-objetivo[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: auto;
  }
}

.modal-novo-ativo--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-novo-ativo--deep.active {
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #0000004d;
}

.modal-edicao-objetivo {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-edicao-objetivo[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-edicao-objetivo[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao-objetivo[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-edicao-objetivo[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-edicao-objetivo[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-edicao-objetivo[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-edicao-objetivo .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-edicao-objetivo .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao-objetivo--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-edicao-objetivo--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-edicao-objetivo.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao-objetivo.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao-objetivo.active[data-position="right"], .modal-edicao-objetivo.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-edicao-objetivo.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-edicao-objetivo[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-edicao-objetivo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-edicao-objetivo[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: auto;
  }
}

.modal-edicao-objetivo .modal--content {
  background-color: #1e2124;
}

.modal-edicao-objetivo .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-edicao-objetivo .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-edicao-objetivo .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-edicao-objetivo .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-edicao-objetivo .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_resetar_conta {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_resetar_conta[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_resetar_conta[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_resetar_conta[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_resetar_conta[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_resetar_conta[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_resetar_conta[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_resetar_conta .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_resetar_conta .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_resetar_conta--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_resetar_conta--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_resetar_conta.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_resetar_conta.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_resetar_conta.active[data-position="right"], .modal_resetar_conta.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_resetar_conta.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_resetar_conta[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_resetar_conta[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_resetar_conta[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal_resetar_conta .modal--content {
  background-color: #1e2124;
}

.modal_resetar_conta .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_resetar_conta .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_resetar_conta .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal_resetar_conta .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_resetar_conta .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_exclusao_conta {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_exclusao_conta[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_exclusao_conta[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_exclusao_conta[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_exclusao_conta[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_exclusao_conta[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_exclusao_conta[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_exclusao_conta .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_exclusao_conta .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_exclusao_conta--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_exclusao_conta--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_exclusao_conta.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_exclusao_conta.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_exclusao_conta.active[data-position="right"], .modal_exclusao_conta.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_exclusao_conta.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_exclusao_conta[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal_exclusao_conta[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal_exclusao_conta[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal_exclusao_conta .modal--content {
  background-color: #1e2124;
}

.modal_exclusao_conta .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_exclusao_conta .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_exclusao_conta .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal_exclusao_conta .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_exclusao_conta .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal-aviso {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-aviso[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-aviso[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-aviso[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-aviso[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-aviso[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-aviso[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-aviso .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-aviso .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-aviso--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-aviso--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-aviso.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-aviso.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-aviso.active[data-position="right"], .modal-aviso.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-aviso.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-aviso[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-aviso[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-aviso[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal-aviso .modal--content {
  background-color: #1e2124;
}

.modal-aviso .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-aviso .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-aviso .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-aviso .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-aviso .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal-dividendo {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal-dividendo[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal-dividendo[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-dividendo[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-dividendo[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal-dividendo[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-dividendo[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal-dividendo .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal-dividendo .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-dividendo--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-dividendo--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal-dividendo.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-dividendo.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-dividendo.active[data-position="right"], .modal-dividendo.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal-dividendo.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal-dividendo[data-position="center"] {
  border-radius: 4px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

@media (width <= 1182px) {
  .modal-dividendo[data-position="center"] {
    min-width: 70vw;
  }
}

@media (width <= 550px) {
  .modal-dividendo[data-position="center"] {
    min-height: initial;
    width: 95vw;
    min-width: auto;
    max-height: 70vh;
    overflow-y: visible;
  }
}

.modal-dividendo .modal--content {
  background-color: #1e2124;
}

.modal-dividendo .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-dividendo .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-dividendo .modal--content .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.modal-dividendo .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-dividendo .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_alertas {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_alertas[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_alertas[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_alertas[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_alertas[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_alertas[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_alertas[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_alertas .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_alertas .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_alertas--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_alertas--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_alertas.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_alertas.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_alertas.active[data-position="right"], .modal_alertas.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_alertas.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_alertas[data-position="center"] {
  border-radius: 8px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

.modal_alertas[data-position="center"].has-video {
  min-width: 650px;
}

@media (width <= 1280px) {
  .modal_alertas[data-position="center"] {
    min-width: 25rem;
    max-width: 33vw;
  }
}

@media (width <= 550px) {
  .modal_alertas[data-position="center"] {
    width: 95vw;
    max-width: 100%;
    height: max-content;
    min-height: auto;
    min-width: auto !important;
  }
}

.modal_alertas .modal--content {
  background-color: #161616;
}

.modal_alertas .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_alertas .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_alertas .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_alertas .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal_tutorial {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_tutorial[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_tutorial[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_tutorial[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_tutorial[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_tutorial[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_tutorial[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_tutorial .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_tutorial .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_tutorial--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_tutorial--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_tutorial.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_tutorial.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_tutorial.active[data-position="right"], .modal_tutorial.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_tutorial.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_tutorial[data-position="center"] {
  border-radius: 8px;
  min-width: 500px;
  height: max-content;
  min-height: auto;
}

.modal_tutorial[data-position="center"].has-video {
  min-width: 650px;
}

@media (width <= 1280px) {
  .modal_tutorial[data-position="center"] {
    min-width: 25rem;
    max-width: 33vw;
  }
}

@media (width <= 550px) {
  .modal_tutorial[data-position="center"] {
    width: 95vw;
    max-width: 100%;
    height: max-content;
    min-height: auto;
    min-width: auto !important;
  }
}

.modal_tutorial .modal--content {
  background-color: #161616;
}

.modal_tutorial .modal--content .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal_tutorial .modal--content .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal_tutorial .modal--content .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal_tutorial .modal--content form {
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem;
  display: -webkit-flex;
  display: flex;
}

.modal-fundo {
  pointer-events: none;
  z-index: 1000000;
  opacity: 0;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-fundo.active {
  pointer-events: all;
  opacity: 1;
}

.modal-novo {
  opacity: 0;
  z-index: 9999;
  background-color: #1e2124;
  border-radius: 4px;
  min-width: 31.25rem;
  height: max-content;
  position: fixed;
}

@media (width <= 1182px) {
  .modal-novo {
    min-width: 50vw;
  }
}

@media (width <= 550px) {
  .modal-novo {
    width: 100%;
    max-width: 90vw;
  }
}

.modal-novo.active {
  opacity: 1;
  transition: opacity .3s ease-in-out;
}

.modal-novo .modal-header {
  background: linear-gradient(90.22deg, #45a05e .11%, #5da045 99.79%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.modal-novo .modal-header h3 {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}

.modal-novo .modal-header .close-modal {
  z-index: 9999;
  background: #ffffff1a;
  border: 1px solid #fff6;
  border-radius: 50%;
  place-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .3s;
  display: grid;
}

.modal-novo .modal-header .close-modal.disabled {
  background-color: #454545;
  border-color: #0000;
}

.modal-novo .modal-header .close-modal.disabled svg {
  opacity: .5;
}

.modal-novo .modal-header .close-modal svg {
  transition: all .3s;
}

.modal-novo .modal-header .bg-header-modal {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

table.dataTable {
  border: 1px solid #e9e8eb;
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  color: #fff;
  box-sizing: content-box;
  text-align: center;
  content: "+";
  background-color: #31b131;
  border: .15em solid #fff;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  margin-top: -9px;
  font-family: Courier New, Courier, monospace;
  line-height: 1em;
  display: inline-block;
  box-shadow: 0 0 .2em #444;
  text-indent: 0 !important;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: #d33333;
}

.table--container {
  border-top: none;
  border-radius: 4px;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  padding-right: 2rem;
  position: relative;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  content: "";
  opacity: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  right: .5rem;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjExLjUiIGZpbGw9IiNGOEY5RkEiLz4KPHBhdGggZD0iTTEyIDYuMTY2OTlWMTcuODMzNyIgc3Ryb2tlPSIjMjUyNTI2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjgzMjUgMTAuMzMzNUwxMiA2LjE2NjAyTDE2LjE2NzUgMTAuMzMzNSIgc3Ryb2tlPSIjMjUyNTI2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHJ4PSIxMS41IiBzdHJva2U9IiNFOUVDRUYiLz4KPC9zdmc+Cg==");
  margin: auto 0;
  top: 0;
  bottom: 0;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMjMuNSIgeT0iMjMuNSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiByeD0iMTEuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAyMy41IDIzLjUpIiBmaWxsPSIjRjhGOUZBIi8+CjxwYXRoIGQ9Ik0xMiAxNy44MzNMMTIgNi4xNjYzNCIgc3Ryb2tlPSIjMjUyNTI2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi4xNjc1IDEzLjY2NjVMMTIgMTcuODM0TDcuODMyNSAxMy42NjY1IiBzdHJva2U9IiMyNTI1MjYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHJlY3QgeD0iMjMuNSIgeT0iMjMuNSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiByeD0iMTEuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAyMy41IDIzLjUpIiBzdHJva2U9IiNFOUVDRUYiLz4KPC9zdmc+Cg==");
  margin: auto 0;
  top: 0;
  bottom: 0;
}

table.dataTable thead > tr > th:hover:before, table.dataTable thead > tr > td:hover:before {
  opacity: .5;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1;
}

table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {
  display: none;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > td:after {
  display: none;
}

div.dataTables_processing {
  text-align: center;
  width: 200px;
  margin-top: -26px;
  margin-left: -100px;
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

div.dataTables_processing > div:last-child {
  width: 80px;
  height: 15px;
  margin: 1em auto;
  position: relative;
}

div.dataTables_processing > div:last-child > div {
  background: #0d6efde6;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  position: absolute;
  top: 0;
}

div.dataTables_processing > div:last-child > div:first-child {
  -webkit-animation: .6s infinite datatables-loader-1;
  animation: .6s infinite datatables-loader-1;
  left: 8px;
}

div.dataTables_processing > div:last-child > div:nth-child(2) {
  -webkit-animation: .6s infinite datatables-loader-2;
  animation: .6s infinite datatables-loader-2;
  left: 8px;
}

div.dataTables_processing > div:last-child > div:nth-child(3) {
  -webkit-animation: .6s infinite datatables-loader-2;
  animation: .6s infinite datatables-loader-2;
  left: 32px;
}

div.dataTables_processing > div:last-child > div:nth-child(4) {
  -webkit-animation: .6s infinite datatables-loader-3;
  animation: .6s infinite datatables-loader-3;
  left: 56px;
}

@-webkit-keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes datatables-loader-1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes datatables-loader-3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  100% {
    -webkit-transform: translate(24px);
    transform: translate(24px);
  }
}

@keyframes datatables-loader-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  100% {
    -webkit-transform: translate(24px);
    transform: translate(24px);
  }
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td, table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable {
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin: 0 auto;
}

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th, table.dataTable thead td {
  vertical-align: middle;
  color: #495057;
  border-bottom: initial;
  background: #fff;
  padding: .625rem .625rem .375rem;
  font-size: .875rem;
  font-weight: 600;
}

table.dataTable thead th:first-letter, table.dataTable thead td:first-letter {
  text-transform: uppercase;
}

table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none;
}

table.dataTable thead th:hover, table.dataTable thead td:hover {
  background-color: #e9ecef;
}

table.dataTable tfoot th, table.dataTable tfoot td {
  border-top: initial;
  padding: .625rem .625rem .375rem;
}

table.dataTable tbody tr {
  background-color: #fff;
  transition: background .2s;
}

table.dataTable tbody tr.selected > * {
  color: #fff;
  box-shadow: inset 0 0 0 624.938rem #0d6efde6;
}

table.dataTable tbody tr:hover {
  background-color: #f1f3f5;
}

table.dataTable tbody th, table.dataTable tbody td {
  border-bottom: .0625rem solid #e9e8eb;
  padding: .5rem .625rem;
  font-size: .875rem;
}

table.dataTable tbody tr:last-child th, table.dataTable tbody tr:last-child td {
  border-bottom: initial;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #d9d9d9;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #d9d9d9;
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 624.938rem #00000006;
}

table.dataTable.stripe > tbody > tr.odd.selected > *, table.dataTable.display > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 624.938rem #0d6efdeb;
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 624.938rem #00000009;
}

table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 624.938rem #0d6efdee;
}

table.dataTable.order-column > tbody tr > .sorting_1, table.dataTable.order-column > tbody tr > .sorting_2, table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1, table.dataTable.display > tbody tr > .sorting_2, table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #00000005;
}

table.dataTable.order-column > tbody tr.selected > .sorting_1, table.dataTable.order-column > tbody tr.selected > .sorting_2, table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1, table.dataTable.display > tbody tr.selected > .sorting_2, table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdea;
}

table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #0000000e;
}

table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #0000000c;
}

table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #0000000a;
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdf3;
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdf1;
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdef;
}

table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #00000005;
}

table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #00000003;
}

table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #00000001;
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdea;
}

table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #0d6efde8;
}

table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #0d6efde6;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #00000015;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #00000013;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #00000010;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdfa;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdf8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 624.938rem #0d6efdf5;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: .25rem 1.0625rem;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td, table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: .25rem;
}

table.dataTable th, table.dataTable td {
  box-sizing: content-box;
}

.dataTables_wrapper {
  clear: both;
  width: 100%;
  position: relative;
}

.dataTables_wrapper .header-table {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_length {
  margin-bottom: 1rem;
  font-size: .875rem;
  color: #8b8e91 !important;
}

.dataTables_wrapper .dataTables_length label {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgba(92, 92, 92, var(--tw-text-opacity));
  align-items: center;
  gap: .25rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 150%;
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_length label .choices__inner {
  color: #7e8387;
}

.dataTables_wrapper .dataTables_length label {
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_length label.inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.dataTables_wrapper .dataTables_length label {
  align-items: center;
}

@media (width >= 0) {
  .dataTables_wrapper .dataTables_length label > .col, .dataTables_wrapper .dataTables_length label > .col-auto, .dataTables_wrapper .dataTables_length label > .col-grow, .dataTables_wrapper .dataTables_length label > .col-shrink, .dataTables_wrapper .dataTables_length label > .col-xs, .dataTables_wrapper .dataTables_length label > .col-xs-auto, .dataTables_wrapper .dataTables_length label > .col-12, .dataTables_wrapper .dataTables_length label > .col-xs-12, .dataTables_wrapper .dataTables_length label > .col-11, .dataTables_wrapper .dataTables_length label > .col-xs-11, .dataTables_wrapper .dataTables_length label > .col-10, .dataTables_wrapper .dataTables_length label > .col-xs-10, .dataTables_wrapper .dataTables_length label > .col-9, .dataTables_wrapper .dataTables_length label > .col-xs-9, .dataTables_wrapper .dataTables_length label > .col-8, .dataTables_wrapper .dataTables_length label > .col-xs-8, .dataTables_wrapper .dataTables_length label > .col-7, .dataTables_wrapper .dataTables_length label > .col-xs-7, .dataTables_wrapper .dataTables_length label > .col-6, .dataTables_wrapper .dataTables_length label > .col-xs-6, .dataTables_wrapper .dataTables_length label > .col-5, .dataTables_wrapper .dataTables_length label > .col-xs-5, .dataTables_wrapper .dataTables_length label > .col-4, .dataTables_wrapper .dataTables_length label > .col-xs-4, .dataTables_wrapper .dataTables_length label > .col-3, .dataTables_wrapper .dataTables_length label > .col-xs-3, .dataTables_wrapper .dataTables_length label > .col-2, .dataTables_wrapper .dataTables_length label > .col-xs-2, .dataTables_wrapper .dataTables_length label > .col-1, .dataTables_wrapper .dataTables_length label > .col-xs-1, .dataTables_wrapper .dataTables_length label > .col-0, .dataTables_wrapper .dataTables_length label > .col-xs-0, .dataTables_wrapper .dataTables_length label > .col-xs-grow, .dataTables_wrapper .dataTables_length label > .col-xs-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}

@media (width >= 600px) {
  .dataTables_wrapper .dataTables_length label > .col-sm, .dataTables_wrapper .dataTables_length label > .col-sm-auto, .dataTables_wrapper .dataTables_length label > .col-sm-12, .dataTables_wrapper .dataTables_length label > .col-sm-11, .dataTables_wrapper .dataTables_length label > .col-sm-10, .dataTables_wrapper .dataTables_length label > .col-sm-9, .dataTables_wrapper .dataTables_length label > .col-sm-8, .dataTables_wrapper .dataTables_length label > .col-sm-7, .dataTables_wrapper .dataTables_length label > .col-sm-6, .dataTables_wrapper .dataTables_length label > .col-sm-5, .dataTables_wrapper .dataTables_length label > .col-sm-4, .dataTables_wrapper .dataTables_length label > .col-sm-3, .dataTables_wrapper .dataTables_length label > .col-sm-2, .dataTables_wrapper .dataTables_length label > .col-sm-1, .dataTables_wrapper .dataTables_length label > .col-sm-0, .dataTables_wrapper .dataTables_length label > .col-sm-grow, .dataTables_wrapper .dataTables_length label > .col-sm-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}

@media (width >= 1024px) {
  .dataTables_wrapper .dataTables_length label > .col-md, .dataTables_wrapper .dataTables_length label > .col-md-auto, .dataTables_wrapper .dataTables_length label > .col-md-12, .dataTables_wrapper .dataTables_length label > .col-md-11, .dataTables_wrapper .dataTables_length label > .col-md-10, .dataTables_wrapper .dataTables_length label > .col-md-9, .dataTables_wrapper .dataTables_length label > .col-md-8, .dataTables_wrapper .dataTables_length label > .col-md-7, .dataTables_wrapper .dataTables_length label > .col-md-6, .dataTables_wrapper .dataTables_length label > .col-md-5, .dataTables_wrapper .dataTables_length label > .col-md-4, .dataTables_wrapper .dataTables_length label > .col-md-3, .dataTables_wrapper .dataTables_length label > .col-md-2, .dataTables_wrapper .dataTables_length label > .col-md-1, .dataTables_wrapper .dataTables_length label > .col-md-0, .dataTables_wrapper .dataTables_length label > .col-md-grow, .dataTables_wrapper .dataTables_length label > .col-md-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}

@media (width >= 1440px) {
  .dataTables_wrapper .dataTables_length label > .col-lg, .dataTables_wrapper .dataTables_length label > .col-lg-auto, .dataTables_wrapper .dataTables_length label > .col-lg-12, .dataTables_wrapper .dataTables_length label > .col-lg-11, .dataTables_wrapper .dataTables_length label > .col-lg-10, .dataTables_wrapper .dataTables_length label > .col-lg-9, .dataTables_wrapper .dataTables_length label > .col-lg-8, .dataTables_wrapper .dataTables_length label > .col-lg-7, .dataTables_wrapper .dataTables_length label > .col-lg-6, .dataTables_wrapper .dataTables_length label > .col-lg-5, .dataTables_wrapper .dataTables_length label > .col-lg-4, .dataTables_wrapper .dataTables_length label > .col-lg-3, .dataTables_wrapper .dataTables_length label > .col-lg-2, .dataTables_wrapper .dataTables_length label > .col-lg-1, .dataTables_wrapper .dataTables_length label > .col-lg-0, .dataTables_wrapper .dataTables_length label > .col-lg-grow, .dataTables_wrapper .dataTables_length label > .col-lg-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}

@media (width >= 1920px) {
  .dataTables_wrapper .dataTables_length label > .col-xl, .dataTables_wrapper .dataTables_length label > .col-xl-auto, .dataTables_wrapper .dataTables_length label > .col-xl-12, .dataTables_wrapper .dataTables_length label > .col-xl-11, .dataTables_wrapper .dataTables_length label > .col-xl-10, .dataTables_wrapper .dataTables_length label > .col-xl-9, .dataTables_wrapper .dataTables_length label > .col-xl-8, .dataTables_wrapper .dataTables_length label > .col-xl-7, .dataTables_wrapper .dataTables_length label > .col-xl-6, .dataTables_wrapper .dataTables_length label > .col-xl-5, .dataTables_wrapper .dataTables_length label > .col-xl-4, .dataTables_wrapper .dataTables_length label > .col-xl-3, .dataTables_wrapper .dataTables_length label > .col-xl-2, .dataTables_wrapper .dataTables_length label > .col-xl-1, .dataTables_wrapper .dataTables_length label > .col-xl-0, .dataTables_wrapper .dataTables_length label > .col-xl-grow, .dataTables_wrapper .dataTables_length label > .col-xl-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}

.dataTables_wrapper .dataTables_length label {
  cursor: pointer;
}

.dataTables_wrapper .dataTables_length select {
  text-align: center;
  border: .0625rem solid;
  border: initial;
  cursor: pointer;
  background-color: #0000;
  border-radius: .25rem;
  min-height: 2.5rem;
  padding: .25rem;
  font-size: .875rem;
  font-weight: 700;
  transition: all .3s;
  color: #8b8e91 !important;
}

.dataTables_wrapper .dataTables_length select:hover {
  background: #e9e8eb;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  font-size: .875rem;
}

.dataTables_wrapper .dataTables_filter input {
  background-color: #0000;
  border: .0625rem solid;
  border-radius: .25rem;
  min-height: 2.5rem;
  margin-left: .1875rem;
  padding: 5px 10px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: .755em;
  font-size: .875rem;
  color: #8b8e91 !important;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: .25em;
  font-size: .875rem;
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_paginate span {
  align-items: center;
  gap: 2px;
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_paginate .pagination {
  gap: .125rem;
  display: -webkit-flex;
  display: flex;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border: 1px solid #e9ecef;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  place-items: center;
  width: 35px;
  height: 35px;
  line-height: 100%;
  display: grid;
  color: #333 !important;
  text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: initial;
  background: #339af0;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  box-shadow: none;
  pointer-events: none;
  opacity: .1;
  background: none;
  border: .0625rem solid #0000;
  color: #666 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #339af0;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover svg {
  --cor-1: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: #339af0;
  outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button svg {
  width: 24px;
  height: 24px;
  margin: auto;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: initial;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  content: "";
  clear: both;
  height: 0;
  display: block;
}

@media screen and (width <= 47.9375rem) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_paginate {
    width: 18.75rem;
    margin-top: .5em;
    margin-left: -10px;
  }
}

@media screen and (width <= 40rem) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    margin-top: .5em;
  }
}

.choices {
  margin-bottom: 24px;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*="select-one"] {
  cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*="select-one"] .choices__input {
  background-color: #fff;
  border-bottom: 1px solid #0000;
  width: 100%;
  margin: 0;
  padding: 10px;
  display: block;
}

.choices[data-type*="select-one"] .choices__button {
  opacity: .25;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  border-radius: 10em;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: 25px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
}

.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0 0 0 2px #fff;
}

.choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*="select-one"]:after {
  content: "";
  pointer-events: none;
  border: 5px solid #0000;
  border-top-color: #495057;
  border: initial;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxLjVMNCA0LjVMNyAxLjUiIHN0cm9rZT0iIzQ1QTA1RSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  width: 10px;
  height: 6px;
  margin: auto 0;
  transition: all .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11.5px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.choices[data-type*="select-one"].is-open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  margin-left: 25px;
  margin-right: 0;
  left: 0;
  right: auto;
}

.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
  cursor: text;
}

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
  opacity: .75;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  border-left: 1px solid #1081e0;
  border-radius: 0;
  width: 8px;
  margin: 0 -4px 0 8px;
  padding-left: 16px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  vertical-align: top;
  background-color: #1e2124;
  border: 1px solid red;
  border-radius: 2.5px;
  width: 100%;
  min-height: 44px;
  padding: 7.5px 7.5px 3.75px;
  font-size: 16px;
  display: inline-block;
  overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #0000;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  width: 100%;
  padding: 4px 16px 4px 4px;
  display: inline-block;
}

[dir="rtl"] .choices__list--single {
  padding-left: 16px;
  padding-right: 4px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
  background-color: #339af0;
  border: 1px solid #1b8eee;
  border-radius: 20px;
  margin-bottom: 3.75px;
  margin-right: 3.75px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir="rtl"] .choices__list--multiple .choices__item {
  margin-left: 3.75px;
  margin-right: 0;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #1b8eee;
  border: 1px solid #1081e0;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #9facb9;
  border: 1px solid #8293a4;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 10;
  word-break: break-all;
  will-change: visibility;
  background-color: #292c2e;
  border: 1px solid #0000;
  border-bottom-right-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  width: 100%;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  overflow: hidden;
  box-shadow: 0 16px 24px -16px #000;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #0000;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  border-radius: .25rem .25rem 0 0;
  margin-top: 0;
  margin-bottom: -1px;
  top: auto;
  bottom: 100%;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  max-height: 300px;
  position: relative;
  overflow: auto;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  padding: 10px;
  font-size: 16px;
  position: relative;
}

[dir="rtl"] .choices__list--dropdown .choices__item, [dir="rtl"] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
  transition: all .3s;
}

@media (width >= 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }

  .choices__list--dropdown .choices__item--selectable:after, .choices__list[aria-expanded] .choices__item--selectable:after {
    content: attr(data-select-text);
    opacity: 0;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable, [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after, [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable:after {
    left: 10px;
    right: auto;
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #45a05e;
  color: #fff !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
  opacity: .5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .5;
}

.choices__heading {
  color: gray;
  border-bottom: 1px solid #1a1a1a00;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  vertical-align: baseline;
  background-color: #1e2124;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  margin-bottom: 5px;
  padding: 4px 0 4px 2px;
  font-size: 16px;
  display: inline-block;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration {
  display: none;
}

.choices__input::-webkit-search-cancel-button {
  display: none;
}

.choices__input::-webkit-search-results-button {
  display: none;
}

.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.choices__input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}

[dir="rtl"] .choices__input {
  padding-left: 0;
  padding-right: 2px;
}

.choices__placeholder {
  opacity: .5;
}

.choices__inner {
  color: #b9b9b9;
  letter-spacing: -.02em;
  border-radius: 4px;
  font-size: .875rem;
  font-weight: 400;
  line-height: 100%;
  border: 1px solid #292c2e !important;
}

.choices__inner .choices__list--single {
  padding: 4px 24px 4px 4px;
}

.text-neutral-70 .choices__inner {
  color: #7e8387;
}

.choices__placeholder {
  color: #7e8387 !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.choices__list--dropdown {
  z-index: 5;
  background: #1e2124;
  border-radius: 4px;
  min-width: 250px;
  border: 2px solid #292c2e !important;
}

.choices__list--dropdown .choices__item {
  letter-spacing: -.02em;
  color: #7e8387 !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.choices__list--dropdown .choices__item:after {
  display: none;
}

.choices__item.choices__item--selectable[data-value=""] {
  letter-spacing: -.02em;
  color: #7e8387 !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.choices__item.choices__item--choice.has-no-results, .choices__item.choices__item--choice.has-no-choices {
  letter-spacing: -.02em;
  opacity: .5;
  color: #7e8387 !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.select-container.select-left .choices__list--dropdown {
  right: 0 !important;
}

.select-container.select-right .choices__list--dropdown {
  left: 0 !important;
  right: 2px !important;
}

.select-container .choices__inner {
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.select-container.h-40 .choices__inner {
  height: 2.5rem;
}

.select-container.h-48 .choices__inner {
  height: 3rem;
}

.select-container.h-56 .choices__inner {
  height: 3.5rem;
}

.select-container.disabled {
  cursor: not-allowed;
  opacity: .3;
}

.select-container.disabled .choices {
  pointer-events: none;
  cursor: not-allowed;
}

.select-container.disabled .choices .choices__inner {
  pointer-events: none;
}

.secondary .choices__inner {
  background: #f8f9fa !important;
  border-color: #f1f3f5 !important;
}

.secondary .is-open .choices__inner {
  background: #fff !important;
  border-color: #e9ecef !important;
}

.tertiary .choices .choices__inner {
  border-radius: initial;
  border: initial !important;
  background: #f8f9fa !important;
  border-bottom: 1px solid #e9ecef !important;
}

.gridjs-head button, .gridjs-footer button {
  cursor: pointer;
  background-color: #0000;
  background-image: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

.gridjs-temp {
  position: relative;
}

.gridjs-head {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 1px;
}

.gridjs-head:after {
  content: "";
  clear: both;
  display: block;
}

.gridjs-head:empty {
  border: none;
  padding: 0;
}

.gridjs-container {
  color: #000;
  z-index: 0;
  padding: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.gridjs-footer {
  z-index: 5;
  background-color: #fff;
  border-color: #e5e7eb;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0 0 8px 8px;
  width: 100%;
  padding: 12px 24px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #00000042;
}

.gridjs-footer:empty {
  border: none;
  padding: 0;
}

input.gridjs-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-radius: 5px;
  outline: none;
  padding: 10px 13px;
  font-size: 14px;
  line-height: 1.45;
}

input.gridjs-input:focus {
  border-color: #9bc2f7;
  box-shadow: 0 0 0 3px #95bdf380;
}

.gridjs-pagination {
  color: #3d4044;
}

.gridjs-pagination:after {
  content: "";
  clear: both;
  display: block;
}

.gridjs-pagination .gridjs-summary {
  float: left;
  margin-top: 5px;
}

.gridjs-pagination .gridjs-pages {
  float: right;
}

.gridjs-pagination .gridjs-pages button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-right: none;
  outline: none;
  padding: 5px 14px;
}

.gridjs-pagination .gridjs-pages button:focus {
  box-shadow: 0 0 0 2px #95bdf380;
}

.gridjs-pagination .gridjs-pages button:hover {
  color: #3c4257;
  background-color: #f7f7f7;
  outline: none;
}

.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button[disabled], .gridjs-pagination .gridjs-pages button:hover:disabled {
  cursor: default;
  color: #6b7280;
  background-color: #fff;
}

.gridjs-pagination .gridjs-pages button.gridjs-spread {
  cursor: default;
  box-shadow: none;
  background-color: #fff;
}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  background-color: #f7f7f7;
  font-weight: bold;
}

.gridjs-pagination .gridjs-pages button:last-child {
  border-right: 1px solid #d2d6dc;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.gridjs-pagination .gridjs-pages button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

button.gridjs-sort {
  float: right;
  cursor: pointer;
  background-color: #0000;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  outline: none;
  width: 13px;
  height: 24px;
  margin: 0;
  padding: 0;
}

button.gridjs-sort-neutral {
  opacity: .3;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: center;
}

button.gridjs-sort-asc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: 35%;
  background-size: 10px;
}

button.gridjs-sort-desc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
  background-position-y: 65%;
  background-size: 10px;
}

button.gridjs-sort:focus {
  outline: none;
}

table.gridjs-table {
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: table;
  overflow: auto;
}

.gridjs-tbody {
  background-color: #fff;
}

td.gridjs-td {
  box-sizing: content-box;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  padding: 12px 24px;
}

td.gridjs-td:first-child {
  border-left: none;
}

td.gridjs-td:last-child {
  border-right: none;
}

td.gridjs-message {
  text-align: center;
}

th.gridjs-th {
  color: #6b7280;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-top: none;
  outline: none;
  padding: 14px 24px;
  position: relative;
}

th.gridjs-th .gridjs-th-content {
  text-overflow: ellipsis;
  float: left;
  width: 100%;
  overflow: hidden;
}

th.gridjs-th-sort {
  cursor: pointer;
}

th.gridjs-th-sort .gridjs-th-content {
  width: calc(100% - 15px);
}

th.gridjs-th-sort:hover, th.gridjs-th-sort:focus {
  background-color: #e5e7eb;
}

th.gridjs-th-fixed {
  position: -webkit-sticky;
  position: sticky;
  box-shadow: 0 1px #e5e7eb;
}

@supports ((-moz-appearance: none)) {
  th.gridjs-th-fixed {
    box-shadow: 0 0 0 1px #e5e7eb;
  }
}

th.gridjs-th:first-child {
  border-left: none;
}

th.gridjs-th:last-child {
  border-right: none;
}

.gridjs-tr {
  border: none;
}

.gridjs-tr-selected td {
  background-color: #ebf5ff;
}

.gridjs-tr:last-child td {
  border-bottom: 0;
}

.gridjs *, .gridjs :after, .gridjs :before {
  box-sizing: border-box;
}

.gridjs-wrapper {
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #e5e7eb;
  border-top-width: 1px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #00000042;
}

.gridjs-wrapper:nth-last-of-type(2) {
  border-bottom-width: 1px;
  border-radius: 8px;
}

.gridjs-search {
  float: left;
}

.gridjs-search-input {
  width: 250px;
}

.gridjs-loading-bar {
  z-index: 10;
  opacity: .5;
  background-color: #fff;
  position: absolute;
  inset: 0;
}

.gridjs-loading-bar:after {
  content: "";
  background-image: linear-gradient(90deg, #ccc0 0, #ccc3 20%, #cccccc80 60%, #ccc0);
  -webkit-animation: 2s infinite shimmer;
  animation: 2s infinite shimmer;
  position: absolute;
  inset: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.gridjs-td .gridjs-checkbox {
  cursor: pointer;
  margin: auto;
  display: block;
}

.gridjs-resizable {
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.gridjs-resizable:hover {
  cursor: ew-resize;
  background-color: #9bc2f7;
}

.filepond--root {
  max-height: 300px;
  margin-top: 8px;
  overflow-y: auto;
  background: #fff !important;
  font-family: Be Vietnam Pro, sans-serif !important;
}

.filepond--credits {
  display: none;
}

.filepond--drip {
  opacity: 0 !important;
  background: none !important;
}

.filepond--panel-root {
  background-color: #fff !important;
}

.filepond--drop-label {
  cursor: pointer;
  background: #fff;
  border: 2px dashed #dee2e6;
  border-radius: 8px;
  transition: background .3s;
  margin-bottom: 1rem !important;
}

.filepond--drop-label * {
  cursor: pointer;
}

.filepond--drop-label label {
  color: #495057;
  font-weight: 600;
}

.filepond--drop-label:hover, .filepond--drop-label:active {
  background: #ffffff1a;
}

.filepond--label-action {
  color: #339af0;
  -webkit-text-decoration: initial !important;
  text-decoration: initial !important;
}

.filepond--list-scroller {
  background: #fff !important;
  margin-top: 1rem !important;
}

.filepond--list {
  margin-top: 1rem !important;
  left: 0 !important;
  right: 0 !important;
}

.filepond--drop-label.filepond--drop-label label {
  font-weight: 600 !important;
}

.filepond--item {
  border-radius: 8px;
  height: 5rem !important;
  overflow: hidden !important;
}

.filepond--item .filepond--file-wrapper {
  background: linear-gradient(93.23deg, #339af0 0%, #75befa 29.06%, #53affa 58.17%);
  border-radius: 8px;
  height: 5rem !important;
}

.filepond--item .filepond--file {
  align-items: center;
}

.filepond--item .filepond--file .filepond--file-info-main {
  margin-bottom: 4px;
  font-size: .75rem;
  font-weight: 600;
  color: #f8f2fa !important;
}

.filepond--item .filepond--file .filepond--file-info-sub {
  font-size: .75rem;
  font-weight: 500;
  color: #ffffffde !important;
}

.filepond--list-scroller[data-state="overflow"] {
  -webkit-mask: initial !important;
  -webkit-mask: initial !important;
  mask: initial !important;
}

.filepond--file-action-button.filepond--action-remove-item {
  cursor: pointer;
}

.loader-net {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  color: #023880;
  z-index: 10;
  border-radius: 50%;
  width: 5.625rem;
  height: 5.625rem;
  margin: auto;
  position: absolute;
  inset: 0;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.loader-net-container {
  z-index: 999999;
  backdrop-filter: blur(10px);
  background: #ffffffda;
  width: 100%;
  height: 100%;
  margin: auto;
  position: fixed;
  inset: 0;
}

.loader-net:before, .loader-net:after {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-animation: 1s linear infinite spin;
  animation: 1s linear infinite spin;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateX(70deg);
  transform: rotateX(70deg);
}

.loader-net:after {
  color: #339af0;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-transform: rotateY(70deg);
  transform: rotateY(70deg);
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%)rotateZ(0);
    transform: translate(-50%, -50%)rotateZ(0);
  }

  100% {
    -webkit-transform: translate(-50%, -50%)rotateZ(360deg);
    transform: translate(-50%, -50%)rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%)rotateZ(0);
    transform: translate(-50%, -50%)rotateZ(0);
  }

  100% {
    -webkit-transform: translate(-50%, -50%)rotateZ(360deg);
    transform: translate(-50%, -50%)rotateZ(360deg);
  }
}

@-webkit-keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%)rotate(0);
    transform: translate(-50%, -50%)rotate(0);
  }

  100% {
    -webkit-transform: translate(-50%, -50%)rotate(-360deg);
    transform: translate(-50%, -50%)rotate(-360deg);
  }
}

@keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%)rotate(0);
    transform: translate(-50%, -50%)rotate(0);
  }

  100% {
    -webkit-transform: translate(-50%, -50%)rotate(-360deg);
    transform: translate(-50%, -50%)rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0%, 100% {
    box-shadow: .2em 0;
  }

  12% {
    box-shadow: .2em .2em;
  }

  25% {
    box-shadow: 0 .2em;
  }

  37% {
    box-shadow: -.2em .2em;
  }

  50% {
    box-shadow: -.2em 0;
  }

  62% {
    box-shadow: -.2em -.2em;
  }

  75% {
    box-shadow: 0 -.2em;
  }

  87% {
    box-shadow: .2em -.2em;
  }
}

@keyframes spin {
  0%, 100% {
    box-shadow: .2em 0;
  }

  12% {
    box-shadow: .2em .2em;
  }

  25% {
    box-shadow: 0 .2em;
  }

  37% {
    box-shadow: -.2em .2em;
  }

  50% {
    box-shadow: -.2em 0;
  }

  62% {
    box-shadow: -.2em -.2em;
  }

  75% {
    box-shadow: 0 -.2em;
  }

  87% {
    box-shadow: .2em -.2em;
  }
}

[data-tippy-root] {
  max-width: 75vw;
}

.tippy-popper {
  background: #292c2e;
  border-radius: .375rem;
  padding: .5rem;
}

.tippy-content {
  color: #d0d0d0;
  font-size: .75rem;
}

.q-icon {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-align: center;
  box-sizing: content-box;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  position: relative;
}

.q-icon:before, .q-icon:after {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: -webkit-flex !important;
  display: flex !important;
}

.q-icon > svg, .q-icon > img {
  width: 100%;
  height: 100%;
}

.q-icon, .material-icons, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: inherit;
  font-size: inherit;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.q-panel, .q-panel > div {
  width: 100%;
  height: 100%;
}

.q-panel-parent {
  position: relative;
  overflow: hidden;
}

.q-chip {
  vertical-align: middle;
  color: #000000de;
  background: #e0e0e0;
  border-radius: 16px;
  outline: 0;
  max-width: 100%;
  height: 2em;
  margin: 4px;
  padding: .5em .9em;
  font-size: 14px;
  position: relative;
}

.q-chip--colored .q-chip__icon, .q-chip--dark .q-chip__icon {
  color: inherit;
}

.q-chip--outline {
  border: 1px solid;
  background: none !important;
}

.q-chip .q-avatar {
  border-radius: 16px;
  margin-left: -.45em;
  margin-right: .2em;
  font-size: 2em;
}

.q-chip--selected .q-avatar {
  display: none;
}

.q-chip__icon {
  color: #0000008a;
  margin: -.2em;
  font-size: 1.5em;
}

.q-chip__icon--left {
  margin-right: .2em;
}

.q-chip__icon--right {
  margin-left: .2em;
}

.q-chip__icon--remove {
  opacity: .6;
  outline: 0;
  margin-left: .1em;
  margin-right: -.5em;
}

.q-chip__icon--remove:hover, .q-chip__icon--remove:focus {
  opacity: 1;
}

.q-chip__content {
  white-space: nowrap;
}

.q-chip--dense {
  border-radius: 12px;
  height: 1.5em;
  padding: 0 .4em;
}

.q-chip--dense .q-avatar {
  border-radius: 12px;
  margin-left: -.27em;
  margin-right: .1em;
  font-size: 1.5em;
}

.q-chip--dense .q-chip__icon {
  font-size: 1.25em;
}

.q-chip--dense .q-chip__icon--left {
  margin-right: .195em;
}

.q-chip--dense .q-chip__icon--remove {
  margin-right: -.25em;
}

.q-chip--square {
  border-radius: 4px;
}

.q-chip--square .q-avatar {
  border-radius: 3px 0 0 3px;
}

body.desktop .q-chip--clickable:focus {
  box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f;
}

.q-dialog__title {
  letter-spacing: .0125em;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}

.q-dialog__progress {
  font-size: 4rem;
}

.q-dialog__inner {
  outline: 0;
}

.q-dialog__inner > div {
  pointer-events: all;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  border-radius: 4px;
  overflow: auto;
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
}

.q-dialog__inner--square > div {
  border-radius: 0 !important;
}

.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle {
  min-width: 64px;
}

.q-dialog__inner--minimized {
  padding: 24px;
}

.q-dialog__inner--minimized > div {
  max-height: calc(100vh - 48px);
}

.q-dialog__inner--maximized > div {
  width: 100%;
  max-width: 100vw;
  height: 100%;
  max-height: 100vh;
  border-radius: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

.q-dialog__inner--top, .q-dialog__inner--bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.q-dialog__inner--right, .q-dialog__inner--left {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-left-radius: 0;
}

.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-right-radius: 0;
}

.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-left-radius: 0;
}

.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-right-radius: 0;
}

.q-dialog__inner--fullwidth > div {
  width: 100% !important;
  max-width: 100% !important;
}

.q-dialog__inner--fullheight > div {
  height: 100% !important;
  max-height: 100% !important;
}

.q-dialog__backdrop {
  z-index: -1;
  pointer-events: all;
  background: #0006;
  outline: 0;
}

body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
  max-height: calc(100vh - 108px);
}

body.q-ios-padding .q-dialog__inner {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

body.q-ios-padding .q-dialog__inner > div {
  max-height: calc(100vh - env(safe-area-inset-top)  - env(safe-area-inset-bottom)) !important;
}

@media (width <= 599.98px) {
  .q-dialog__inner--top, .q-dialog__inner--bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
    width: 100% !important;
  }
}

@media (width >= 600px) {
  .q-dialog__inner--minimized > div {
    max-width: 560px;
  }
}

.q-body--dialog {
  overflow: hidden;
}

.q-dialog-plugin {
  width: 400px;
}

.q-dialog-plugin__form {
  max-height: 50vh;
}

.q-dialog-plugin .q-card__section + .q-card__section {
  padding-top: 0;
}

.q-dialog-plugin--progress {
  text-align: center;
}

.q-field {
  font-size: 14px;
}

.q-field ::-ms-clear {
  display: none;
}

.q-field ::-ms-reveal {
  display: none;
}

.q-field--with-bottom {
  padding-bottom: 20px;
}

.q-field__marginal {
  color: #0000008a;
  height: 56px;
  font-size: 24px;
}

.q-field__marginal > * + * {
  margin-left: 2px;
}

.q-field__marginal .q-avatar {
  font-size: 32px;
}

.q-field__before, .q-field__prepend {
  padding-right: 12px;
}

.q-field__after, .q-field__append {
  padding-left: 12px;
}

.q-field__after:empty, .q-field__append:empty {
  display: none;
}

.q-field__append + .q-field__append {
  padding-left: 2px;
}

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

.q-field__bottom {
  color: #0000008a;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height: 20px;
  padding: 8px 12px 0;
  font-size: 12px;
  line-height: 1;
}

.q-field__bottom--animated {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.q-field__messages {
  line-height: 1;
}

.q-field__messages > div {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.q-field__messages > div + div {
  margin-top: 4px;
}

.q-field__counter {
  padding-left: 8px;
  line-height: 1;
}

.q-field--item-aligned {
  padding: 8px 16px;
}

.q-field--item-aligned .q-field__before {
  min-width: 56px;
}

.q-field__control-container {
  height: inherit;
}

.q-field__control {
  color: var(--q-primary);
  outline: none;
  max-width: 100%;
  height: 56px;
}

.q-field__control:before, .q-field__control:after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.q-field__control:before {
  border-radius: inherit;
}

.q-field__shadow {
  opacity: 0;
  white-space: pre-wrap;
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
  top: 8px;
  overflow: hidden;
}

.q-field__shadow + .q-field__native::-webkit-input-placeholder {
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field__shadow + .q-field__native::placeholder {
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field__shadow + .q-field__native:focus::-webkit-input-placeholder {
  opacity: 0;
}

.q-field__shadow + .q-field__native:focus::placeholder {
  opacity: 0;
}

.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input {
  letter-spacing: .00937em;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  color: #000000de;
  background: none;
  border: none;
  border-radius: 0;
  outline: 0;
  padding: 6px 0;
  font-weight: 400;
  line-height: 28px;
}

.q-field__native, .q-field__input {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  width: 100%;
  min-width: 0;
  outline: 0 !important;
}

.q-field__native:-webkit-autofill {
  -webkit-animation-name: q-autofill;
  -webkit-animation-fill-mode: both;
}

.q-field__input:-webkit-autofill {
  -webkit-animation-name: q-autofill;
  -webkit-animation-fill-mode: both;
}

.q-field__native:-webkit-autofill + .q-field__label {
  -webkit-transform: translateY(-40%)scale(.75);
  transform: translateY(-40%)scale(.75);
}

.q-field__input:-webkit-autofill + .q-field__label {
  -webkit-transform: translateY(-40%)scale(.75);
  transform: translateY(-40%)scale(.75);
}

.q-field__native[type="number"]:invalid + .q-field__label, .q-field__input[type="number"]:invalid + .q-field__label {
  -webkit-transform: translateY(-40%)scale(.75);
  transform: translateY(-40%)scale(.75);
}

.q-field__native:invalid, .q-field__input:invalid {
  box-shadow: none;
}

.q-field__native[type="file"] {
  line-height: 1em;
}

.q-field__input {
  height: 0;
  min-height: 24px;
  padding: 0;
  line-height: 24px;
}

.q-field__prefix, .q-field__suffix {
  white-space: nowrap;
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field__prefix {
  padding-right: 4px;
}

.q-field__suffix {
  padding-left: 4px;
}

.q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder {
  opacity: 1 !important;
}

.q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input {
  cursor: default;
}

.q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input {
  cursor: text;
}

.q-field--disabled .q-field__inner {
  cursor: not-allowed;
}

.q-field--disabled .q-field__control {
  pointer-events: none;
}

.q-field--disabled .q-field__control > div {
  opacity: .6 !important;
}

.q-field--disabled .q-field__control > div, .q-field--disabled .q-field__control > div * {
  outline: 0 !important;
}

.q-field__label {
  color: #0009;
  letter-spacing: .00937em;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: -webkit-transform .36s cubic-bezier(.4, 0, .2, 1), transform .36s cubic-bezier(.4, 0, .2, 1), max-width .324s cubic-bezier(.4, 0, .2, 1);
  top: 18px;
  left: 0;
}

.q-field--float .q-field__label {
  max-width: 133%;
  transition: -webkit-transform .36s cubic-bezier(.4, 0, .2, 1), transform .36s cubic-bezier(.4, 0, .2, 1), max-width .396s cubic-bezier(.4, 0, .2, 1);
  -webkit-transform: translateY(-40%)scale(.75);
  transform: translateY(-40%)scale(.75);
}

.q-field--highlighted .q-field__label {
  color: currentColor;
}

.q-field--highlighted .q-field__shadow {
  opacity: .5;
}

.q-field--filled .q-field__control {
  background: #0000000d;
  border-radius: 4px 4px 0 0;
  padding: 0 12px;
}

.q-field--filled .q-field__control:before {
  opacity: 0;
  background: #0000000d;
  border-bottom: 1px solid #0000006b;
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--filled .q-field__control:hover:before {
  opacity: 1;
}

.q-field--filled .q-field__control:after {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  background: currentColor;
  height: 2px;
  transition: -webkit-transform .36s cubic-bezier(.4, 0, .2, 1), transform .36s cubic-bezier(.4, 0, .2, 1);
  top: auto;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}

.q-field--filled.q-field--rounded .q-field__control {
  border-radius: 28px 28px 0 0;
}

.q-field--filled.q-field--highlighted .q-field__control:before {
  opacity: 1;
  background: #0000001f;
}

.q-field--filled.q-field--highlighted .q-field__control:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before {
  background: #ffffff12;
}

.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
  background: #ffffff1a;
}

.q-field--filled.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: none;
  border-bottom-style: dashed;
}

.q-field--outlined .q-field__control {
  border-radius: 4px;
  padding: 0 12px;
}

.q-field--outlined .q-field__control:before {
  border: 1px solid #0000003d;
  transition: border-color .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--outlined .q-field__control:hover:before {
  border-color: #000;
}

.q-field--outlined .q-field__control:after {
  height: inherit;
  border-radius: inherit;
  border: 2px solid #0000;
  transition: border-color .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--outlined .q-field__native:-webkit-autofill {
  margin-top: 1px;
  margin-bottom: 1px;
}

.q-field--outlined .q-field__input:-webkit-autofill {
  margin-top: 1px;
  margin-bottom: 1px;
}

.q-field--outlined.q-field--rounded .q-field__control {
  border-radius: 28px;
}

.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
  border-color: #0000;
}

.q-field--outlined.q-field--highlighted .q-field__control:after {
  border-width: 2px;
  border-color: currentColor;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.q-field--outlined.q-field--readonly .q-field__control:before {
  border-style: dashed;
}

.q-field--standard .q-field__control:before {
  border-bottom: 1px solid #0000003d;
  transition: border-color .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--standard .q-field__control:hover:before {
  border-color: #000;
}

.q-field--standard .q-field__control:after {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  background: currentColor;
  height: 2px;
  transition: -webkit-transform .36s cubic-bezier(.4, 0, .2, 1), transform .36s cubic-bezier(.4, 0, .2, 1);
  top: auto;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}

.q-field--standard.q-field--highlighted .q-field__control:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: dashed;
}

.q-field--dark .q-field__control:before {
  border-color: #fff9;
}

.q-field--dark .q-field__control:hover:before {
  border-color: #fff;
}

.q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input {
  color: #fff;
}

.q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom {
  color: #ffffffb3;
}

.q-field--standout .q-field__control {
  background: #0000000d;
  border-radius: 4px;
  padding: 0 12px;
  transition: box-shadow .36s cubic-bezier(.4, 0, .2, 1), background-color .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--standout .q-field__control:before {
  opacity: 0;
  background: #00000012;
  transition: opacity .36s cubic-bezier(.4, 0, .2, 1), background .36s cubic-bezier(.4, 0, .2, 1);
}

.q-field--standout .q-field__control:hover:before {
  opacity: 1;
}

.q-field--standout.q-field--rounded .q-field__control {
  border-radius: 28px;
}

.q-field--standout.q-field--highlighted .q-field__control {
  background: #000;
  box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
}

.q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input {
  color: #fff;
}

.q-field--standout.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: none;
  border: 1px dashed #0000003d;
}

.q-field--standout.q-field--dark .q-field__control, .q-field--standout.q-field--dark .q-field__control:before {
  background: #ffffff12;
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
  background: #fff;
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
  color: #000;
}

.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
  border-color: #ffffff3d;
}

.q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {
  padding-top: 24px;
  padding-bottom: 8px;
  line-height: 24px;
}

.q-field--labeled .q-field__shadow {
  top: 0;
}

.q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix {
  opacity: 0;
}

.q-field--labeled:not(.q-field--float) .q-field__native:-ms-input-placeholder {
  color: #0000 !important;
}

.q-field--labeled:not(.q-field--float) .q-field__input:-ms-input-placeholder {
  color: #0000 !important;
}

.q-field--labeled:not(.q-field--float) .q-field__native::-moz-placeholder {
  color: #0000;
}

.q-field--labeled:not(.q-field--float) .q-field__input::-moz-placeholder {
  color: #0000;
}

.q-field--labeled:not(.q-field--float) .q-field__native::-webkit-input-placeholder {
  color: #0000;
}

.q-field--labeled:not(.q-field--float) .q-field__native::placeholder {
  color: #0000;
}

.q-field--labeled:not(.q-field--float) .q-field__input::-webkit-input-placeholder {
  color: #0000;
}

.q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
  color: #0000;
}

.q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix {
  padding-top: 14px;
  padding-bottom: 2px;
}

.q-field--dense .q-field__shadow {
  top: 0;
}

.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height: 40px;
}

.q-field--dense .q-field__bottom {
  font-size: 11px;
}

.q-field--dense .q-field__label {
  font-size: 14px;
  top: 10px;
}

.q-field--dense .q-field__before, .q-field--dense .q-field__prepend {
  padding-right: 6px;
}

.q-field--dense .q-field__after, .q-field--dense .q-field__append {
  padding-left: 6px;
}

.q-field--dense .q-field__append + .q-field__append {
  padding-left: 2px;
}

.q-field--dense .q-field__marginal .q-avatar {
  font-size: 24px;
}

.q-field--dense.q-field--float .q-field__label {
  -webkit-transform: translateY(-30%)scale(.75);
  transform: translateY(-30%)scale(.75);
}

.q-field--dense .q-field__native:-webkit-autofill + .q-field__label {
  -webkit-transform: translateY(-30%)scale(.75);
  transform: translateY(-30%)scale(.75);
}

.q-field--dense .q-field__input:-webkit-autofill + .q-field__label {
  -webkit-transform: translateY(-30%)scale(.75);
  transform: translateY(-30%)scale(.75);
}

.q-field--dense .q-field__native[type="number"]:invalid + .q-field__label, .q-field--dense .q-field__input[type="number"]:invalid + .q-field__label {
  -webkit-transform: translateY(-30%)scale(.75);
  transform: translateY(-30%)scale(.75);
}

.q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control {
  padding-left: 0;
  padding-right: 0;
}

.q-field--error .q-field__label {
  -webkit-animation: .36s q-field-label;
  animation: .36s q-field-label;
}

.q-field--error .q-field__bottom {
  color: var(--q-negative);
}

.q-field__focusable-action {
  opacity: .6;
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  outline: 0 !important;
}

.q-field__focusable-action:hover, .q-field__focusable-action:focus {
  opacity: 1;
}

.q-field--auto-height .q-field__control {
  height: auto;
}

.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {
  min-height: 56px;
}

.q-field--auto-height .q-field__native {
  align-items: center;
}

.q-field--auto-height .q-field__control-container {
  padding-top: 0;
}

.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix {
  line-height: 18px;
}

.q-field--auto-height.q-field--labeled .q-field__control-container {
  padding-top: 24px;
}

.q-field--auto-height.q-field--labeled .q-field__shadow {
  top: 24px;
}

.q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix {
  padding-top: 0;
}

.q-field--auto-height.q-field--labeled .q-field__native {
  min-height: 24px;
}

.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 40px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
}

.q-field--square .q-field__control {
  border-radius: 0 !important;
}

.q-transition--field-message-enter-active, .q-transition--field-message-leave-active {
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1), transform .6s cubic-bezier(.86, 0, .07, 1), opacity .6s cubic-bezier(.86, 0, .07, 1);
}

.q-transition--field-message-enter-from, .q-transition--field-message-leave-to {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.q-transition--field-message-leave-from, .q-transition--field-message-leave-active {
  position: absolute;
}

@-webkit-keyframes q-field-label {
  40% {
    margin-left: 2px;
  }

  60%, 80% {
    margin-left: -2px;
  }

  70%, 90% {
    margin-left: 2px;
  }
}

@keyframes q-field-label {
  40% {
    margin-left: 2px;
  }

  60%, 80% {
    margin-left: -2px;
  }

  70%, 90% {
    margin-left: 2px;
  }
}

@-webkit-keyframes q-autofill {
  to {
    color: inherit;
    background: none;
  }
}

@keyframes q-autofill {
  to {
    color: inherit;
    background: none;
  }
}

.q-textarea .q-field__control {
  height: auto;
  min-height: 56px;
}

.q-textarea .q-field__control-container {
  padding-top: 2px;
  padding-bottom: 2px;
}

.q-textarea .q-field__shadow {
  top: 2px;
  bottom: 2px;
}

.q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix {
  line-height: 18px;
}

.q-textarea .q-field__native {
  resize: vertical;
  min-height: 52px;
  padding-top: 17px;
}

.q-textarea.q-field--labeled .q-field__control-container {
  padding-top: 26px;
}

.q-textarea.q-field--labeled .q-field__shadow {
  top: 26px;
}

.q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix {
  padding-top: 0;
}

.q-textarea.q-field--labeled .q-field__native {
  min-height: 26px;
  padding-top: 1px;
}

.q-textarea--autogrow .q-field__native {
  resize: none;
}

.q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native {
  min-height: 36px;
}

.q-textarea.q-field--dense .q-field__native {
  padding-top: 9px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
  padding-top: 3px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
  padding-top: 2px;
}

body.mobile .q-textarea .q-field__native, .q-textarea.disabled .q-field__native {
  resize: none;
}

.q-item {
  color: inherit;
  min-height: 48px;
  padding: 8px 16px;
  transition: color .3s, background-color .3s;
}

.q-item__section--side {
  color: #757575;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  max-width: 100%;
  padding-right: 16px;
}

.q-item__section--side > .q-icon {
  font-size: 24px;
}

.q-item__section--side > .q-avatar {
  font-size: 40px;
}

.q-item__section--avatar {
  color: inherit;
  min-width: 56px;
}

.q-item__section--thumbnail img {
  width: 100px;
  height: 56px;
}

.q-item__section--nowrap {
  white-space: nowrap;
}

.q-item > .q-item__section--thumbnail:first-child, .q-item > .q-focus-helper + .q-item__section--thumbnail {
  margin-left: -16px;
}

.q-item > .q-item__section--thumbnail:last-of-type {
  margin-right: -16px;
}

.q-item__label {
  max-width: 100%;
  line-height: 1.2em !important;
}

.q-item__label--overline {
  color: #000000b3;
}

.q-item__label--caption {
  color: #0000008a;
}

.q-item__label--header {
  color: #757575;
  letter-spacing: .01786em;
  padding: 16px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header {
  padding-top: 8px;
}

.q-item__label + .q-item__label {
  margin-top: 4px;
}

.q-item__section--main {
  -webkit-flex: 10000;
  flex: 10000;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.q-item__section--main + .q-item__section--main {
  margin-left: 8px;
}

.q-item__section--main ~ .q-item__section--side {
  align-items: flex-end;
  padding-left: 16px;
  padding-right: 0;
}

.q-item__section--main.q-item__section--thumbnail {
  margin-left: 0;
  margin-right: -16px;
}

.q-list--bordered {
  border: 1px solid #0000001f;
}

.q-list--separator > .q-item-type + .q-item-type, .q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top: 1px solid #0000001f;
}

.q-list--padding {
  padding: 8px 0;
}

.q-list--dense > .q-item, .q-item--dense {
  min-height: 32px;
  padding: 2px 16px;
}

.q-list--dark.q-list--separator > .q-item-type + .q-item-type, .q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top-color: #ffffff47;
}

.q-list--dark, .q-item--dark {
  color: #fff;
  border-color: #ffffff47;
}

.q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
  color: #ffffffb3;
}

.q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header {
  color: #ffffffa3;
}

.q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption {
  color: #fffc;
}

.q-item {
  position: relative;
}

.q-item.q-router-link--active, .q-item--active {
  color: var(--q-primary);
}

.q-menu {
  z-index: 6000;
  background: #fff;
  border-radius: 4px;
  outline: 0;
  max-width: 95vw;
  max-height: 65vh;
  display: inline-block;
  overflow: hidden auto;
  box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
  position: fixed !important;
}

.q-menu--square {
  border-radius: 0;
}

.q-option-group--inline > div {
  display: inline-block;
}

.q-radio {
  vertical-align: middle;
}

.q-radio__native {
  width: 1px;
  height: 1px;
}

.q-radio__bg, .q-radio__icon-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.q-radio__bg {
  -webkit-print-color-adjust: exact;
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}

.q-radio__bg path {
  fill: currentColor;
}

.q-radio__icon {
  color: currentColor;
  font-size: .5em;
}

.q-radio__check {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition: -webkit-transform .22s cubic-bezier(0, 0, .2, 1), transform .22s cubic-bezier(0, 0, .2, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}

.q-radio__inner {
  color: #0000008a;
  border-radius: 50%;
  outline: 0;
  width: 1em;
  min-width: 1em;
  height: 1em;
  font-size: 40px;
}

.q-radio__inner--truthy {
  color: var(--q-primary);
}

.q-radio__inner--truthy .q-radio__check {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.q-radio.disabled {
  opacity: .75 !important;
}

.q-radio--dark .q-radio__inner {
  color: #ffffffb3;
}

.q-radio--dark .q-radio__inner:before {
  opacity: .32 !important;
}

.q-radio--dark .q-radio__inner--truthy {
  color: var(--q-primary);
}

.q-radio--dense .q-radio__inner {
  width: .5em;
  min-width: .5em;
  height: .5em;
}

.q-radio--dense .q-radio__bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.q-radio--dense .q-radio__label {
  padding-left: .5em;
}

.q-radio--dense.reverse .q-radio__label {
  padding-left: 0;
  padding-right: .5em;
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
  content: "";
  opacity: .12;
  background: currentColor;
  border-radius: 50%;
  transition: -webkit-transform .22s cubic-bezier(0, 0, .2, 1), transform .22s cubic-bezier(0, 0, .2, 1);
  position: absolute;
  inset: 0;
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}

body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
}

.q-scrollarea {
  contain: strict;
  position: relative;
}

.q-scrollarea__bar, .q-scrollarea__thumb {
  opacity: .2;
  will-change: opacity;
  cursor: grab;
  transition: opacity .3s;
}

.q-scrollarea__bar--v, .q-scrollarea__thumb--v {
  width: 10px;
  right: 0;
}

.q-scrollarea__bar--h, .q-scrollarea__thumb--h {
  height: 10px;
  bottom: 0;
}

.q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible {
  pointer-events: none;
  opacity: 0 !important;
}

.q-scrollarea__thumb {
  background: #000;
  border-radius: 3px;
}

.q-scrollarea__thumb:hover {
  opacity: .3;
}

.q-scrollarea__thumb:active {
  opacity: .5;
}

.q-scrollarea__content {
  min-width: 100%;
  min-height: 100%;
}

.q-scrollarea--dark .q-scrollarea__thumb {
  background: #fff;
}

.q-select--without-input .q-field__control {
  cursor: pointer;
}

.q-select--with-input .q-field__control {
  cursor: text;
}

.q-select .q-field__input {
  cursor: text;
  min-width: 50px !important;
}

.q-select .q-field__input--padding {
  padding-left: 4px;
}

.q-select__focus-target, .q-select__autocomplete-input {
  opacity: 0;
  border: 0;
  width: 0;
  height: 0;
  padding: 0;
  position: absolute;
  outline: 0 !important;
}

.q-select__dropdown-icon {
  cursor: pointer;
  transition: -webkit-transform .28s, transform .28s;
}

.q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon {
  cursor: default;
}

.q-select__dialog {
  background: #fff;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: flex;
  width: 90vw !important;
  max-width: 90vw !important;
  max-height: calc(100vh - 70px) !important;
}

.q-select__dialog > .scroll {
  background: inherit;
  position: relative;
}

body.mobile:not(.native-mobile) .q-select__dialog {
  max-height: calc(100vh - 108px) !important;
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 24px) !important;
}

body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 80px) !important;
}

body.platform-ios.native-mobile .q-dialog__inner--top > div {
  border-radius: 4px;
}

body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 47vh !important;
}

body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 50vh !important;
}

.q-tab-panels {
  background: #fff;
}

.q-tab-panel {
  padding: 16px;
}

.q-markup-table {
  background: #fff;
  overflow: auto;
}

.q-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

.q-table thead tr, .q-table tbody td {
  height: 48px;
}

.q-table thead {
  background: #282d2e;
  border-radius: 6px;
}

.q-table thead th {
  color: #b9b9b9;
}

.q-table th {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 18px;
  font-weight: 500;
}

.q-table th.sortable {
  cursor: pointer;
}

.q-table th.sortable:hover .q-table__sort-icon {
  opacity: .64;
}

.q-table th.sorted .q-table__sort-icon {
  opacity: .86 !important;
}

.q-table th.sort-desc .q-table__sort-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.q-table th, .q-table td {
  background-color: inherit;
  padding: .75rem 1rem;
}

.q-table thead, .q-table td, .q-table th {
  border-style: solid;
  border-width: 0;
}

.q-table tbody td {
  font-size: 13px;
}

.q-table__card {
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
}

.q-table__card .q-table__middle {
  -webkit-flex: auto;
  flex: auto;
}

.q-table__card .q-table__top, .q-table__card .q-table__bottom {
  -webkit-flex: none;
  flex: none;
}

.q-table__container {
  position: relative;
}

.q-table__container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.q-table__container > div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.q-table__container > .q-inner-loading {
  border-radius: inherit !important;
}

.q-table__top .q-table__control {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.q-table__title {
  letter-spacing: .005em;
  font-size: 20px;
  font-weight: 400;
}

.q-table__separator {
  min-width: 8px !important;
}

.q-table__progress {
  height: 0 !important;
}

.q-table__progress th {
  border: 0 !important;
  padding: 0 !important;
}

.q-table__progress .q-linear-progress {
  position: absolute;
  bottom: 0;
}

.q-table__middle {
  max-width: 100%;
}

.q-table__bottom {
  min-height: 50px;
  padding: 4px 14px 4px 16px;
  font-size: 12px;
}

.q-table__bottom .q-table__control {
  min-height: 24px;
}

.q-table__bottom-nodata-icon {
  margin-right: 8px;
  font-size: 200%;
}

.q-table__bottom-item {
  margin-right: 16px;
}

.q-table__control {
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.q-table__sort-icon {
  opacity: 0;
  font-size: 120%;
  transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1), transform .3s cubic-bezier(.25, .8, .5, 1);
}

.q-table__sort-icon--left, .q-table__sort-icon--center {
  margin-left: 4px;
}

.q-table__sort-icon--right {
  margin-right: 4px;
}

.q-table--col-auto-width {
  width: 1px;
}

.q-table--flat {
  box-shadow: none;
}

.q-table--bordered {
  border: 1px solid #0000001f;
}

.q-table--square {
  border-radius: 0;
}

.q-table__linear-progress {
  height: 2px;
}

.q-table--no-wrap th, .q-table--no-wrap td {
  white-space: nowrap;
}

.q-table--grid {
  box-shadow: none;
  border-radius: 4px;
}

.q-table--grid .q-table__top {
  padding-bottom: 4px;
}

.q-table--grid .q-table__middle {
  min-height: 2px;
  margin-bottom: 4px;
}

.q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th {
  border: 0 !important;
}

.q-table--grid .q-table__linear-progress {
  bottom: 0;
}

.q-table--grid .q-table__bottom {
  border-top: 0;
}

.q-table--grid .q-table__grid-content {
  -webkit-flex: auto;
  flex: auto;
}

.q-table--grid.fullscreen {
  background: inherit;
}

.q-table__grid-item-card {
  vertical-align: top;
  padding: 12px;
}

.q-table__grid-item-card .q-separator {
  margin: 12px 0;
}

.q-table__grid-item-row + .q-table__grid-item-row {
  margin-top: 8px;
}

.q-table__grid-item-title {
  opacity: .54;
  font-size: 12px;
  font-weight: 500;
}

.q-table__grid-item-value {
  font-size: 13px;
}

.q-table__grid-item {
  padding: 4px;
  transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1), transform .3s cubic-bezier(.25, .8, .5, 1);
}

.q-table__grid-item--selected {
  -webkit-transform: scale(.95);
  transform: scale(.95);
}

.q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td {
  border-bottom-width: 1px;
}

.q-table--vertical-separator td, .q-table--vertical-separator th, .q-table--cell-separator td, .q-table--cell-separator th {
  border-left-width: 1px;
}

.q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
  border-bottom-width: 1px;
}

.q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child {
  border-left: 0;
}

.q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top {
  border-bottom: 1px solid #0000001f;
}

.q-table--dense .q-table__top {
  padding: 6px 16px;
}

.q-table--dense .q-table__bottom {
  min-height: 33px;
}

.q-table--dense .q-table__sort-icon {
  font-size: 110%;
}

.q-table--dense .q-table th, .q-table--dense .q-table td {
  padding: 4px 8px;
}

.q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td {
  height: 28px;
}

.q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child {
  padding-left: 16px;
}

.q-table--dense .q-table th:last-child, .q-table--dense .q-table td:last-child {
  padding-right: 16px;
}

.q-table--dense .q-table__bottom-item {
  margin-right: 8px;
}

.q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native {
  min-height: 24px;
  padding: 0;
}

.q-table--dense .q-table__select .q-field__marginal {
  height: 24px;
}

.q-table__bottom {
  border-top: 1px solid #0000001f;
}

.q-table thead, .q-table tr, .q-table th, .q-table td {
  border-color: #0000001f;
}

.q-table tbody td {
  position: relative;
}

.q-table tbody td:before, .q-table tbody td:after {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.q-table tbody td:before {
  background: #00000008;
}

.q-table tbody td:after {
  background: #0000000f;
}

.q-table tbody td:first-child {
  border-left: 1px solid #0000001f;
}

.q-table tbody td:last-child {
  border-right: 1px solid #0000001f;
}

.q-table tbody tr.selected td:after, body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
  content: "";
}

.q-table__card--dark, .q-table--dark, .q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td {
  border-color: #ffffff47;
}

.q-table--dark tbody td:before {
  background: #ffffff12;
}

.q-table--dark tbody td:after {
  background: #ffffff1a;
}

.q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top {
  border-color: #ffffff47;
}

.q-tab {
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  min-height: 48px;
  padding: 0 16px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
}

.q-tab--full {
  min-height: 72px;
}

.q-tab--no-caps {
  text-transform: none;
}

.q-tab__content {
  height: inherit;
  min-width: 40px;
  padding: 4px 0;
}

.q-tab__content--inline .q-tab__icon + .q-tab__label {
  padding-left: 8px;
}

.q-tab__content .q-chip--floating {
  top: 0;
  right: -16px;
}

.q-tab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.q-tab__label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.715em;
}

.q-tab .q-badge {
  top: 3px;
  right: -12px;
}

.q-tab__alert, .q-tab__alert-icon {
  position: absolute;
}

.q-tab__alert {
  background: currentColor;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 7px;
  right: -9px;
}

.q-tab__alert-icon {
  font-size: 18px;
  top: 2px;
  right: -12px;
}

.q-tab__indicator {
  opacity: 0;
  background: currentColor;
  height: 2px;
}

.q-tab--active .q-tab__indicator {
  opacity: 1;
  -webkit-transform-origin: 0;
  transform-origin: 0;
}

.q-tab--inactive {
  opacity: .85;
}

.q-tabs {
  transition: color .3s, background-color .3s;
  position: relative;
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
  padding-left: 36px;
  padding-right: 36px;
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
  padding-top: 36px;
  padding-bottom: 36px;
}

.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
  opacity: .3;
  pointer-events: none;
}

.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded, .q-tabs--not-scrollable .q-tabs__arrow {
  display: none;
}

.q-tabs--not-scrollable .q-tabs__content {
  border-radius: inherit;
}

.q-tabs__arrow {
  cursor: pointer;
  text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
  min-width: 36px;
  font-size: 32px;
  transition: opacity .3s;
}

.q-tabs__content {
  -webkit-flex: auto;
  flex: auto;
  overflow: hidden;
}

.q-tabs__content--align-center {
  justify-content: center;
}

.q-tabs__content--align-right {
  justify-content: flex-end;
}

.q-tabs__content--align-justify .q-tab {
  -webkit-flex: auto;
  flex: auto;
}

.q-tabs__offset {
  display: none;
}

.q-tabs--horizontal .q-tabs__arrow {
  height: 100%;
}

.q-tabs--horizontal .q-tabs__arrow--left {
  top: 0;
  bottom: 0;
  left: 0;
}

.q-tabs--horizontal .q-tabs__arrow--right {
  top: 0;
  bottom: 0;
  right: 0;
}

.q-tabs--vertical, .q-tabs--vertical .q-tabs__content {
  height: 100%;
  display: block !important;
}

.q-tabs--vertical .q-tabs__arrow {
  text-align: center;
  width: 100%;
  height: 36px;
}

.q-tabs--vertical .q-tabs__arrow--left {
  top: 0;
  left: 0;
  right: 0;
}

.q-tabs--vertical .q-tabs__arrow--right {
  bottom: 0;
  left: 0;
  right: 0;
}

.q-tabs--vertical .q-tab {
  padding: 0 8px;
}

.q-tabs--vertical .q-tab__indicator {
  height: unset;
  width: 2px;
}

.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
  height: 100%;
}

.q-tabs--vertical.q-tabs--dense .q-tab__content {
  min-width: 24px;
}

.q-tabs--dense .q-tab {
  min-height: 36px;
}

.q-tabs--dense .q-tab--full {
  min-height: 52px;
}

.q-toggle {
  vertical-align: middle;
}

.q-toggle__native {
  width: 1px;
  height: 1px;
}

.q-toggle__track {
  opacity: .38;
  background: currentColor;
  border-radius: .175em;
  height: .35em;
}

.q-toggle__thumb {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 0;
  width: .5em;
  height: .5em;
  transition: left .22s cubic-bezier(.4, 0, .2, 1);
  top: .25em;
  left: .25em;
}

.q-toggle__thumb:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
}

.q-toggle__thumb .q-icon {
  color: #000;
  opacity: .54;
  z-index: 1;
  min-width: 1em;
  font-size: .3em;
}

.q-toggle__inner {
  -webkit-print-color-adjust: exact;
  width: 1.4em;
  min-width: 1.4em;
  height: 1em;
  padding: .325em .3em;
  font-size: 40px;
}

.q-toggle__inner--indet .q-toggle__thumb {
  left: .45em;
}

.q-toggle__inner--truthy {
  color: var(--q-primary);
}

.q-toggle__inner--truthy .q-toggle__track {
  opacity: .54;
}

.q-toggle__inner--truthy .q-toggle__thumb {
  left: .65em;
}

.q-toggle__inner--truthy .q-toggle__thumb:after {
  background-color: currentColor;
}

.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
  color: #fff;
  opacity: 1;
}

.q-toggle.disabled {
  opacity: .75 !important;
}

.q-toggle--dark .q-toggle__inner {
  color: #fff;
}

.q-toggle--dark .q-toggle__inner--truthy {
  color: var(--q-primary);
}

.q-toggle--dark .q-toggle__thumb:before {
  opacity: .32 !important;
}

.q-toggle--dense .q-toggle__inner {
  width: .8em;
  min-width: .8em;
  height: .5em;
  padding: .07625em 0;
}

.q-toggle--dense .q-toggle__thumb {
  top: 0;
  left: 0;
}

.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
  left: .15em;
}

.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
  left: .3em;
}

.q-toggle--dense .q-toggle__label {
  padding-left: .5em;
}

.q-toggle--dense.reverse .q-toggle__label {
  padding-left: 0;
  padding-right: .5em;
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
  content: "";
  opacity: .12;
  background: currentColor;
  border-radius: 50%;
  transition: -webkit-transform .22s cubic-bezier(0, 0, .2, 1), transform .22s cubic-bezier(0, 0, .2, 1);
  position: absolute;
  inset: 0;
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}

body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}

body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
}

.q-tooltip--style {
  color: #fafafa;
  text-transform: none;
  background: #757575;
  border-radius: 4px;
  font-size: 10px;
  font-weight: normal;
}

.q-tooltip {
  z-index: 9000;
  padding: 6px 10px;
  overflow: hidden auto;
  position: fixed !important;
}

@media (width <= 599.98px) {
  .q-tooltip {
    padding: 8px 16px;
    font-size: 14px;
  }
}

.q-ripple {
  color: inherit;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  contain: strict;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.q-ripple__inner {
  opacity: 0;
  color: inherit;
  pointer-events: none;
  will-change: transform, opacity;
  background: currentColor;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.q-ripple__inner--enter {
  transition: -webkit-transform .225s cubic-bezier(.4, 0, .2, 1), transform .225s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1);
}

.q-ripple__inner--leave {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

.q-morph--invisible, .q-morph--internal {
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  bottom: 200vh !important;
  right: 200vw !important;
}

:root {
  --animate-duration: .3s;
  --animate-delay: .3s;
  --animate-repeat: 1;
}

.animated {
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.repeat-1 {
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-1s {
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animated.delay-2s {
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animated.faster {
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8);
}

.animated.slow {
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animated {
    transition-duration: 1ms !important;
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animated[class*="Out"] {
    opacity: 0;
  }
}

.q-animate--scale {
  -webkit-animation: .15s cubic-bezier(.25, .8, .25, 1) q-scale;
  animation: .15s cubic-bezier(.25, .8, .25, 1) q-scale;
}

@-webkit-keyframes q-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes q-scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.q-animate--fade {
  -webkit-animation: .2s q-fade;
  animation: .2s q-fade;
}

@-webkit-keyframes q-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes q-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

:root {
  --q-primary: #45a05e;
  --pagination: #7e8387;
  --q-secondary: #26a69a;
  --q-accent: #9c27b0;
  --q-positive: #21ba45;
  --q-negative: #c10015;
  --q-info: #31ccec;
  --q-warning: #f2c037;
  --q-dark: #1d1d1d;
  --q-dark-page: #121212;
}

.text-dark {
  color: var(--q-dark) !important;
}

.bg-dark {
  background: var(--q-dark) !important;
}

.text-primary {
  color: var(--q-primary) !important;
}

.bg-primary {
  background: var(--q-primary) !important;
}

.text-secondary {
  color: var(--q-secondary) !important;
}

.bg-secondary {
  background: var(--q-secondary) !important;
}

.text-accent {
  color: var(--q-accent) !important;
}

.bg-accent {
  background: var(--q-accent) !important;
}

.text-positive {
  color: var(--q-positive) !important;
}

.bg-positive {
  background: var(--q-positive) !important;
}

.text-negative {
  color: var(--q-negative) !important;
}

.bg-negative {
  background: var(--q-negative) !important;
}

.text-info {
  color: var(--q-info) !important;
}

.bg-info {
  background: var(--q-info) !important;
}

.text-warning {
  color: var(--q-warning) !important;
}

.bg-warning {
  background: var(--q-warning) !important;
}

.text-white {
  color: #fff !important;
}

.bg-white {
  background: #fff !important;
}

.text-black {
  color: #000 !important;
}

.bg-black {
  background: #000 !important;
}

.text-transparent {
  color: #0000 !important;
}

.bg-transparent {
  background: none !important;
}

.text-separator {
  color: #0000001f !important;
}

.bg-separator {
  background: #0000001f !important;
}

.text-dark-separator {
  color: #ffffff47 !important;
}

.bg-dark-separator {
  background: #ffffff47 !important;
}

.text-red {
  color: #f44336 !important;
}

.text-red-1 {
  color: #ffebee !important;
}

.text-red-2 {
  color: #ffcdd2 !important;
}

.text-red-3 {
  color: #ef9a9a !important;
}

.text-red-4 {
  color: #e57373 !important;
}

.text-red-5 {
  color: #ef5350 !important;
}

.text-red-6 {
  color: #f44336 !important;
}

.text-red-7 {
  color: #e53935 !important;
}

.text-red-8 {
  color: #d32f2f !important;
}

.text-red-9 {
  color: #c62828 !important;
}

.text-red-10 {
  color: #b71c1c !important;
}

.text-red-11 {
  color: #ff8a80 !important;
}

.text-red-12 {
  color: #ff5252 !important;
}

.text-red-13 {
  color: #ff1744 !important;
}

.text-red-14 {
  color: #d50000 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-pink-1 {
  color: #fce4ec !important;
}

.text-pink-2 {
  color: #f8bbd0 !important;
}

.text-pink-3 {
  color: #f48fb1 !important;
}

.text-pink-4 {
  color: #f06292 !important;
}

.text-pink-5 {
  color: #ec407a !important;
}

.text-pink-6 {
  color: #e91e63 !important;
}

.text-pink-7 {
  color: #d81b60 !important;
}

.text-pink-8 {
  color: #c2185b !important;
}

.text-pink-9 {
  color: #ad1457 !important;
}

.text-pink-10 {
  color: #880e4f !important;
}

.text-pink-11 {
  color: #ff80ab !important;
}

.text-pink-12 {
  color: #ff4081 !important;
}

.text-pink-13 {
  color: #f50057 !important;
}

.text-pink-14 {
  color: #c51162 !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-purple-1 {
  color: #f3e5f5 !important;
}

.text-purple-2 {
  color: #e1bee7 !important;
}

.text-purple-3 {
  color: #ce93d8 !important;
}

.text-purple-4 {
  color: #ba68c8 !important;
}

.text-purple-5 {
  color: #ab47bc !important;
}

.text-purple-6 {
  color: #9c27b0 !important;
}

.text-purple-7 {
  color: #8e24aa !important;
}

.text-purple-8 {
  color: #7b1fa2 !important;
}

.text-purple-9 {
  color: #6a1b9a !important;
}

.text-purple-10 {
  color: #4a148c !important;
}

.text-purple-11 {
  color: #ea80fc !important;
}

.text-purple-12 {
  color: #e040fb !important;
}

.text-purple-13 {
  color: #d500f9 !important;
}

.text-purple-14 {
  color: #a0f !important;
}

.text-deep-purple {
  color: #673ab7 !important;
}

.text-deep-purple-1 {
  color: #ede7f6 !important;
}

.text-deep-purple-2 {
  color: #d1c4e9 !important;
}

.text-deep-purple-3 {
  color: #b39ddb !important;
}

.text-deep-purple-4 {
  color: #9575cd !important;
}

.text-deep-purple-5 {
  color: #7e57c2 !important;
}

.text-deep-purple-6 {
  color: #673ab7 !important;
}

.text-deep-purple-7 {
  color: #5e35b1 !important;
}

.text-deep-purple-8 {
  color: #512da8 !important;
}

.text-deep-purple-9 {
  color: #4527a0 !important;
}

.text-deep-purple-10 {
  color: #311b92 !important;
}

.text-deep-purple-11 {
  color: #b388ff !important;
}

.text-deep-purple-12 {
  color: #7c4dff !important;
}

.text-deep-purple-13 {
  color: #651fff !important;
}

.text-deep-purple-14 {
  color: #6200ea !important;
}

.text-indigo {
  color: #3f51b5 !important;
}

.text-indigo-1 {
  color: #e8eaf6 !important;
}

.text-indigo-2 {
  color: #c5cae9 !important;
}

.text-indigo-3 {
  color: #9fa8da !important;
}

.text-indigo-4 {
  color: #7986cb !important;
}

.text-indigo-5 {
  color: #5c6bc0 !important;
}

.text-indigo-6 {
  color: #3f51b5 !important;
}

.text-indigo-7 {
  color: #3949ab !important;
}

.text-indigo-8 {
  color: #303f9f !important;
}

.text-indigo-9 {
  color: #283593 !important;
}

.text-indigo-10 {
  color: #1a237e !important;
}

.text-indigo-11 {
  color: #8c9eff !important;
}

.text-indigo-12 {
  color: #536dfe !important;
}

.text-indigo-13 {
  color: #3d5afe !important;
}

.text-indigo-14 {
  color: #304ffe !important;
}

.text-blue {
  color: #2196f3 !important;
}

.text-blue-1 {
  color: #e3f2fd !important;
}

.text-blue-2 {
  color: #bbdefb !important;
}

.text-blue-3 {
  color: #90caf9 !important;
}

.text-blue-4 {
  color: #64b5f6 !important;
}

.text-blue-5 {
  color: #42a5f5 !important;
}

.text-blue-6 {
  color: #2196f3 !important;
}

.text-blue-7 {
  color: #1e88e5 !important;
}

.text-blue-8 {
  color: #1976d2 !important;
}

.text-blue-9 {
  color: #1565c0 !important;
}

.text-blue-10 {
  color: #0d47a1 !important;
}

.text-blue-11 {
  color: #82b1ff !important;
}

.text-blue-12 {
  color: #448aff !important;
}

.text-blue-13 {
  color: #2979ff !important;
}

.text-blue-14 {
  color: #2962ff !important;
}

.text-light-blue {
  color: #03a9f4 !important;
}

.text-light-blue-1 {
  color: #e1f5fe !important;
}

.text-light-blue-2 {
  color: #b3e5fc !important;
}

.text-light-blue-3 {
  color: #81d4fa !important;
}

.text-light-blue-4 {
  color: #4fc3f7 !important;
}

.text-light-blue-5 {
  color: #29b6f6 !important;
}

.text-light-blue-6 {
  color: #03a9f4 !important;
}

.text-light-blue-7 {
  color: #039be5 !important;
}

.text-light-blue-8 {
  color: #0288d1 !important;
}

.text-light-blue-9 {
  color: #0277bd !important;
}

.text-light-blue-10 {
  color: #01579b !important;
}

.text-light-blue-11 {
  color: #80d8ff !important;
}

.text-light-blue-12 {
  color: #40c4ff !important;
}

.text-light-blue-13 {
  color: #00b0ff !important;
}

.text-light-blue-14 {
  color: #0091ea !important;
}

.text-cyan {
  color: #00bcd4 !important;
}

.text-cyan-1 {
  color: #e0f7fa !important;
}

.text-cyan-2 {
  color: #b2ebf2 !important;
}

.text-cyan-3 {
  color: #80deea !important;
}

.text-cyan-4 {
  color: #4dd0e1 !important;
}

.text-cyan-5 {
  color: #26c6da !important;
}

.text-cyan-6 {
  color: #00bcd4 !important;
}

.text-cyan-7 {
  color: #00acc1 !important;
}

.text-cyan-8 {
  color: #0097a7 !important;
}

.text-cyan-9 {
  color: #00838f !important;
}

.text-cyan-10 {
  color: #006064 !important;
}

.text-cyan-11 {
  color: #84ffff !important;
}

.text-cyan-12 {
  color: #18ffff !important;
}

.text-cyan-13 {
  color: #00e5ff !important;
}

.text-cyan-14 {
  color: #00b8d4 !important;
}

.text-teal {
  color: #009688 !important;
}

.text-teal-1 {
  color: #e0f2f1 !important;
}

.text-teal-2 {
  color: #b2dfdb !important;
}

.text-teal-3 {
  color: #80cbc4 !important;
}

.text-teal-4 {
  color: #4db6ac !important;
}

.text-teal-5 {
  color: #26a69a !important;
}

.text-teal-6 {
  color: #009688 !important;
}

.text-teal-7 {
  color: #00897b !important;
}

.text-teal-8 {
  color: #00796b !important;
}

.text-teal-9 {
  color: #00695c !important;
}

.text-teal-10 {
  color: #004d40 !important;
}

.text-teal-11 {
  color: #a7ffeb !important;
}

.text-teal-12 {
  color: #64ffda !important;
}

.text-teal-13 {
  color: #1de9b6 !important;
}

.text-teal-14 {
  color: #00bfa5 !important;
}

.text-green {
  color: #4caf50 !important;
}

.text-green-1 {
  color: #e8f5e9 !important;
}

.text-green-2 {
  color: #c8e6c9 !important;
}

.text-green-3 {
  color: #a5d6a7 !important;
}

.text-green-4 {
  color: #81c784 !important;
}

.text-green-5 {
  color: #66bb6a !important;
}

.text-green-6 {
  color: #4caf50 !important;
}

.text-green-7 {
  color: #43a047 !important;
}

.text-green-8 {
  color: #388e3c !important;
}

.text-green-9 {
  color: #2e7d32 !important;
}

.text-green-10 {
  color: #1b5e20 !important;
}

.text-green-11 {
  color: #b9f6ca !important;
}

.text-green-12 {
  color: #69f0ae !important;
}

.text-green-13 {
  color: #00e676 !important;
}

.text-green-14 {
  color: #00c853 !important;
}

.text-light-green {
  color: #8bc34a !important;
}

.text-light-green-1 {
  color: #f1f8e9 !important;
}

.text-light-green-2 {
  color: #dcedc8 !important;
}

.text-light-green-3 {
  color: #c5e1a5 !important;
}

.text-light-green-4 {
  color: #aed581 !important;
}

.text-light-green-5 {
  color: #9ccc65 !important;
}

.text-light-green-6 {
  color: #8bc34a !important;
}

.text-light-green-7 {
  color: #7cb342 !important;
}

.text-light-green-8 {
  color: #689f38 !important;
}

.text-light-green-9 {
  color: #558b2f !important;
}

.text-light-green-10 {
  color: #33691e !important;
}

.text-light-green-11 {
  color: #ccff90 !important;
}

.text-light-green-12 {
  color: #b2ff59 !important;
}

.text-light-green-13 {
  color: #76ff03 !important;
}

.text-light-green-14 {
  color: #64dd17 !important;
}

.text-lime {
  color: #cddc39 !important;
}

.text-lime-1 {
  color: #f9fbe7 !important;
}

.text-lime-2 {
  color: #f0f4c3 !important;
}

.text-lime-3 {
  color: #e6ee9c !important;
}

.text-lime-4 {
  color: #dce775 !important;
}

.text-lime-5 {
  color: #d4e157 !important;
}

.text-lime-6 {
  color: #cddc39 !important;
}

.text-lime-7 {
  color: #c0ca33 !important;
}

.text-lime-8 {
  color: #afb42b !important;
}

.text-lime-9 {
  color: #9e9d24 !important;
}

.text-lime-10 {
  color: #827717 !important;
}

.text-lime-11 {
  color: #f4ff81 !important;
}

.text-lime-12 {
  color: #eeff41 !important;
}

.text-lime-13 {
  color: #c6ff00 !important;
}

.text-lime-14 {
  color: #aeea00 !important;
}

.text-yellow {
  color: #ffeb3b !important;
}

.text-yellow-1 {
  color: #fffde7 !important;
}

.text-yellow-2 {
  color: #fff9c4 !important;
}

.text-yellow-3 {
  color: #fff59d !important;
}

.text-yellow-4 {
  color: #fff176 !important;
}

.text-yellow-5 {
  color: #ffee58 !important;
}

.text-yellow-6 {
  color: #ffeb3b !important;
}

.text-yellow-7 {
  color: #fdd835 !important;
}

.text-yellow-8 {
  color: #fbc02d !important;
}

.text-yellow-9 {
  color: #f9a825 !important;
}

.text-yellow-10 {
  color: #f57f17 !important;
}

.text-yellow-11 {
  color: #ffff8d !important;
}

.text-yellow-12 {
  color: #ff0 !important;
}

.text-yellow-13 {
  color: #ffea00 !important;
}

.text-yellow-14 {
  color: #ffd600 !important;
}

.text-amber {
  color: #ffc107 !important;
}

.text-amber-1 {
  color: #fff8e1 !important;
}

.text-amber-2 {
  color: #ffecb3 !important;
}

.text-amber-3 {
  color: #ffe082 !important;
}

.text-amber-4 {
  color: #ffd54f !important;
}

.text-amber-5 {
  color: #ffca28 !important;
}

.text-amber-6 {
  color: #ffc107 !important;
}

.text-amber-7 {
  color: #ffb300 !important;
}

.text-amber-8 {
  color: #ffa000 !important;
}

.text-amber-9 {
  color: #ff8f00 !important;
}

.text-amber-10 {
  color: #ff6f00 !important;
}

.text-amber-11 {
  color: #ffe57f !important;
}

.text-amber-12 {
  color: #ffd740 !important;
}

.text-amber-13 {
  color: #ffc400 !important;
}

.text-amber-14 {
  color: #ffab00 !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-orange-1 {
  color: #fff3e0 !important;
}

.text-orange-2 {
  color: #ffe0b2 !important;
}

.text-orange-3 {
  color: #ffcc80 !important;
}

.text-orange-4 {
  color: #ffb74d !important;
}

.text-orange-5 {
  color: #ffa726 !important;
}

.text-orange-6 {
  color: #ff9800 !important;
}

.text-orange-7 {
  color: #fb8c00 !important;
}

.text-orange-8 {
  color: #f57c00 !important;
}

.text-orange-9 {
  color: #ef6c00 !important;
}

.text-orange-10 {
  color: #e65100 !important;
}

.text-orange-11 {
  color: #ffd180 !important;
}

.text-orange-12 {
  color: #ffab40 !important;
}

.text-orange-13 {
  color: #ff9100 !important;
}

.text-orange-14 {
  color: #ff6d00 !important;
}

.text-deep-orange {
  color: #ff5722 !important;
}

.text-deep-orange-1 {
  color: #fbe9e7 !important;
}

.text-deep-orange-2 {
  color: #ffccbc !important;
}

.text-deep-orange-3 {
  color: #ffab91 !important;
}

.text-deep-orange-4 {
  color: #ff8a65 !important;
}

.text-deep-orange-5 {
  color: #ff7043 !important;
}

.text-deep-orange-6 {
  color: #ff5722 !important;
}

.text-deep-orange-7 {
  color: #f4511e !important;
}

.text-deep-orange-8 {
  color: #e64a19 !important;
}

.text-deep-orange-9 {
  color: #d84315 !important;
}

.text-deep-orange-10 {
  color: #bf360c !important;
}

.text-deep-orange-11 {
  color: #ff9e80 !important;
}

.text-deep-orange-12 {
  color: #ff6e40 !important;
}

.text-deep-orange-13 {
  color: #ff3d00 !important;
}

.text-deep-orange-14 {
  color: #dd2c00 !important;
}

.text-brown {
  color: #795548 !important;
}

.text-brown-1 {
  color: #efebe9 !important;
}

.text-brown-2 {
  color: #d7ccc8 !important;
}

.text-brown-3 {
  color: #bcaaa4 !important;
}

.text-brown-4 {
  color: #a1887f !important;
}

.text-brown-5 {
  color: #8d6e63 !important;
}

.text-brown-6 {
  color: #795548 !important;
}

.text-brown-7 {
  color: #6d4c41 !important;
}

.text-brown-8 {
  color: #5d4037 !important;
}

.text-brown-9 {
  color: #4e342e !important;
}

.text-brown-10 {
  color: #3e2723 !important;
}

.text-brown-11 {
  color: #d7ccc8 !important;
}

.text-brown-12 {
  color: #bcaaa4 !important;
}

.text-brown-13 {
  color: #8d6e63 !important;
}

.text-brown-14 {
  color: #5d4037 !important;
}

.text-grey {
  color: #9e9e9e !important;
}

.text-grey-1 {
  color: #fafafa !important;
}

.text-grey-2 {
  color: #f5f5f5 !important;
}

.text-grey-3 {
  color: #eee !important;
}

.text-grey-4 {
  color: #e0e0e0 !important;
}

.text-grey-5 {
  color: #bdbdbd !important;
}

.text-grey-6 {
  color: #9e9e9e !important;
}

.text-grey-7 {
  color: #757575 !important;
}

.text-grey-8 {
  color: #616161 !important;
}

.text-grey-9 {
  color: #424242 !important;
}

.text-grey-10 {
  color: #212121 !important;
}

.text-grey-11 {
  color: #f5f5f5 !important;
}

.text-grey-12 {
  color: #eee !important;
}

.text-grey-13 {
  color: #bdbdbd !important;
}

.text-grey-14 {
  color: #616161 !important;
}

.text-blue-grey {
  color: #607d8b !important;
}

.text-blue-grey-1 {
  color: #eceff1 !important;
}

.text-blue-grey-2 {
  color: #cfd8dc !important;
}

.text-blue-grey-3 {
  color: #b0bec5 !important;
}

.text-blue-grey-4 {
  color: #90a4ae !important;
}

.text-blue-grey-5 {
  color: #78909c !important;
}

.text-blue-grey-6 {
  color: #607d8b !important;
}

.text-blue-grey-7 {
  color: #546e7a !important;
}

.text-blue-grey-8 {
  color: #455a64 !important;
}

.text-blue-grey-9 {
  color: #37474f !important;
}

.text-blue-grey-10 {
  color: #263238 !important;
}

.text-blue-grey-11 {
  color: #cfd8dc !important;
}

.text-blue-grey-12 {
  color: #b0bec5 !important;
}

.text-blue-grey-13 {
  color: #78909c !important;
}

.text-blue-grey-14 {
  color: #455a64 !important;
}

.bg-red {
  background: #f44336 !important;
}

.bg-red-1 {
  background: #ffebee !important;
}

.bg-red-2 {
  background: #ffcdd2 !important;
}

.bg-red-3 {
  background: #ef9a9a !important;
}

.bg-red-4 {
  background: #e57373 !important;
}

.bg-red-5 {
  background: #ef5350 !important;
}

.bg-red-6 {
  background: #f44336 !important;
}

.bg-red-7 {
  background: #e53935 !important;
}

.bg-red-8 {
  background: #d32f2f !important;
}

.bg-red-9 {
  background: #c62828 !important;
}

.bg-red-10 {
  background: #b71c1c !important;
}

.bg-red-11 {
  background: #ff8a80 !important;
}

.bg-red-12 {
  background: #ff5252 !important;
}

.bg-red-13 {
  background: #ff1744 !important;
}

.bg-red-14 {
  background: #d50000 !important;
}

.bg-pink {
  background: #e91e63 !important;
}

.bg-pink-1 {
  background: #fce4ec !important;
}

.bg-pink-2 {
  background: #f8bbd0 !important;
}

.bg-pink-3 {
  background: #f48fb1 !important;
}

.bg-pink-4 {
  background: #f06292 !important;
}

.bg-pink-5 {
  background: #ec407a !important;
}

.bg-pink-6 {
  background: #e91e63 !important;
}

.bg-pink-7 {
  background: #d81b60 !important;
}

.bg-pink-8 {
  background: #c2185b !important;
}

.bg-pink-9 {
  background: #ad1457 !important;
}

.bg-pink-10 {
  background: #880e4f !important;
}

.bg-pink-11 {
  background: #ff80ab !important;
}

.bg-pink-12 {
  background: #ff4081 !important;
}

.bg-pink-13 {
  background: #f50057 !important;
}

.bg-pink-14 {
  background: #c51162 !important;
}

.bg-purple {
  background: #9c27b0 !important;
}

.bg-purple-1 {
  background: #f3e5f5 !important;
}

.bg-purple-2 {
  background: #e1bee7 !important;
}

.bg-purple-3 {
  background: #ce93d8 !important;
}

.bg-purple-4 {
  background: #ba68c8 !important;
}

.bg-purple-5 {
  background: #ab47bc !important;
}

.bg-purple-6 {
  background: #9c27b0 !important;
}

.bg-purple-7 {
  background: #8e24aa !important;
}

.bg-purple-8 {
  background: #7b1fa2 !important;
}

.bg-purple-9 {
  background: #6a1b9a !important;
}

.bg-purple-10 {
  background: #4a148c !important;
}

.bg-purple-11 {
  background: #ea80fc !important;
}

.bg-purple-12 {
  background: #e040fb !important;
}

.bg-purple-13 {
  background: #d500f9 !important;
}

.bg-purple-14 {
  background: #a0f !important;
}

.bg-deep-purple {
  background: #673ab7 !important;
}

.bg-deep-purple-1 {
  background: #ede7f6 !important;
}

.bg-deep-purple-2 {
  background: #d1c4e9 !important;
}

.bg-deep-purple-3 {
  background: #b39ddb !important;
}

.bg-deep-purple-4 {
  background: #9575cd !important;
}

.bg-deep-purple-5 {
  background: #7e57c2 !important;
}

.bg-deep-purple-6 {
  background: #673ab7 !important;
}

.bg-deep-purple-7 {
  background: #5e35b1 !important;
}

.bg-deep-purple-8 {
  background: #512da8 !important;
}

.bg-deep-purple-9 {
  background: #4527a0 !important;
}

.bg-deep-purple-10 {
  background: #311b92 !important;
}

.bg-deep-purple-11 {
  background: #b388ff !important;
}

.bg-deep-purple-12 {
  background: #7c4dff !important;
}

.bg-deep-purple-13 {
  background: #651fff !important;
}

.bg-deep-purple-14 {
  background: #6200ea !important;
}

.bg-indigo {
  background: #3f51b5 !important;
}

.bg-indigo-1 {
  background: #e8eaf6 !important;
}

.bg-indigo-2 {
  background: #c5cae9 !important;
}

.bg-indigo-3 {
  background: #9fa8da !important;
}

.bg-indigo-4 {
  background: #7986cb !important;
}

.bg-indigo-5 {
  background: #5c6bc0 !important;
}

.bg-indigo-6 {
  background: #3f51b5 !important;
}

.bg-indigo-7 {
  background: #3949ab !important;
}

.bg-indigo-8 {
  background: #303f9f !important;
}

.bg-indigo-9 {
  background: #283593 !important;
}

.bg-indigo-10 {
  background: #1a237e !important;
}

.bg-indigo-11 {
  background: #8c9eff !important;
}

.bg-indigo-12 {
  background: #536dfe !important;
}

.bg-indigo-13 {
  background: #3d5afe !important;
}

.bg-indigo-14 {
  background: #304ffe !important;
}

.bg-blue {
  background: #2196f3 !important;
}

.bg-blue-1 {
  background: #e3f2fd !important;
}

.bg-blue-2 {
  background: #bbdefb !important;
}

.bg-blue-3 {
  background: #90caf9 !important;
}

.bg-blue-4 {
  background: #64b5f6 !important;
}

.bg-blue-5 {
  background: #42a5f5 !important;
}

.bg-blue-6 {
  background: #2196f3 !important;
}

.bg-blue-7 {
  background: #1e88e5 !important;
}

.bg-blue-8 {
  background: #1976d2 !important;
}

.bg-blue-9 {
  background: #1565c0 !important;
}

.bg-blue-10 {
  background: #0d47a1 !important;
}

.bg-blue-11 {
  background: #82b1ff !important;
}

.bg-blue-12 {
  background: #448aff !important;
}

.bg-blue-13 {
  background: #2979ff !important;
}

.bg-blue-14 {
  background: #2962ff !important;
}

.bg-light-blue {
  background: #03a9f4 !important;
}

.bg-light-blue-1 {
  background: #e1f5fe !important;
}

.bg-light-blue-2 {
  background: #b3e5fc !important;
}

.bg-light-blue-3 {
  background: #81d4fa !important;
}

.bg-light-blue-4 {
  background: #4fc3f7 !important;
}

.bg-light-blue-5 {
  background: #29b6f6 !important;
}

.bg-light-blue-6 {
  background: #03a9f4 !important;
}

.bg-light-blue-7 {
  background: #039be5 !important;
}

.bg-light-blue-8 {
  background: #0288d1 !important;
}

.bg-light-blue-9 {
  background: #0277bd !important;
}

.bg-light-blue-10 {
  background: #01579b !important;
}

.bg-light-blue-11 {
  background: #80d8ff !important;
}

.bg-light-blue-12 {
  background: #40c4ff !important;
}

.bg-light-blue-13 {
  background: #00b0ff !important;
}

.bg-light-blue-14 {
  background: #0091ea !important;
}

.bg-cyan {
  background: #00bcd4 !important;
}

.bg-cyan-1 {
  background: #e0f7fa !important;
}

.bg-cyan-2 {
  background: #b2ebf2 !important;
}

.bg-cyan-3 {
  background: #80deea !important;
}

.bg-cyan-4 {
  background: #4dd0e1 !important;
}

.bg-cyan-5 {
  background: #26c6da !important;
}

.bg-cyan-6 {
  background: #00bcd4 !important;
}

.bg-cyan-7 {
  background: #00acc1 !important;
}

.bg-cyan-8 {
  background: #0097a7 !important;
}

.bg-cyan-9 {
  background: #00838f !important;
}

.bg-cyan-10 {
  background: #006064 !important;
}

.bg-cyan-11 {
  background: #84ffff !important;
}

.bg-cyan-12 {
  background: #18ffff !important;
}

.bg-cyan-13 {
  background: #00e5ff !important;
}

.bg-cyan-14 {
  background: #00b8d4 !important;
}

.bg-teal {
  background: #009688 !important;
}

.bg-teal-1 {
  background: #e0f2f1 !important;
}

.bg-teal-2 {
  background: #b2dfdb !important;
}

.bg-teal-3 {
  background: #80cbc4 !important;
}

.bg-teal-4 {
  background: #4db6ac !important;
}

.bg-teal-5 {
  background: #26a69a !important;
}

.bg-teal-6 {
  background: #009688 !important;
}

.bg-teal-7 {
  background: #00897b !important;
}

.bg-teal-8 {
  background: #00796b !important;
}

.bg-teal-9 {
  background: #00695c !important;
}

.bg-teal-10 {
  background: #004d40 !important;
}

.bg-teal-11 {
  background: #a7ffeb !important;
}

.bg-teal-12 {
  background: #64ffda !important;
}

.bg-teal-13 {
  background: #1de9b6 !important;
}

.bg-teal-14 {
  background: #00bfa5 !important;
}

.bg-green {
  background: #4caf50 !important;
}

.bg-green-1 {
  background: #e8f5e9 !important;
}

.bg-green-2 {
  background: #c8e6c9 !important;
}

.bg-green-3 {
  background: #a5d6a7 !important;
}

.bg-green-4 {
  background: #81c784 !important;
}

.bg-green-5 {
  background: #66bb6a !important;
}

.bg-green-6 {
  background: #4caf50 !important;
}

.bg-green-7 {
  background: #43a047 !important;
}

.bg-green-8 {
  background: #388e3c !important;
}

.bg-green-9 {
  background: #2e7d32 !important;
}

.bg-green-10 {
  background: #1b5e20 !important;
}

.bg-green-11 {
  background: #b9f6ca !important;
}

.bg-green-12 {
  background: #69f0ae !important;
}

.bg-green-13 {
  background: #00e676 !important;
}

.bg-green-14 {
  background: #00c853 !important;
}

.bg-light-green {
  background: #8bc34a !important;
}

.bg-light-green-1 {
  background: #f1f8e9 !important;
}

.bg-light-green-2 {
  background: #dcedc8 !important;
}

.bg-light-green-3 {
  background: #c5e1a5 !important;
}

.bg-light-green-4 {
  background: #aed581 !important;
}

.bg-light-green-5 {
  background: #9ccc65 !important;
}

.bg-light-green-6 {
  background: #8bc34a !important;
}

.bg-light-green-7 {
  background: #7cb342 !important;
}

.bg-light-green-8 {
  background: #689f38 !important;
}

.bg-light-green-9 {
  background: #558b2f !important;
}

.bg-light-green-10 {
  background: #33691e !important;
}

.bg-light-green-11 {
  background: #ccff90 !important;
}

.bg-light-green-12 {
  background: #b2ff59 !important;
}

.bg-light-green-13 {
  background: #76ff03 !important;
}

.bg-light-green-14 {
  background: #64dd17 !important;
}

.bg-lime {
  background: #cddc39 !important;
}

.bg-lime-1 {
  background: #f9fbe7 !important;
}

.bg-lime-2 {
  background: #f0f4c3 !important;
}

.bg-lime-3 {
  background: #e6ee9c !important;
}

.bg-lime-4 {
  background: #dce775 !important;
}

.bg-lime-5 {
  background: #d4e157 !important;
}

.bg-lime-6 {
  background: #cddc39 !important;
}

.bg-lime-7 {
  background: #c0ca33 !important;
}

.bg-lime-8 {
  background: #afb42b !important;
}

.bg-lime-9 {
  background: #9e9d24 !important;
}

.bg-lime-10 {
  background: #827717 !important;
}

.bg-lime-11 {
  background: #f4ff81 !important;
}

.bg-lime-12 {
  background: #eeff41 !important;
}

.bg-lime-13 {
  background: #c6ff00 !important;
}

.bg-lime-14 {
  background: #aeea00 !important;
}

.bg-yellow {
  background: #ffeb3b !important;
}

.bg-yellow-1 {
  background: #fffde7 !important;
}

.bg-yellow-2 {
  background: #fff9c4 !important;
}

.bg-yellow-3 {
  background: #fff59d !important;
}

.bg-yellow-4 {
  background: #fff176 !important;
}

.bg-yellow-5 {
  background: #ffee58 !important;
}

.bg-yellow-6 {
  background: #ffeb3b !important;
}

.bg-yellow-7 {
  background: #fdd835 !important;
}

.bg-yellow-8 {
  background: #fbc02d !important;
}

.bg-yellow-9 {
  background: #f9a825 !important;
}

.bg-yellow-10 {
  background: #f57f17 !important;
}

.bg-yellow-11 {
  background: #ffff8d !important;
}

.bg-yellow-12 {
  background: #ff0 !important;
}

.bg-yellow-13 {
  background: #ffea00 !important;
}

.bg-yellow-14 {
  background: #ffd600 !important;
}

.bg-amber {
  background: #ffc107 !important;
}

.bg-amber-1 {
  background: #fff8e1 !important;
}

.bg-amber-2 {
  background: #ffecb3 !important;
}

.bg-amber-3 {
  background: #ffe082 !important;
}

.bg-amber-4 {
  background: #ffd54f !important;
}

.bg-amber-5 {
  background: #ffca28 !important;
}

.bg-amber-6 {
  background: #ffc107 !important;
}

.bg-amber-7 {
  background: #ffb300 !important;
}

.bg-amber-8 {
  background: #ffa000 !important;
}

.bg-amber-9 {
  background: #ff8f00 !important;
}

.bg-amber-10 {
  background: #ff6f00 !important;
}

.bg-amber-11 {
  background: #ffe57f !important;
}

.bg-amber-12 {
  background: #ffd740 !important;
}

.bg-amber-13 {
  background: #ffc400 !important;
}

.bg-amber-14 {
  background: #ffab00 !important;
}

.bg-orange {
  background: #ff9800 !important;
}

.bg-orange-1 {
  background: #fff3e0 !important;
}

.bg-orange-2 {
  background: #ffe0b2 !important;
}

.bg-orange-3 {
  background: #ffcc80 !important;
}

.bg-orange-4 {
  background: #ffb74d !important;
}

.bg-orange-5 {
  background: #ffa726 !important;
}

.bg-orange-6 {
  background: #ff9800 !important;
}

.bg-orange-7 {
  background: #fb8c00 !important;
}

.bg-orange-8 {
  background: #f57c00 !important;
}

.bg-orange-9 {
  background: #ef6c00 !important;
}

.bg-orange-10 {
  background: #e65100 !important;
}

.bg-orange-11 {
  background: #ffd180 !important;
}

.bg-orange-12 {
  background: #ffab40 !important;
}

.bg-orange-13 {
  background: #ff9100 !important;
}

.bg-orange-14 {
  background: #ff6d00 !important;
}

.bg-deep-orange {
  background: #ff5722 !important;
}

.bg-deep-orange-1 {
  background: #fbe9e7 !important;
}

.bg-deep-orange-2 {
  background: #ffccbc !important;
}

.bg-deep-orange-3 {
  background: #ffab91 !important;
}

.bg-deep-orange-4 {
  background: #ff8a65 !important;
}

.bg-deep-orange-5 {
  background: #ff7043 !important;
}

.bg-deep-orange-6 {
  background: #ff5722 !important;
}

.bg-deep-orange-7 {
  background: #f4511e !important;
}

.bg-deep-orange-8 {
  background: #e64a19 !important;
}

.bg-deep-orange-9 {
  background: #d84315 !important;
}

.bg-deep-orange-10 {
  background: #bf360c !important;
}

.bg-deep-orange-11 {
  background: #ff9e80 !important;
}

.bg-deep-orange-12 {
  background: #ff6e40 !important;
}

.bg-deep-orange-13 {
  background: #ff3d00 !important;
}

.bg-deep-orange-14 {
  background: #dd2c00 !important;
}

.bg-brown {
  background: #795548 !important;
}

.bg-brown-1 {
  background: #efebe9 !important;
}

.bg-brown-2 {
  background: #d7ccc8 !important;
}

.bg-brown-3 {
  background: #bcaaa4 !important;
}

.bg-brown-4 {
  background: #a1887f !important;
}

.bg-brown-5 {
  background: #8d6e63 !important;
}

.bg-brown-6 {
  background: #795548 !important;
}

.bg-brown-7 {
  background: #6d4c41 !important;
}

.bg-brown-8 {
  background: #5d4037 !important;
}

.bg-brown-9 {
  background: #4e342e !important;
}

.bg-brown-10 {
  background: #3e2723 !important;
}

.bg-brown-11 {
  background: #d7ccc8 !important;
}

.bg-brown-12 {
  background: #bcaaa4 !important;
}

.bg-brown-13 {
  background: #8d6e63 !important;
}

.bg-brown-14 {
  background: #5d4037 !important;
}

.bg-grey {
  background: #9e9e9e !important;
}

.bg-grey-1 {
  background: #fafafa !important;
}

.bg-grey-2 {
  background: #f5f5f5 !important;
}

.bg-grey-3 {
  background: #eee !important;
}

.bg-grey-4 {
  background: #e0e0e0 !important;
}

.bg-grey-5 {
  background: #bdbdbd !important;
}

.bg-grey-6 {
  background: #9e9e9e !important;
}

.bg-grey-7 {
  background: #757575 !important;
}

.bg-grey-8 {
  background: #616161 !important;
}

.bg-grey-9 {
  background: #424242 !important;
}

.bg-grey-10 {
  background: #212121 !important;
}

.bg-grey-11 {
  background: #f5f5f5 !important;
}

.bg-grey-12 {
  background: #eee !important;
}

.bg-grey-13 {
  background: #bdbdbd !important;
}

.bg-grey-14 {
  background: #616161 !important;
}

.bg-blue-grey {
  background: #607d8b !important;
}

.bg-blue-grey-1 {
  background: #eceff1 !important;
}

.bg-blue-grey-2 {
  background: #cfd8dc !important;
}

.bg-blue-grey-3 {
  background: #b0bec5 !important;
}

.bg-blue-grey-4 {
  background: #90a4ae !important;
}

.bg-blue-grey-5 {
  background: #78909c !important;
}

.bg-blue-grey-6 {
  background: #607d8b !important;
}

.bg-blue-grey-7 {
  background: #546e7a !important;
}

.bg-blue-grey-8 {
  background: #455a64 !important;
}

.bg-blue-grey-9 {
  background: #37474f !important;
}

.bg-blue-grey-10 {
  background: #263238 !important;
}

.bg-blue-grey-11 {
  background: #cfd8dc !important;
}

.bg-blue-grey-12 {
  background: #b0bec5 !important;
}

.bg-blue-grey-13 {
  background: #78909c !important;
}

.bg-blue-grey-14 {
  background: #455a64 !important;
}

.shadow-transition {
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1) !important;
}

.shadow-1 {
  box-shadow: 0 1px 3px #0003, 0 1px 1px #00000024, 0 2px 1px -1px #0000001f;
}

.shadow-up-1 {
  box-shadow: 0 -1px 3px #0003, 0 -1px 1px #00000024, 0 -2px 1px -1px #0000001f;
}

.shadow-2 {
  box-shadow: 0 1px 5px #0003, 0 2px 2px #00000024, 0 3px 1px -2px #0000001f;
}

.shadow-up-2 {
  box-shadow: 0 -1px 5px #0003, 0 -2px 2px #00000024, 0 -3px 1px -2px #0000001f;
}

.shadow-3 {
  box-shadow: 0 1px 8px #0003, 0 3px 4px #00000024, 0 3px 3px -2px #0000001f;
}

.shadow-up-3 {
  box-shadow: 0 -1px 8px #0003, 0 -3px 4px #00000024, 0 -3px 3px -2px #0000001f;
}

.shadow-4 {
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
}

.shadow-up-4 {
  box-shadow: 0 -2px 4px -1px #0003, 0 -4px 5px #00000024, 0 -1px 10px #0000001f;
}

.shadow-5 {
  box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f;
}

.shadow-up-5 {
  box-shadow: 0 -3px 5px -1px #0003, 0 -5px 8px #00000024, 0 -1px 14px #0000001f;
}

.shadow-6 {
  box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
}

.shadow-up-6 {
  box-shadow: 0 -3px 5px -1px #0003, 0 -6px 10px #00000024, 0 -1px 18px #0000001f;
}

.shadow-7 {
  box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f;
}

.shadow-up-7 {
  box-shadow: 0 -4px 5px -2px #0003, 0 -7px 10px 1px #00000024, 0 -2px 16px 1px #0000001f;
}

.shadow-8 {
  box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
}

.shadow-up-8 {
  box-shadow: 0 -5px 5px -3px #0003, 0 -8px 10px 1px #00000024, 0 -3px 14px 2px #0000001f;
}

.shadow-9 {
  box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f;
}

.shadow-up-9 {
  box-shadow: 0 -5px 6px -3px #0003, 0 -9px 12px 1px #00000024, 0 -3px 16px 2px #0000001f;
}

.shadow-10 {
  box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f;
}

.shadow-up-10 {
  box-shadow: 0 -6px 6px -3px #0003, 0 -10px 14px 1px #00000024, 0 -4px 18px 3px #0000001f;
}

.shadow-11 {
  box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f;
}

.shadow-up-11 {
  box-shadow: 0 -6px 7px -4px #0003, 0 -11px 15px 1px #00000024, 0 -4px 20px 3px #0000001f;
}

.shadow-12 {
  box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f;
}

.shadow-up-12 {
  box-shadow: 0 -7px 8px -4px #0003, 0 -12px 17px 2px #00000024, 0 -5px 22px 4px #0000001f;
}

.shadow-13 {
  box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f;
}

.shadow-up-13 {
  box-shadow: 0 -7px 8px -4px #0003, 0 -13px 19px 2px #00000024, 0 -5px 24px 4px #0000001f;
}

.shadow-14 {
  box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f;
}

.shadow-up-14 {
  box-shadow: 0 -7px 9px -4px #0003, 0 -14px 21px 2px #00000024, 0 -5px 26px 4px #0000001f;
}

.shadow-15 {
  box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f;
}

.shadow-up-15 {
  box-shadow: 0 -8px 9px -5px #0003, 0 -15px 22px 2px #00000024, 0 -6px 28px 5px #0000001f;
}

.shadow-16 {
  box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
}

.shadow-up-16 {
  box-shadow: 0 -8px 10px -5px #0003, 0 -16px 24px 2px #00000024, 0 -6px 30px 5px #0000001f;
}

.shadow-17 {
  box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f;
}

.shadow-up-17 {
  box-shadow: 0 -8px 11px -5px #0003, 0 -17px 26px 2px #00000024, 0 -6px 32px 5px #0000001f;
}

.shadow-18 {
  box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f;
}

.shadow-up-18 {
  box-shadow: 0 -9px 11px -5px #0003, 0 -18px 28px 2px #00000024, 0 -7px 34px 6px #0000001f;
}

.shadow-19 {
  box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f;
}

.shadow-up-19 {
  box-shadow: 0 -9px 12px -6px #0003, 0 -19px 29px 2px #00000024, 0 -7px 36px 6px #0000001f;
}

.shadow-20 {
  box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f;
}

.shadow-up-20 {
  box-shadow: 0 -10px 13px -6px #0003, 0 -20px 31px 3px #00000024, 0 -8px 38px 7px #0000001f;
}

.shadow-21 {
  box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f;
}

.shadow-up-21 {
  box-shadow: 0 -10px 13px -6px #0003, 0 -21px 33px 3px #00000024, 0 -8px 40px 7px #0000001f;
}

.shadow-22 {
  box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f;
}

.shadow-up-22 {
  box-shadow: 0 -10px 14px -6px #0003, 0 -22px 35px 3px #00000024, 0 -8px 42px 7px #0000001f;
}

.shadow-23 {
  box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f;
}

.shadow-up-23 {
  box-shadow: 0 -11px 14px -7px #0003, 0 -23px 36px 3px #00000024, 0 -9px 44px 8px #0000001f;
}

.shadow-24 {
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
}

.shadow-up-24 {
  box-shadow: 0 -11px 15px -7px #0003, 0 -24px 38px 3px #00000024, 0 -9px 46px 8px #0000001f;
}

.no-shadow, .shadow-0 {
  box-shadow: none !important;
}

.inset-shadow {
  box-shadow: inset 0 7px 9px -7px #000000b3 !important;
}

.inset-shadow-down {
  box-shadow: inset 0 -7px 9px -7px #000000b3 !important;
}

.z-marginals {
  z-index: 2000;
}

.z-notify {
  z-index: 9500;
}

.z-fullscreen {
  z-index: 6000;
}

.z-inherit {
  z-index: inherit !important;
}

.row, .column, .flex {
  display: -webkit-flex;
  display: flex;
}

.row.inline, .column.inline, .flex.inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.row.reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.column {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.column.reverse {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

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

.no-wrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.reverse-wrap {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.order-first {
  -webkit-order: -10000;
  order: -10000;
}

.order-last {
  -webkit-order: 10000;
  order: 10000;
}

.order-none {
  -webkit-order: 0;
  order: 0;
}

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

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

.justify-center, .flex-center {
  justify-content: center;
}

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

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

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

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

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

.items-center, .flex-center {
  align-items: center;
}

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

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

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

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

.content-stretch {
  align-content: stretch;
}

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

.content-around {
  align-content: space-around;
}

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

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

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

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

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

.q-gutter-x-none, .q-gutter-none, .q-gutter-x-none > *, .q-gutter-none > * {
  margin-left: 0;
}

.q-gutter-y-none, .q-gutter-none, .q-gutter-y-none > *, .q-gutter-none > * {
  margin-top: 0;
}

.q-col-gutter-x-none, .q-col-gutter-none {
  margin-left: 0;
}

.q-col-gutter-x-none > *, .q-col-gutter-none > * {
  padding-left: 0;
}

.q-col-gutter-y-none, .q-col-gutter-none {
  margin-top: 0;
}

.q-col-gutter-y-none > *, .q-col-gutter-none > * {
  padding-top: 0;
}

.q-gutter-x-xs, .q-gutter-xs {
  margin-left: -4px;
}

.q-gutter-x-xs > *, .q-gutter-xs > * {
  margin-left: 4px;
}

.q-gutter-y-xs, .q-gutter-xs {
  margin-top: -4px;
}

.q-gutter-y-xs > *, .q-gutter-xs > * {
  margin-top: 4px;
}

.q-col-gutter-x-xs, .q-col-gutter-xs {
  margin-left: -4px;
}

.q-col-gutter-x-xs > *, .q-col-gutter-xs > * {
  padding-left: 4px;
}

.q-col-gutter-y-xs, .q-col-gutter-xs {
  margin-top: -4px;
}

.q-col-gutter-y-xs > *, .q-col-gutter-xs > * {
  padding-top: 4px;
}

.q-gutter-x-sm, .q-gutter-sm {
  margin-left: -8px;
}

.q-gutter-x-sm > *, .q-gutter-sm > * {
  margin-left: 8px;
}

.q-gutter-y-sm, .q-gutter-sm {
  margin-top: -8px;
}

.q-gutter-y-sm > *, .q-gutter-sm > * {
  margin-top: 8px;
}

.q-col-gutter-x-sm, .q-col-gutter-sm {
  margin-left: -8px;
}

.q-col-gutter-x-sm > *, .q-col-gutter-sm > * {
  padding-left: 8px;
}

.q-col-gutter-y-sm, .q-col-gutter-sm {
  margin-top: -8px;
}

.q-col-gutter-y-sm > *, .q-col-gutter-sm > * {
  padding-top: 8px;
}

.q-gutter-x-md, .q-gutter-md {
  margin-left: -16px;
}

.q-gutter-x-md > *, .q-gutter-md > * {
  margin-left: 16px;
}

.q-gutter-y-md, .q-gutter-md {
  margin-top: -16px;
}

.q-gutter-y-md > *, .q-gutter-md > * {
  margin-top: 16px;
}

.q-col-gutter-x-md, .q-col-gutter-md {
  margin-left: -16px;
}

.q-col-gutter-x-md > *, .q-col-gutter-md > * {
  padding-left: 16px;
}

.q-col-gutter-y-md, .q-col-gutter-md {
  margin-top: -16px;
}

.q-col-gutter-y-md > *, .q-col-gutter-md > * {
  padding-top: 16px;
}

.q-gutter-x-lg, .q-gutter-lg {
  margin-left: -24px;
}

.q-gutter-x-lg > *, .q-gutter-lg > * {
  margin-left: 24px;
}

.q-gutter-y-lg, .q-gutter-lg {
  margin-top: -24px;
}

.q-gutter-y-lg > *, .q-gutter-lg > * {
  margin-top: 24px;
}

.q-col-gutter-x-lg, .q-col-gutter-lg {
  margin-left: -24px;
}

.q-col-gutter-x-lg > *, .q-col-gutter-lg > * {
  padding-left: 24px;
}

.q-col-gutter-y-lg, .q-col-gutter-lg {
  margin-top: -24px;
}

.q-col-gutter-y-lg > *, .q-col-gutter-lg > * {
  padding-top: 24px;
}

.q-gutter-x-xl, .q-gutter-xl {
  margin-left: -48px;
}

.q-gutter-x-xl > *, .q-gutter-xl > * {
  margin-left: 48px;
}

.q-gutter-y-xl, .q-gutter-xl {
  margin-top: -48px;
}

.q-gutter-y-xl > *, .q-gutter-xl > * {
  margin-top: 48px;
}

.q-col-gutter-x-xl, .q-col-gutter-xl {
  margin-left: -48px;
}

.q-col-gutter-x-xl > *, .q-col-gutter-xl > * {
  padding-left: 48px;
}

.q-col-gutter-y-xl, .q-col-gutter-xl {
  margin-top: -48px;
}

.q-col-gutter-y-xl > *, .q-col-gutter-xl > * {
  padding-top: 48px;
}

@media (width >= 0) {
  .row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-12, .row > .col-xs-12, .row > .col-11, .row > .col-xs-11, .row > .col-10, .row > .col-xs-10, .row > .col-9, .row > .col-xs-9, .row > .col-8, .row > .col-xs-8, .row > .col-7, .row > .col-xs-7, .row > .col-6, .row > .col-xs-6, .row > .col-5, .row > .col-xs-5, .row > .col-4, .row > .col-xs-4, .row > .col-3, .row > .col-xs-3, .row > .col-2, .row > .col-xs-2, .row > .col-1, .row > .col-xs-1, .row > .col-0, .row > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-12, .column > .col-xs-12, .column > .col-11, .column > .col-xs-11, .column > .col-10, .column > .col-xs-10, .column > .col-9, .column > .col-xs-9, .column > .col-8, .column > .col-xs-8, .column > .col-7, .column > .col-xs-7, .column > .col-6, .column > .col-xs-6, .column > .col-5, .column > .col-xs-5, .column > .col-4, .column > .col-xs-4, .column > .col-3, .column > .col-xs-3, .column > .col-2, .column > .col-xs-2, .column > .col-1, .column > .col-xs-1, .column > .col-0, .column > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col, .col-xs {
    -webkit-flex: 10000;
    flex: 10000;
  }

  .col-auto, .col-xs-auto, .col-12, .col-xs-12, .col-11, .col-xs-11, .col-10, .col-xs-10, .col-9, .col-xs-9, .col-8, .col-xs-8, .col-7, .col-xs-7, .col-6, .col-xs-6, .col-5, .col-xs-5, .col-4, .col-xs-4, .col-3, .col-xs-3, .col-2, .col-xs-2, .col-1, .col-xs-1, .col-0, .col-xs-0 {
    -webkit-flex: none;
    flex: none;
  }

  .col-grow, .col-xs-grow {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .col-shrink, .col-xs-shrink {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }

  .row > .col-0, .row > .col-xs-0 {
    width: 0%;
    height: auto;
  }

  .row > .offset-0, .row > .offset-xs-0 {
    margin-left: 0%;
  }

  .column > .col-0, .column > .col-xs-0 {
    width: auto;
    height: 0%;
  }

  .row > .col-1, .row > .col-xs-1 {
    width: 8.3333%;
    height: auto;
  }

  .row > .offset-1, .row > .offset-xs-1 {
    margin-left: 8.3333%;
  }

  .column > .col-1, .column > .col-xs-1 {
    width: auto;
    height: 8.3333%;
  }

  .row > .col-2, .row > .col-xs-2 {
    width: 16.6667%;
    height: auto;
  }

  .row > .offset-2, .row > .offset-xs-2 {
    margin-left: 16.6667%;
  }

  .column > .col-2, .column > .col-xs-2 {
    width: auto;
    height: 16.6667%;
  }

  .row > .col-3, .row > .col-xs-3 {
    width: 25%;
    height: auto;
  }

  .row > .offset-3, .row > .offset-xs-3 {
    margin-left: 25%;
  }

  .column > .col-3, .column > .col-xs-3 {
    width: auto;
    height: 25%;
  }

  .row > .col-4, .row > .col-xs-4 {
    width: 33.3333%;
    height: auto;
  }

  .row > .offset-4, .row > .offset-xs-4 {
    margin-left: 33.3333%;
  }

  .column > .col-4, .column > .col-xs-4 {
    width: auto;
    height: 33.3333%;
  }

  .row > .col-5, .row > .col-xs-5 {
    width: 41.6667%;
    height: auto;
  }

  .row > .offset-5, .row > .offset-xs-5 {
    margin-left: 41.6667%;
  }

  .column > .col-5, .column > .col-xs-5 {
    width: auto;
    height: 41.6667%;
  }

  .row > .col-6, .row > .col-xs-6 {
    width: 50%;
    height: auto;
  }

  .row > .offset-6, .row > .offset-xs-6 {
    margin-left: 50%;
  }

  .column > .col-6, .column > .col-xs-6 {
    width: auto;
    height: 50%;
  }

  .row > .col-7, .row > .col-xs-7 {
    width: 58.3333%;
    height: auto;
  }

  .row > .offset-7, .row > .offset-xs-7 {
    margin-left: 58.3333%;
  }

  .column > .col-7, .column > .col-xs-7 {
    width: auto;
    height: 58.3333%;
  }

  .row > .col-8, .row > .col-xs-8 {
    width: 66.6667%;
    height: auto;
  }

  .row > .offset-8, .row > .offset-xs-8 {
    margin-left: 66.6667%;
  }

  .column > .col-8, .column > .col-xs-8 {
    width: auto;
    height: 66.6667%;
  }

  .row > .col-9, .row > .col-xs-9 {
    width: 75%;
    height: auto;
  }

  .row > .offset-9, .row > .offset-xs-9 {
    margin-left: 75%;
  }

  .column > .col-9, .column > .col-xs-9 {
    width: auto;
    height: 75%;
  }

  .row > .col-10, .row > .col-xs-10 {
    width: 83.3333%;
    height: auto;
  }

  .row > .offset-10, .row > .offset-xs-10 {
    margin-left: 83.3333%;
  }

  .column > .col-10, .column > .col-xs-10 {
    width: auto;
    height: 83.3333%;
  }

  .row > .col-11, .row > .col-xs-11 {
    width: 91.6667%;
    height: auto;
  }

  .row > .offset-11, .row > .offset-xs-11 {
    margin-left: 91.6667%;
  }

  .column > .col-11, .column > .col-xs-11 {
    width: auto;
    height: 91.6667%;
  }

  .row > .col-12, .row > .col-xs-12 {
    width: 100%;
    height: auto;
  }

  .row > .offset-12, .row > .offset-xs-12 {
    margin-left: 100%;
  }

  .column > .col-12, .column > .col-xs-12 {
    width: auto;
    height: 100%;
  }

  .row > .col-all {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    height: auto;
  }
}

@media (width >= 600px) {
  .row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-12, .row > .col-sm-11, .row > .col-sm-10, .row > .col-sm-9, .row > .col-sm-8, .row > .col-sm-7, .row > .col-sm-6, .row > .col-sm-5, .row > .col-sm-4, .row > .col-sm-3, .row > .col-sm-2, .row > .col-sm-1, .row > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-12, .column > .col-sm-11, .column > .col-sm-10, .column > .col-sm-9, .column > .col-sm-8, .column > .col-sm-7, .column > .col-sm-6, .column > .col-sm-5, .column > .col-sm-4, .column > .col-sm-3, .column > .col-sm-2, .column > .col-sm-1, .column > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-sm {
    -webkit-flex: 10000;
    flex: 10000;
  }

  .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-0 {
    -webkit-flex: none;
    flex: none;
  }

  .col-sm-grow {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .col-sm-shrink {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }

  .row > .col-sm-0 {
    width: 0%;
    height: auto;
  }

  .row > .offset-sm-0 {
    margin-left: 0%;
  }

  .column > .col-sm-0 {
    width: auto;
    height: 0%;
  }

  .row > .col-sm-1 {
    width: 8.3333%;
    height: auto;
  }

  .row > .offset-sm-1 {
    margin-left: 8.3333%;
  }

  .column > .col-sm-1 {
    width: auto;
    height: 8.3333%;
  }

  .row > .col-sm-2 {
    width: 16.6667%;
    height: auto;
  }

  .row > .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .column > .col-sm-2 {
    width: auto;
    height: 16.6667%;
  }

  .row > .col-sm-3 {
    width: 25%;
    height: auto;
  }

  .row > .offset-sm-3 {
    margin-left: 25%;
  }

  .column > .col-sm-3 {
    width: auto;
    height: 25%;
  }

  .row > .col-sm-4 {
    width: 33.3333%;
    height: auto;
  }

  .row > .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .column > .col-sm-4 {
    width: auto;
    height: 33.3333%;
  }

  .row > .col-sm-5 {
    width: 41.6667%;
    height: auto;
  }

  .row > .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .column > .col-sm-5 {
    width: auto;
    height: 41.6667%;
  }

  .row > .col-sm-6 {
    width: 50%;
    height: auto;
  }

  .row > .offset-sm-6 {
    margin-left: 50%;
  }

  .column > .col-sm-6 {
    width: auto;
    height: 50%;
  }

  .row > .col-sm-7 {
    width: 58.3333%;
    height: auto;
  }

  .row > .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .column > .col-sm-7 {
    width: auto;
    height: 58.3333%;
  }

  .row > .col-sm-8 {
    width: 66.6667%;
    height: auto;
  }

  .row > .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .column > .col-sm-8 {
    width: auto;
    height: 66.6667%;
  }

  .row > .col-sm-9 {
    width: 75%;
    height: auto;
  }

  .row > .offset-sm-9 {
    margin-left: 75%;
  }

  .column > .col-sm-9 {
    width: auto;
    height: 75%;
  }

  .row > .col-sm-10 {
    width: 83.3333%;
    height: auto;
  }

  .row > .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .column > .col-sm-10 {
    width: auto;
    height: 83.3333%;
  }

  .row > .col-sm-11 {
    width: 91.6667%;
    height: auto;
  }

  .row > .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .column > .col-sm-11 {
    width: auto;
    height: 91.6667%;
  }

  .row > .col-sm-12 {
    width: 100%;
    height: auto;
  }

  .row > .offset-sm-12 {
    margin-left: 100%;
  }

  .column > .col-sm-12 {
    width: auto;
    height: 100%;
  }
}

@media (width >= 1024px) {
  .row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-12, .row > .col-md-11, .row > .col-md-10, .row > .col-md-9, .row > .col-md-8, .row > .col-md-7, .row > .col-md-6, .row > .col-md-5, .row > .col-md-4, .row > .col-md-3, .row > .col-md-2, .row > .col-md-1, .row > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-12, .column > .col-md-11, .column > .col-md-10, .column > .col-md-9, .column > .col-md-8, .column > .col-md-7, .column > .col-md-6, .column > .col-md-5, .column > .col-md-4, .column > .col-md-3, .column > .col-md-2, .column > .col-md-1, .column > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-md {
    -webkit-flex: 10000;
    flex: 10000;
  }

  .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-0 {
    -webkit-flex: none;
    flex: none;
  }

  .col-md-grow {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .col-md-shrink {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }

  .row > .col-md-0 {
    width: 0%;
    height: auto;
  }

  .row > .offset-md-0 {
    margin-left: 0%;
  }

  .column > .col-md-0 {
    width: auto;
    height: 0%;
  }

  .row > .col-md-1 {
    width: 8.3333%;
    height: auto;
  }

  .row > .offset-md-1 {
    margin-left: 8.3333%;
  }

  .column > .col-md-1 {
    width: auto;
    height: 8.3333%;
  }

  .row > .col-md-2 {
    width: 16.6667%;
    height: auto;
  }

  .row > .offset-md-2 {
    margin-left: 16.6667%;
  }

  .column > .col-md-2 {
    width: auto;
    height: 16.6667%;
  }

  .row > .col-md-3 {
    width: 25%;
    height: auto;
  }

  .row > .offset-md-3 {
    margin-left: 25%;
  }

  .column > .col-md-3 {
    width: auto;
    height: 25%;
  }

  .row > .col-md-4 {
    width: 33.3333%;
    height: auto;
  }

  .row > .offset-md-4 {
    margin-left: 33.3333%;
  }

  .column > .col-md-4 {
    width: auto;
    height: 33.3333%;
  }

  .row > .col-md-5 {
    width: 41.6667%;
    height: auto;
  }

  .row > .offset-md-5 {
    margin-left: 41.6667%;
  }

  .column > .col-md-5 {
    width: auto;
    height: 41.6667%;
  }

  .row > .col-md-6 {
    width: 50%;
    height: auto;
  }

  .row > .offset-md-6 {
    margin-left: 50%;
  }

  .column > .col-md-6 {
    width: auto;
    height: 50%;
  }

  .row > .col-md-7 {
    width: 58.3333%;
    height: auto;
  }

  .row > .offset-md-7 {
    margin-left: 58.3333%;
  }

  .column > .col-md-7 {
    width: auto;
    height: 58.3333%;
  }

  .row > .col-md-8 {
    width: 66.6667%;
    height: auto;
  }

  .row > .offset-md-8 {
    margin-left: 66.6667%;
  }

  .column > .col-md-8 {
    width: auto;
    height: 66.6667%;
  }

  .row > .col-md-9 {
    width: 75%;
    height: auto;
  }

  .row > .offset-md-9 {
    margin-left: 75%;
  }

  .column > .col-md-9 {
    width: auto;
    height: 75%;
  }

  .row > .col-md-10 {
    width: 83.3333%;
    height: auto;
  }

  .row > .offset-md-10 {
    margin-left: 83.3333%;
  }

  .column > .col-md-10 {
    width: auto;
    height: 83.3333%;
  }

  .row > .col-md-11 {
    width: 91.6667%;
    height: auto;
  }

  .row > .offset-md-11 {
    margin-left: 91.6667%;
  }

  .column > .col-md-11 {
    width: auto;
    height: 91.6667%;
  }

  .row > .col-md-12 {
    width: 100%;
    height: auto;
  }

  .row > .offset-md-12 {
    margin-left: 100%;
  }

  .column > .col-md-12 {
    width: auto;
    height: 100%;
  }
}

@media (width >= 1440px) {
  .row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-12, .row > .col-lg-11, .row > .col-lg-10, .row > .col-lg-9, .row > .col-lg-8, .row > .col-lg-7, .row > .col-lg-6, .row > .col-lg-5, .row > .col-lg-4, .row > .col-lg-3, .row > .col-lg-2, .row > .col-lg-1, .row > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-12, .column > .col-lg-11, .column > .col-lg-10, .column > .col-lg-9, .column > .col-lg-8, .column > .col-lg-7, .column > .col-lg-6, .column > .col-lg-5, .column > .col-lg-4, .column > .col-lg-3, .column > .col-lg-2, .column > .col-lg-1, .column > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-lg {
    -webkit-flex: 10000;
    flex: 10000;
  }

  .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-0 {
    -webkit-flex: none;
    flex: none;
  }

  .col-lg-grow {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .col-lg-shrink {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }

  .row > .col-lg-0 {
    width: 0%;
    height: auto;
  }

  .row > .offset-lg-0 {
    margin-left: 0%;
  }

  .column > .col-lg-0 {
    width: auto;
    height: 0%;
  }

  .row > .col-lg-1 {
    width: 8.3333%;
    height: auto;
  }

  .row > .offset-lg-1 {
    margin-left: 8.3333%;
  }

  .column > .col-lg-1 {
    width: auto;
    height: 8.3333%;
  }

  .row > .col-lg-2 {
    width: 16.6667%;
    height: auto;
  }

  .row > .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .column > .col-lg-2 {
    width: auto;
    height: 16.6667%;
  }

  .row > .col-lg-3 {
    width: 25%;
    height: auto;
  }

  .row > .offset-lg-3 {
    margin-left: 25%;
  }

  .column > .col-lg-3 {
    width: auto;
    height: 25%;
  }

  .row > .col-lg-4 {
    width: 33.3333%;
    height: auto;
  }

  .row > .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .column > .col-lg-4 {
    width: auto;
    height: 33.3333%;
  }

  .row > .col-lg-5 {
    width: 41.6667%;
    height: auto;
  }

  .row > .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .column > .col-lg-5 {
    width: auto;
    height: 41.6667%;
  }

  .row > .col-lg-6 {
    width: 50%;
    height: auto;
  }

  .row > .offset-lg-6 {
    margin-left: 50%;
  }

  .column > .col-lg-6 {
    width: auto;
    height: 50%;
  }

  .row > .col-lg-7 {
    width: 58.3333%;
    height: auto;
  }

  .row > .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .column > .col-lg-7 {
    width: auto;
    height: 58.3333%;
  }

  .row > .col-lg-8 {
    width: 66.6667%;
    height: auto;
  }

  .row > .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .column > .col-lg-8 {
    width: auto;
    height: 66.6667%;
  }

  .row > .col-lg-9 {
    width: 75%;
    height: auto;
  }

  .row > .offset-lg-9 {
    margin-left: 75%;
  }

  .column > .col-lg-9 {
    width: auto;
    height: 75%;
  }

  .row > .col-lg-10 {
    width: 83.3333%;
    height: auto;
  }

  .row > .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .column > .col-lg-10 {
    width: auto;
    height: 83.3333%;
  }

  .row > .col-lg-11 {
    width: 91.6667%;
    height: auto;
  }

  .row > .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .column > .col-lg-11 {
    width: auto;
    height: 91.6667%;
  }

  .row > .col-lg-12 {
    width: 100%;
    height: auto;
  }

  .row > .offset-lg-12 {
    margin-left: 100%;
  }

  .column > .col-lg-12 {
    width: auto;
    height: 100%;
  }
}

@media (width >= 1920px) {
  .row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-12, .row > .col-xl-11, .row > .col-xl-10, .row > .col-xl-9, .row > .col-xl-8, .row > .col-xl-7, .row > .col-xl-6, .row > .col-xl-5, .row > .col-xl-4, .row > .col-xl-3, .row > .col-xl-2, .row > .col-xl-1, .row > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-12, .column > .col-xl-11, .column > .col-xl-10, .column > .col-xl-9, .column > .col-xl-8, .column > .col-xl-7, .column > .col-xl-6, .column > .col-xl-5, .column > .col-xl-4, .column > .col-xl-3, .column > .col-xl-2, .column > .col-xl-1, .column > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-xl {
    -webkit-flex: 10000;
    flex: 10000;
  }

  .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-0 {
    -webkit-flex: none;
    flex: none;
  }

  .col-xl-grow {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .col-xl-shrink {
    -webkit-flex: 0 auto;
    flex: 0 auto;
  }

  .row > .col-xl-0 {
    width: 0%;
    height: auto;
  }

  .row > .offset-xl-0 {
    margin-left: 0%;
  }

  .column > .col-xl-0 {
    width: auto;
    height: 0%;
  }

  .row > .col-xl-1 {
    width: 8.3333%;
    height: auto;
  }

  .row > .offset-xl-1 {
    margin-left: 8.3333%;
  }

  .column > .col-xl-1 {
    width: auto;
    height: 8.3333%;
  }

  .row > .col-xl-2 {
    width: 16.6667%;
    height: auto;
  }

  .row > .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .column > .col-xl-2 {
    width: auto;
    height: 16.6667%;
  }

  .row > .col-xl-3 {
    width: 25%;
    height: auto;
  }

  .row > .offset-xl-3 {
    margin-left: 25%;
  }

  .column > .col-xl-3 {
    width: auto;
    height: 25%;
  }

  .row > .col-xl-4 {
    width: 33.3333%;
    height: auto;
  }

  .row > .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .column > .col-xl-4 {
    width: auto;
    height: 33.3333%;
  }

  .row > .col-xl-5 {
    width: 41.6667%;
    height: auto;
  }

  .row > .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .column > .col-xl-5 {
    width: auto;
    height: 41.6667%;
  }

  .row > .col-xl-6 {
    width: 50%;
    height: auto;
  }

  .row > .offset-xl-6 {
    margin-left: 50%;
  }

  .column > .col-xl-6 {
    width: auto;
    height: 50%;
  }

  .row > .col-xl-7 {
    width: 58.3333%;
    height: auto;
  }

  .row > .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .column > .col-xl-7 {
    width: auto;
    height: 58.3333%;
  }

  .row > .col-xl-8 {
    width: 66.6667%;
    height: auto;
  }

  .row > .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .column > .col-xl-8 {
    width: auto;
    height: 66.6667%;
  }

  .row > .col-xl-9 {
    width: 75%;
    height: auto;
  }

  .row > .offset-xl-9 {
    margin-left: 75%;
  }

  .column > .col-xl-9 {
    width: auto;
    height: 75%;
  }

  .row > .col-xl-10 {
    width: 83.3333%;
    height: auto;
  }

  .row > .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .column > .col-xl-10 {
    width: auto;
    height: 83.3333%;
  }

  .row > .col-xl-11 {
    width: 91.6667%;
    height: auto;
  }

  .row > .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .column > .col-xl-11 {
    width: auto;
    height: 91.6667%;
  }

  .row > .col-xl-12 {
    width: 100%;
    height: auto;
  }

  .row > .offset-xl-12 {
    margin-left: 100%;
  }

  .column > .col-xl-12 {
    width: auto;
    height: 100%;
  }
}

.rounded-borders {
  border-radius: 4px;
}

.border-radius-inherit {
  border-radius: inherit;
}

.no-transition {
  transition: none !important;
}

.transition-0 {
  transition: all !important;
}

.glossy {
  background-image: linear-gradient(#ffffff4d, #fff0 50%, #0000001f 51%, #0000000a) !important;
}

.q-placeholder::-webkit-input-placeholder {
  color: inherit;
  opacity: .7;
}

.q-placeholder::placeholder {
  color: inherit;
  opacity: .7;
}

.q-placeholder:-ms-input-placeholder {
  color: inherit !important;
  opacity: .7 !important;
}

.q-placeholder::placeholder {
  color: inherit;
  opacity: .7;
  opacity: .7;
}

.q-body--fullscreen-mixin, .q-body--prevent-scroll {
  position: fixed !important;
}

.q-body--force-scrollbar-x {
  overflow-x: scroll;
}

.q-body--force-scrollbar-y {
  overflow-y: scroll;
}

.q-no-input-spinner {
  -moz-appearance: textfield !important;
}

.q-no-input-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.q-no-input-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.q-link {
  outline: 0;
  text-decoration: none;
}

.q-link--focusable:focus-visible {
  text-decoration: underline 1px dashed;
}

body.electron .q-electron-drag {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception {
  -webkit-app-region: no-drag;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

.non-selectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.scroll {
  overflow: auto;
}

.scroll, .scroll-x, .scroll-y {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.scroll-x {
  overflow-x: auto;
}

.scroll-y {
  overflow-y: auto;
}

.no-scroll {
  overflow: hidden !important;
}

.no-pointer-events, .no-pointer-events--children, .no-pointer-events--children * {
  pointer-events: none !important;
}

.all-pointer-events {
  pointer-events: all !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-inherit {
  cursor: inherit !important;
}

.cursor-none {
  cursor: none !important;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

.rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

.rotate-135 {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

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

.rotate-225 {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.rotate-315 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.relative-position {
  position: relative;
}

.fixed, .fixed-full, .fullscreen, .fixed-center, .fixed-bottom, .fixed-left, .fixed-right, .fixed-top, .fixed-top-left, .fixed-top-right, .fixed-bottom-left, .fixed-bottom-right {
  position: fixed;
}

.absolute, .absolute-full, .absolute-center, .absolute-bottom, .absolute-left, .absolute-right, .absolute-top, .absolute-top-left, .absolute-top-right, .absolute-bottom-left, .absolute-bottom-right {
  position: absolute;
}

.fixed-top, .absolute-top {
  top: 0;
  left: 0;
  right: 0;
}

.fixed-right, .absolute-right {
  top: 0;
  bottom: 0;
  right: 0;
}

.fixed-bottom, .absolute-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed-left, .absolute-left {
  top: 0;
  bottom: 0;
  left: 0;
}

.fixed-top-left, .absolute-top-left {
  top: 0;
  left: 0;
}

.fixed-top-right, .absolute-top-right {
  top: 0;
  right: 0;
}

.fixed-bottom-left, .absolute-bottom-left {
  bottom: 0;
  left: 0;
}

.fixed-bottom-right, .absolute-bottom-right {
  bottom: 0;
  right: 0;
}

.fullscreen {
  z-index: 6000;
  max-width: 100vw;
  max-height: 100vh;
  border-radius: 0 !important;
}

body.q-ios-padding .fullscreen {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.absolute-full, .fullscreen, .fixed-full {
  inset: 0;
}

.fixed-center, .absolute-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.vertical-top {
  vertical-align: top !important;
}

.vertical-middle {
  vertical-align: middle !important;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

.on-left {
  margin-right: 12px;
}

.on-right {
  margin-left: 12px;
}

.q-position-engine {
  will-change: auto;
  visibility: collapse;
  margin-top: var(--q-pe-top, 0) !important;
  margin-left: var(--q-pe-left, 0) !important;
}

:root {
  --q-size-xs: 0;
  --q-size-sm: 600px;
  --q-size-md: 1024px;
  --q-size-lg: 1440px;
  --q-size-xl: 1920px;
}

.fit {
  width: 100% !important;
  height: 100% !important;
}

.full-height {
  height: 100% !important;
}

.full-width {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.window-height {
  height: 100vh !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.window-width {
  width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block !important;
}

.q-pa-none {
  padding: 0;
}

.q-pl-none {
  padding-left: 0;
}

.q-pr-none {
  padding-right: 0;
}

.q-pt-none {
  padding-top: 0;
}

.q-pb-none {
  padding-bottom: 0;
}

.q-px-none {
  padding-left: 0;
  padding-right: 0;
}

.q-py-none {
  padding-top: 0;
  padding-bottom: 0;
}

.q-ma-none {
  margin: 0;
}

.q-ml-none {
  margin-left: 0;
}

.q-mr-none {
  margin-right: 0;
}

.q-mt-none {
  margin-top: 0;
}

.q-mb-none {
  margin-bottom: 0;
}

.q-mx-none {
  margin-left: 0;
  margin-right: 0;
}

.q-my-none {
  margin-top: 0;
  margin-bottom: 0;
}

.q-pa-xs {
  padding: 4px;
}

.q-pl-xs {
  padding-left: 4px;
}

.q-pr-xs {
  padding-right: 4px;
}

.q-pt-xs {
  padding-top: 4px;
}

.q-pb-xs {
  padding-bottom: 4px;
}

.q-px-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.q-py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.q-ma-xs {
  margin: 4px;
}

.q-ml-xs {
  margin-left: 4px;
}

.q-mr-xs {
  margin-right: 4px;
}

.q-mt-xs {
  margin-top: 4px;
}

.q-mb-xs {
  margin-bottom: 4px;
}

.q-mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.q-my-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.q-pa-sm {
  padding: 8px;
}

.q-pl-sm {
  padding-left: 8px;
}

.q-pr-sm {
  padding-right: 8px;
}

.q-pt-sm {
  padding-top: 8px;
}

.q-pb-sm {
  padding-bottom: 8px;
}

.q-px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.q-py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.q-ma-sm {
  margin: 8px;
}

.q-ml-sm {
  margin-left: 8px;
}

.q-mr-sm {
  margin-right: 8px;
}

.q-mt-sm {
  margin-top: 8px;
}

.q-mb-sm {
  margin-bottom: 8px;
}

.q-mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.q-my-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.q-pa-md {
  padding: 16px;
}

.q-pl-md {
  padding-left: 16px;
}

.q-pr-md {
  padding-right: 16px;
}

.q-pt-md {
  padding-top: 16px;
}

.q-pb-md {
  padding-bottom: 16px;
}

.q-px-md {
  padding-left: 16px;
  padding-right: 16px;
}

.q-py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}

.q-ma-md {
  margin: 16px;
}

.q-ml-md {
  margin-left: 16px;
}

.q-mr-md {
  margin-right: 16px;
}

.q-mt-md {
  margin-top: 16px;
}

.q-mb-md {
  margin-bottom: 16px;
}

.q-mx-md {
  margin-left: 16px;
  margin-right: 16px;
}

.q-my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}

.q-pa-lg {
  padding: 24px;
}

.q-pl-lg {
  padding-left: 24px;
}

.q-pr-lg {
  padding-right: 24px;
}

.q-pt-lg {
  padding-top: 24px;
}

.q-pb-lg {
  padding-bottom: 24px;
}

.q-px-lg {
  padding-left: 24px;
  padding-right: 24px;
}

.q-py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}

.q-ma-lg {
  margin: 24px;
}

.q-ml-lg {
  margin-left: 24px;
}

.q-mr-lg {
  margin-right: 24px;
}

.q-mt-lg {
  margin-top: 24px;
}

.q-mb-lg {
  margin-bottom: 24px;
}

.q-mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}

.q-my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}

.q-pa-xl {
  padding: 48px;
}

.q-pl-xl {
  padding-left: 48px;
}

.q-pr-xl {
  padding-right: 48px;
}

.q-pt-xl {
  padding-top: 48px;
}

.q-pb-xl {
  padding-bottom: 48px;
}

.q-px-xl {
  padding-left: 48px;
  padding-right: 48px;
}

.q-py-xl {
  padding-top: 48px;
  padding-bottom: 48px;
}

.q-ma-xl {
  margin: 48px;
}

.q-ml-xl {
  margin-left: 48px;
}

.q-mr-xl {
  margin-right: 48px;
}

.q-mt-xl {
  margin-top: 48px;
}

.q-mb-xl {
  margin-bottom: 48px;
}

.q-mx-xl {
  margin-left: 48px;
  margin-right: 48px;
}

.q-my-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.q-mt-auto, .q-my-auto {
  margin-top: auto;
}

.q-ml-auto {
  margin-left: auto;
}

.q-mb-auto, .q-my-auto {
  margin-bottom: auto;
}

.q-mr-auto {
  margin-right: auto;
}

.q-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

:root {
  --q-transition-duration: .3s;
}

.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active {
  --q-transition-duration: .3s;
  --q-transition-easing: cubic-bezier(.215, .61, .355, 1);
}

.q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active {
  position: absolute;
}

.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active {
  transition: transform var(--q-transition-duration) var(--q-transition-easing);
}

.q-transition--slide-right-enter-from {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.q-transition--slide-right-leave-to, .q-transition--slide-left-enter-from {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.q-transition--slide-left-leave-to {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.q-transition--slide-up-enter-from {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.q-transition--slide-up-leave-to, .q-transition--slide-down-enter-from {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.q-transition--slide-down-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration);
}

.q-transition--jump-right-enter-from, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter-from, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from, .q-transition--jump-down-leave-to {
  opacity: 0;
}

.q-transition--jump-right-enter-from {
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}

.q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from {
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}

.q-transition--jump-left-leave-to {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}

.q-transition--jump-up-enter-from {
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
}

.q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from {
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}

.q-transition--jump-down-leave-to {
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
}

.q-transition--fade-enter-active, .q-transition--fade-leave-active {
  transition: opacity var(--q-transition-duration) ease-out;
}

.q-transition--fade-enter-from, .q-transition--fade-leave-to {
  opacity: 0;
}

.q-transition--scale-enter-active, .q-transition--scale-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
}

.q-transition--scale-enter-from, .q-transition--scale-leave-to {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}

.q-transition--rotate-enter-active, .q-transition--rotate-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.q-transition--rotate-enter-from, .q-transition--rotate-leave-to {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 1)rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0, 0, 1)rotate3d(0, 0, 1, 90deg);
}

.q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active {
  transition: transform var(--q-transition-duration);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.q-transition--flip-right-enter-to, .q-transition--flip-right-leave-from, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave-from, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave-from, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave-from {
  -webkit-transform: perspective(400px)rotate3d(1, 1, 0, 0);
  transform: perspective(400px)rotate3d(1, 1, 0, 0);
}

.q-transition--flip-right-enter-from {
  -webkit-transform: perspective(400px)rotate3d(0, 1, 0, -180deg);
  transform: perspective(400px)rotate3d(0, 1, 0, -180deg);
}

.q-transition--flip-right-leave-to, .q-transition--flip-left-enter-from {
  -webkit-transform: perspective(400px)rotate3d(0, 1, 0, 180deg);
  transform: perspective(400px)rotate3d(0, 1, 0, 180deg);
}

.q-transition--flip-left-leave-to {
  -webkit-transform: perspective(400px)rotate3d(0, 1, 0, -180deg);
  transform: perspective(400px)rotate3d(0, 1, 0, -180deg);
}

.q-transition--flip-up-enter-from {
  -webkit-transform: perspective(400px)rotate3d(1, 0, 0, -180deg);
  transform: perspective(400px)rotate3d(1, 0, 0, -180deg);
}

.q-transition--flip-up-leave-to, .q-transition--flip-down-enter-from {
  -webkit-transform: perspective(400px)rotate3d(1, 0, 0, 180deg);
  transform: perspective(400px)rotate3d(1, 0, 0, 180deg);
}

.q-transition--flip-down-leave-to {
  -webkit-transform: perspective(400px)rotate3d(1, 0, 0, -180deg);
  transform: perspective(400px)rotate3d(1, 0, 0, -180deg);
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: 0 !important;
}

.no-border-radius {
  border-radius: 0 !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.no-outline {
  outline: 0 !important;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis-2-lines, .ellipsis-3-lines {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ellipsis-2-lines {
  -webkit-line-clamp: 2;
}

.ellipsis-3-lines {
  -webkit-line-clamp: 3;
}

.readonly {
  cursor: default !important;
}

.disabled, .disabled *, [disabled], [disabled] * {
  cursor: not-allowed !important;
  outline: 0 !important;
}

.disabled, [disabled] {
  opacity: .6 !important;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden !important;
}

.transparent {
  background: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden-y {
  overflow-y: hidden !important;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.dimmed:after, .light-dimmed:after {
  content: "";
  position: absolute;
  inset: 0;
}

.dimmed:after {
  background: #0006 !important;
}

.light-dimmed:after {
  background: #fff9 !important;
}

.z-top {
  z-index: 7000 !important;
}

.z-max {
  z-index: 9998 !important;
}

body:not(.desktop) .desktop-only, body.desktop .desktop-hide, body:not(.mobile) .mobile-only, body.mobile .mobile-hide, body:not(.native-mobile) .native-mobile-only, body.native-mobile .native-mobile-hide, body:not(.cordova) .cordova-only, body.cordova .cordova-hide, body:not(.capacitor) .capacitor-only, body.capacitor .capacitor-hide, body:not(.electron) .electron-only, body.electron .electron-hide, body:not(.touch) .touch-only, body.touch .touch-hide, body:not(.within-iframe) .within-iframe-only, body.within-iframe .within-iframe-hide, body:not(.platform-ios) .platform-ios-only, body.platform-ios .platform-ios-hide, body:not(.platform-android) .platform-android-only, body.platform-android .platform-android-hide {
  display: none !important;
}

@media (orientation: portrait) {
  .orientation-landscape {
    display: none !important;
  }
}

@media (orientation: landscape) {
  .orientation-portrait {
    display: none !important;
  }
}

@media screen {
  .print-only {
    display: none !important;
  }
}

@media print {
  .print-hide {
    display: none !important;
  }
}

@media (width <= 599.98px) {
  .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (width >= 600px) and (width <= 1023.98px) {
  .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (width >= 1024px) and (width <= 1439.98px) {
  .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (width >= 1440px) and (width <= 1919.98px) {
  .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (width >= 1920px) {
  .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl {
    display: none !important;
  }
}

.q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable {
  outline: 0;
}

body.desktop .q-focus-helper {
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .4s cubic-bezier(.25, .8, .5, 1);
  position: absolute;
  top: 0;
  left: 0;
}

body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after {
  content: "";
  opacity: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  transition: background-color .3s cubic-bezier(.25, .8, .5, 1), opacity .6s cubic-bezier(.25, .8, .5, 1);
  position: absolute;
  top: 0;
  left: 0;
}

body.desktop .q-focus-helper:before {
  background: #000;
}

body.desktop .q-focus-helper:after {
  background: #fff;
}

body.desktop .q-focus-helper--rounded {
  border-radius: 4px;
}

body.desktop .q-focus-helper--round {
  border-radius: 50%;
}

body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
  opacity: .15;
  background: currentColor;
}

body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before {
  opacity: .1;
}

body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after {
  opacity: .4;
}

body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper {
  opacity: .22;
}

.modal_padrao {
  --zindex-deep: 900;
  --bg-modal: white;
  background: var(--bg-modal);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  will-change: trasform;
  z-index: var(--zindex-modal, 1000);
  border-radius: 4px;
  transition: opacity .4s, visibility .4s;
  position: fixed;
  box-shadow: 0 10px 60px #0000001a;
}

.modal_padrao[data-position="center"] {
  width: 500px;
  height: 500px;
  margin: auto;
  inset: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.modal_padrao[data-position="center"] .modal--content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_padrao[data-position="right"] {
  border-left: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.modal_padrao[data-position="left"] {
  border-right: 1px solid #0000001c;
  width: 600px;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_padrao[data-position="bottom"] {
  border: 1px solid #0000001c;
  border-bottom: initial;
  border-radius: 8px 8px 0 0;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_padrao[data-position="top"] {
  border: 1px solid #0000001c;
  border-top: initial;
  border-radius: 0 0 8px 8px;
  width: 98vw;
  height: 400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.modal_padrao .modal--content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #fff;
  max-height: 0;
  transition: opacity .3s, visibility .3s;
  display: none;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.modal_padrao .modal--content.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  max-height: initial;
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_padrao--deep {
  z-index: var(--zindex-deep);
  pointer-events: none;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, background .2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

.modal_padrao--deep.active {
  backdrop-filter: blur(16px);
  pointer-events: initial;
  visibility: visible;
  cursor: pointer;
  background: #00000080;
}

.modal_padrao.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_padrao.active[data-position="center"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modal_padrao.active[data-position="right"], .modal_padrao.active[data-position="left"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.modal_padrao.active[data-position="bottom"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*# sourceMappingURL=style.css.map */