@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
:root {
  --primary-color: #F7F7F7;
  --secondary-color: #a2a1a7;
  --bg-color: #1f1f1f;
  --super-bg-color: #171414;
  --main-color: #018786;
}

html {
  font-size: 70%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size: 3.25rem;
}

h2 {
  font-size: 2.875rem;
}

h3 {
  font-size: 2.25rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.3rem;
}

p, label, li {
  font-size: 1.25rem !important;
}

strong {
  font-weight: 700;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

body, html {
  background: var(--super-bg-color);
  overflow-x: hidden;
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.container {
  max-width: 1210px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
  position: relative;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--bg-color);
}

::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
}

.none {
  display: none !important;
}

.hidden {
  visibility: hidden;
}

#sidebar_settings-btn {
  display: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--primary-color) !important;
  caret-color: var(--primary-color);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.invalid-input {
  border: 1px solid #db0000 !important;
}

.invalid-text {
  color: #db0000 !important;
  width: -moz-fit-content;
  width: fit-content;
}

.slider {
  width: 100%;
  margin: 0 auto;
}

.slick-track {
  display: flex;
}

.slider img {
  width: 100%;
  height: auto;
}

.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.slick-dots li {
  list-style-type: none;
}

.slick-dots li button {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #bbb;
  cursor: pointer;
  outline: none;
}

.slick-dots li.slick-active button {
  background-color: #333;
}

nav.message-top-bar {
  padding: 1rem 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3764705882);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1254901961);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}
nav.message-top-bar span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  nav.message-top-bar span {
    animation: scrollText 7s linear infinite;
  }
}
nav.message-top-bar span img {
  width: 13px;
}
nav.message-top-bar span p {
  color: var(--primary-color);
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}
@keyframes scrollText {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

header.main-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: rgba(23, 20, 20, 0.3137254902);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1254901961);
  --animate-duration: 200ms;
}
header.main-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: var(--super-bg-color);
  border-bottom: 1px solid rgba(162, 161, 167, 0.1450980392);
}
header.main-header .container {
  width: 100%;
  height: 100%;
  padding: 0.25rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.main-header .container .left a {
  transition: all 0.2s ease;
}
header.main-header .container .left a img {
  width: 12rem;
}
header.main-header .container .left a:hover {
  opacity: 0.7;
}
header.main-header .container .center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 600px) {
  header.main-header .container .center {
    display: none !important;
  }
}
header.main-header .container .center a {
  color: var(--secondary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
header.main-header .container .center a.link-active {
  font-weight: 500;
  color: var(--primary-color);
}
header.main-header .container .center a:hover {
  opacity: 0.7;
}
header.main-header .container .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 600px) {
  header.main-header .container .right {
    display: none !important;
  }
}
header.main-header .container .right a.login {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 0.75rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
header.main-header .container .right a.login img {
  width: 1.25rem;
}
header.main-header .container .right a.login:hover {
  border: 1px solid var(--primary-color);
}
header.main-header .container button.ham-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  transition: all 0.2s ease;
}
header.main-header .container button.ham-btn:hover {
  opacity: 0.7;
}
@media (min-width: 601px) {
  header.main-header .container button.ham-btn {
    display: none;
  }
}
header.main-header .container button.ham-btn span {
  width: 26px;
  height: 2px;
  border-radius: 6px;
  background: var(--secondary-color);
  transition: all 0.2s ease;
}
header.main-header .container button.ham-btn.open span:nth-child(2) {
  width: 75%;
}

nav.menu-lateral {
  position: fixed;
  z-index: 999;
  top: 106px;
  right: -60%;
  width: 60%;
  height: 100vh;
  background: rgba(23, 20, 20, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-left: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 4rem 0;
  transition: all 0.2s ease;
}
nav.menu-lateral.open {
  right: 0 !important;
}
nav.menu-lateral .container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
nav.menu-lateral .container .center {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3.5rem;
}
nav.menu-lateral .container a {
  color: var(--secondary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
nav.menu-lateral .container a.link-active {
  font-weight: 500;
  color: var(--primary-color);
}
nav.menu-lateral .container a:hover {
  opacity: 0.7;
}
nav.menu-lateral .container a img {
  width: 15rem;
}
nav.menu-lateral .container a.login {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
nav.menu-lateral .container a.login img {
  width: 1.5rem;
}
nav.menu-lateral .container a.login:hover {
  opacity: 1;
  border: 1px solid var(--primary-color);
}

footer {
  position: relative;
  z-index: 10;
  width: 100%;
  background: rgba(23, 20, 20, 0.3137254902);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-top: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem 0;
}
footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 900px) {
  footer .container {
    flex-direction: column;
    gap: 1.5rem;
  }
}
footer .container .left a {
  transition: all 0.2s ease;
}
footer .container .left a img {
  width: 12rem;
}
footer .container .left a:hover {
  opacity: 0.7;
}
footer .container .center p {
  font-size: 1.25rem;
  color: var(--secondary-color);
}
footer .container .center p .brand {
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
footer .container .right button {
  background: rgba(0, 0, 0, 0.1450980392);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(162, 161, 167, 0.1450980392);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.2s ease;
}
@media (max-width: 900px) {
  footer .container .right button {
    display: none;
  }
}
footer .container .right button img {
  width: 24px;
  transform: rotate(270deg);
  opacity: 0.6;
  transition: all 0.2s ease;
}
footer .container .right button:hover {
  border: 1px solid #a2a1a7;
  color: var(--primary-color);
}
footer .container .right button:hover img {
  opacity: 1;
}

.help-btn {
  position: fixed;
  z-index: 9999999999;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  padding: 0.75rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.help-btn img {
  width: 42px;
}
.help-btn:hover {
  opacity: 0.5;
}

.help-modal {
  position: fixed;
  z-index: 9999999999;
  bottom: -100%;
  right: 0;
  padding: 3rem 2rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  background: rgba(0, 0, 0, 0.3137254902);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-top: 1px solid rgba(162, 161, 167, 0.1450980392);
  border-left: 1px solid rgba(162, 161, 167, 0.1450980392);
  transition: all 0.3s ease;
}
.help-modal.open {
  bottom: 0;
}
.help-modal .close-modal {
  position: absolute;
  top: -1rem;
  left: -1rem;
  background: none;
  border: none;
  padding: 0.25rem;
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 470px) {
  .help-modal .close-modal {
    top: 0;
    left: 0;
  }
}
.help-modal .close-modal img {
  width: 26px;
}
.help-modal .close-modal:hover {
  opacity: 0.3;
}
.help-modal .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.help-modal .title h3 {
  color: var(--primary-color);
}
.help-modal .title p {
  color: var(--secondary-color);
  text-align: center;
}
.help-modal .title p span {
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
.help-modal .content {
  width: 100%;
}
.help-modal .content a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  color: var(--primary-color);
  background: linear-gradient(to right, rgba(37, 211, 101, 0.6), #69da13);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(162, 161, 167, 0.1450980392);
  border-radius: 4px;
  padding: 1rem;
  transition: all 0.3s ease;
}
.help-modal .content a img {
  width: 1.5rem;
}
.help-modal .content a:hover {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border: 1px solid var(--primary-color);
}

section.home-lp {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 20rem 0 5rem 0;
  background: linear-gradient(to bottom, rgba(162, 161, 167, 0.0823529412), var(--super-bg-color));
}
section.home-lp .container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.home-lp .container .content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: center;
  text-align: center;
  width: 75rem;
  height: 100%;
}
section.home-lp .container .content span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
section.home-lp .container .content span h1 {
  font-size: 3.75rem !important;
  text-transform: uppercase;
  color: var(--primary-color);
}
@media (max-width: 700px) {
  section.home-lp .container .content span h1 {
    font-size: 3rem !important;
  }
}
section.home-lp .container .content span p {
  font-size: 1.25rem !important;
  color: var(--secondary-color);
}
section.home-lp .container .content span p strong {
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
section.home-lp .container .content span div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
section.home-lp .container .content span div a:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-top: 0.5rem;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.home-lp .container .content span div a:first-child:hover {
  border: 1px solid var(--primary-color);
}
section.home-lp .container .content span div a:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background: transparent;
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--secondary-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-top: 0.5rem;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.home-lp .container .content span div a:last-child img {
  width: 1.5rem;
  transform: rotate(270deg);
}
section.home-lp .container .content span div a:last-child:hover {
  border: 1px solid var(--primary-color);
}

section.banner {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  padding: 1rem 0;
}
section.banner img {
  width: 100%;
}

section.sobre {
  position: relative;
  z-index: 20;
  width: 100%;
  background: var(--super-bg-color);
  padding: 6rem 0 8rem 0;
}
section.sobre .container {
  position: relative;
}
section.sobre .container .title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
section.sobre .container .title h2 {
  color: var(--primary-color);
}
section.sobre .container .title h2 span {
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
section.sobre .container .title p {
  color: var(--secondary-color);
}
section.sobre .container .content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
@media (max-width: 900px) {
  section.sobre .container .content {
    flex-direction: column;
  }
}
section.sobre .container .content .box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: var(--super-bg-color);
  border-radius: 6px;
  max-width: 33%;
  padding: 3rem 2rem;
  border: 1px solid rgba(162, 161, 167, 0.1450980392);
  cursor: default;
  transition: all 0.5s ease;
}
@media (max-width: 900px) {
  section.sobre .container .content .box {
    width: 100%;
    max-width: 100%;
  }
}
section.sobre .container .content .box:hover {
  border: 1px solid #a2a1a7;
}
section.sobre .container .content .box .image {
  display: flex;
}
section.sobre .container .content .box .image img {
  width: 42px;
  height: 42px;
}
section.sobre .container .content .box .texts {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
section.sobre .container .content .box .texts h5 {
  color: var(--primary-color);
}
section.sobre .container .content .box .texts p {
  color: var(--secondary-color);
  height: 48px;
}

section.clientes {
  position: relative;
  z-index: 10;
  width: 100%;
  background: linear-gradient(to right, var(--bg-color), var(--super-bg-color));
  padding: 6rem 0;
}
section.clientes .container .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
section.clientes .container .title h2 {
  color: var(--primary-color);
}
section.clientes .container .title p {
  color: var(--secondary-color);
}
section.clientes .container .title p span {
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}
section.clientes .container .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
@media (max-width: 560px) {
  section.clientes .container .content {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
  }
}
section.clientes .container .content h3 {
  color: var(--primary-color);
  text-align: center;
}
section.clientes .container .content .separator {
  width: 1px;
  height: 10rem;
  background: linear-gradient(45deg, var(--primary-color), var(--main-color));
}
@media (max-width: 560px) {
  section.clientes .container .content .separator {
    width: 100%;
    height: 1px;
  }
}
section.clientes .container .content img {
  width: 28rem;
}
@media (max-width: 360px) {
  section.clientes .container .content img {
    width: 25rem;
  }
}
section.clientes .container .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 3rem;
}
section.clientes .container .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-color);
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(to right, rgba(37, 211, 101, 0.6), var(--main-color));
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(162, 161, 167, 0.1450980392);
  border-radius: 4px;
  padding: 1rem;
  transition: all 0.3s ease;
}
section.clientes .container .button a img {
  width: 1.5rem;
}
section.clientes .container .button a:hover {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border: 1px solid var(--primary-color);
}

section.contato {
  position: relative;
  z-index: 10;
  width: 100%;
  background: linear-gradient(to top, var(--bg-color), var(--super-bg-color));
  padding: 6rem 0;
}
section.contato .container .title {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
section.contato .container .title h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
}
section.contato .container .title h2 img {
  width: 3rem;
}
@media (max-width: 390px) {
  section.contato .container .title h2 img {
    display: none;
  }
}
section.contato .container .title p {
  color: var(--secondary-color);
}
section.contato .container .content {
  margin-top: 3rem;
}
section.contato .container .content form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
section.contato .container .content form span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  width: 50%;
}
@media (max-width: 1000px) {
  section.contato .container .content form span {
    width: 100%;
  }
}
section.contato .container .content form label, section.contato .container .content form p {
  color: var(--secondary-color);
}
section.contato .container .content form input, section.contato .container .content form textarea {
  width: 100%;
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
@media (max-width: 1000px) {
  section.contato .container .content form input, section.contato .container .content form textarea {
    width: 100%;
  }
}
section.contato .container .content form input::-moz-placeholder, section.contato .container .content form textarea::-moz-placeholder {
  color: var(--secondary-color);
}
section.contato .container .content form input::placeholder, section.contato .container .content form textarea::placeholder {
  color: var(--secondary-color);
}
section.contato .container .content form input:focus, section.contato .container .content form textarea:focus {
  outline: none;
}
section.contato .container .content form button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media (max-width: 1000px) {
  section.contato .container .content form button {
    width: 100%;
  }
}
section.contato .container .content form button:hover {
  border: 1px solid var(--primary-color);
}

nav.sidebar {
  position: relative;
  z-index: 999;
  display: flex;
  flex-direction: column;
  min-width: 18rem;
  max-width: 21rem;
  height: 100vh;
  background: var(--super-bg-color);
  border-right: 1px solid rgba(0, 0, 0, 0.5019607843);
}
nav.sidebar.retract {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
nav.sidebar .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7rem;
}
nav.sidebar .logo img {
  cursor: pointer;
  width: 5rem;
  transition: all 0.2s ease;
}
nav.sidebar .logo img:hover {
  opacity: 0.8;
}
nav.sidebar .logo button.toggle-sidebar_btn {
  position: absolute;
  top: 0rem;
  right: 0rem;
  background: none;
  border: none;
  padding: 0.25rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s ease;
}
nav.sidebar .logo button.toggle-sidebar_btn img {
  width: 24px;
  height: 24px;
  transition: all 0.1s ease;
}
nav.sidebar .logo button.toggle-sidebar_btn img.rotate {
  transform: rotate(180deg);
}
nav.sidebar .logo button.toggle-sidebar_btn:hover {
  opacity: 0.7;
}
nav.sidebar .content {
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
}
nav.sidebar a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--secondary-color);
  font-size: 1.25rem;
  font-weight: 400;
  padding: 1.25rem 1.5rem;
  border-left: 0 solid var(--primary-color);
  background: rgba(1, 135, 134, 0);
  transition: all 0.3s ease;
  cursor: pointer;
}
nav.sidebar a img.sidebar-icon {
  width: 18px;
  height: 18px;
}
nav.sidebar a.sidebar-active {
  color: var(--primary-color);
  font-weight: 500;
  box-shadow: inset 20rem 0 0 var(--main-color);
}
nav.sidebar a.sidebar-active img.sidebar-icon {
  filter: brightness(0) invert(1) grayscale(100%) contrast(100%);
}
nav.sidebar a:hover {
  color: var(--primary-color);
  font-weight: 500;
  box-shadow: inset 20rem 0 0 var(--main-color);
}
nav.sidebar a:hover img.sidebar-icon {
  filter: brightness(0) invert(1) grayscale(100%) contrast(100%);
}
nav.sidebar a .child-assist-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5.25rem;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1450980392);
  transition: all 0.3s ease;
  cursor: pointer;
}
nav.sidebar a .child-assist-btn img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.75rem;
  width: 1.5rem;
}
nav.sidebar .full-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
}
nav.sidebar .full-bottom .profile-card {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
nav.sidebar .full-bottom .profile-card.padding {
  padding: 1.25rem 1.5rem;
}
nav.sidebar .full-bottom .profile-card .icon.full {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.sidebar .full-bottom .profile-card .icon img {
  width: 44px;
  height: 44px;
}
nav.sidebar .full-bottom .profile-card .icon img.scale {
  transform: scale(0.7);
}
nav.sidebar .full-bottom .profile-card .infos {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
nav.sidebar .full-bottom .profile-card .infos h6 {
  color: var(--primary-color);
}
nav.sidebar .full-bottom .profile-card .infos h6.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav.sidebar .full-bottom .profile-card .infos p {
  color: var(--secondary-color);
}
nav.sidebar .full-bottom .profile-card .infos p.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

nav.topbar {
  padding: 0 3rem;
  position: relative;
  z-index: 9999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--super-bg-color);
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5019607843);
}
nav.topbar .left .message-plataform {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  border-radius: 4px;
}
nav.topbar .left .message-plataform span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  nav.topbar .left .message-plataform span {
    animation: scrollText 7s linear infinite;
  }
}
nav.topbar .left .message-plataform span img {
  width: 13px;
}
nav.topbar .left .message-plataform span p {
  color: var(--primary-color);
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}
@keyframes scrollText {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
nav.topbar .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
nav.topbar .right button {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 10px;
  background: none;
  border: none;
  color: var(--primary-color);
  transition: all 0.2s ease;
  cursor: pointer;
}
nav.topbar .right button.notification-btn img {
  width: 24px;
  height: 24px;
}
nav.topbar .right button.pending-btn img {
  width: 19px;
  height: 19px;
}
nav.topbar .right button span.count-notification {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 0.95rem;
  height: 0.95rem;
  background: var(--main-color);
  border-radius: 50%;
  border: 2px solid var(--super-bg-color);
  outline: 1px solid var(--super-bg-color);
}
nav.topbar .right button:hover {
  opacity: 0.7;
}

.background-full_modal-criar-equipe {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-criar-equipe {
  position: relative;
  width: 70rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  --animate-duration: 200ms;
}
.modal-criar-equipe .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-criar-equipe .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-criar-equipe .header span h3 {
  color: var(--primary-color);
}
.modal-criar-equipe .header span p {
  color: var(--secondary-color);
}
.modal-criar-equipe .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-criar-equipe .header button img {
  width: 32px;
  height: 32px;
}
.modal-criar-equipe .header button:hover {
  opacity: 0.7;
}
.modal-criar-equipe form {
  width: 100%;
}
.modal-criar-equipe form .inputs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-criar-equipe form .inputs input, .modal-criar-equipe form .inputs textarea {
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-criar-equipe form .inputs input::-moz-placeholder, .modal-criar-equipe form .inputs textarea::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-criar-equipe form .inputs input::placeholder, .modal-criar-equipe form .inputs textarea::placeholder {
  color: var(--secondary-color);
}
.modal-criar-equipe form .inputs input:focus, .modal-criar-equipe form .inputs textarea:focus {
  outline: none;
}
.modal-criar-equipe form .buttons {
  margin-top: 2.25rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.modal-criar-equipe form .buttons button.modal-criar-equipe_close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-criar-equipe form .buttons button.modal-criar-equipe_close-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-criar-equipe form .buttons button.modal-criar-equipe_submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-criar-equipe form .buttons button.modal-criar-equipe_submit-btn:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-invite {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 57, 57, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-invite {
  position: relative;
  width: 60rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  overflow: auto;
  --animate-duration: 200ms;
}
.modal-invite .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-invite .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-invite .header span h3 {
  color: var(--primary-color);
}
.modal-invite .header span p {
  color: var(--secondary-color);
}
.modal-invite .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-invite .header button img {
  width: 32px;
  height: 32px;
}
.modal-invite .header button:hover {
  opacity: 0.7;
}
.modal-invite form {
  width: 100%;
}
.modal-invite form .inputs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-invite form .inputs input {
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
}
.modal-invite form .inputs input::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-invite form .inputs input::placeholder {
  color: var(--secondary-color);
}
.modal-invite form .inputs input:focus {
  outline: none;
}
.modal-invite form .buttons {
  margin-top: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.modal-invite form .buttons button.modal-invite_close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-invite form .buttons button.modal-invite_close-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-invite form .buttons button.modal-invite_submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-invite form .buttons button.modal-invite_submit-btn:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-editar-equipe {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 57, 57, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-editar-equipe {
  position: relative;
  width: 60rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  overflow: auto;
  --animate-duration: 200ms;
}
.modal-editar-equipe .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-editar-equipe .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-editar-equipe .header span h3 {
  color: var(--primary-color);
}
.modal-editar-equipe .header span p {
  color: var(--secondary-color);
}
.modal-editar-equipe .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-editar-equipe .header button img {
  width: 32px;
  height: 32px;
}
.modal-editar-equipe .header button:hover {
  opacity: 0.7;
}
.modal-editar-equipe form {
  width: 100%;
}
.modal-editar-equipe form .inputs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-editar-equipe form .inputs input {
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
}
.modal-editar-equipe form .inputs input::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-editar-equipe form .inputs input::placeholder {
  color: var(--secondary-color);
}
.modal-editar-equipe form .inputs input:focus {
  outline: none;
}
.modal-editar-equipe form .inputs textarea {
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-editar-equipe form .inputs textarea::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-editar-equipe form .inputs textarea::placeholder {
  color: var(--secondary-color);
}
.modal-editar-equipe form .inputs textarea:focus {
  outline: none;
}
.modal-editar-equipe form .buttons {
  margin-top: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.modal-editar-equipe form .buttons span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.modal-editar-equipe form .buttons span button.modal-editar-equipe_close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-editar-equipe form .buttons span button.modal-editar-equipe_close-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-editar-equipe form .buttons span button.modal-editar-equipe_submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-editar-equipe form .buttons span button.modal-editar-equipe_submit-btn:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-confirm-excluir-equipe {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-confirm-excluir-equipe {
  position: relative;
  width: 60rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  --animate-duration: 200ms;
}
.modal-confirm-excluir-equipe .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-confirm-excluir-equipe .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.modal-confirm-excluir-equipe .title h3 {
  color: var(--primary-color);
}
.modal-confirm-excluir-equipe .title p {
  color: var(--secondary-color);
}
.modal-confirm-excluir-equipe .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.modal-confirm-excluir-equipe .buttons button.modal-confirm-excluir-equipe_close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-confirm-excluir-equipe .buttons button.modal-confirm-excluir-equipe_close-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-confirm-excluir-equipe .buttons button.modal-confirm-excluir-equipe_confirm-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: red;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-confirm-excluir-equipe .buttons button.modal-confirm-excluir-equipe_confirm-btn:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-solicitar-registro {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 57, 57, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-solicitar-registro {
  position: relative;
  width: 70rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  overflow: auto;
  --animate-duration: 200ms;
}
.modal-solicitar-registro .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-solicitar-registro .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-solicitar-registro .header span h3 {
  color: var(--primary-color);
}
.modal-solicitar-registro .header span p {
  color: var(--secondary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
}
.modal-solicitar-registro .header span p img {
  width: 1.2rem;
  height: 1.2rem;
}
.modal-solicitar-registro .header a, .modal-solicitar-registro .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-solicitar-registro .header a img, .modal-solicitar-registro .header button img {
  width: 32px;
  height: 32px;
}
.modal-solicitar-registro .header a:hover, .modal-solicitar-registro .header button:hover {
  opacity: 0.7;
}
.modal-solicitar-registro form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.modal-solicitar-registro form .inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-solicitar-registro form .inputs span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.modal-solicitar-registro form .inputs span label {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-color);
  font-size: 1.1rem;
}
.modal-solicitar-registro form .inputs span div.mensalidades {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modal-solicitar-registro form .inputs span div.mensalidades input {
  width: 100% !important;
}
.modal-solicitar-registro form .inputs span div.mensalidades button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.75rem 1.25rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-solicitar-registro form .inputs span div.mensalidades button:hover {
  border: 1px solid var(--primary-color);
}
.modal-solicitar-registro form .inputs span div.valor {
  display: flex;
  align-items: center;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
}
.modal-solicitar-registro form .inputs span div.valor input {
  padding: 0.75rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  background: transparent !important;
  border: none !important;
}
.modal-solicitar-registro form .inputs span div.valor input::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .inputs span div.valor input::placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .inputs span div.valor input:focus {
  outline: none;
}
.modal-solicitar-registro form .inputs span div.valor p {
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  padding: 0.75rem 0 0.75rem 0.75rem;
}
.modal-solicitar-registro form .inputs .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.modal-solicitar-registro form .inputs .flex span {
  width: 50%;
}
.modal-solicitar-registro form .inputs .flex input {
  width: 100%;
}
.modal-solicitar-registro form .inputs .flex select {
  width: 100%;
}
.modal-solicitar-registro form .inputs input, .modal-solicitar-registro form .inputs textarea {
  padding: 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-solicitar-registro form .inputs input::-moz-placeholder, .modal-solicitar-registro form .inputs textarea::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .inputs input::placeholder, .modal-solicitar-registro form .inputs textarea::placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .inputs input:focus, .modal-solicitar-registro form .inputs textarea:focus {
  outline: none;
}
.modal-solicitar-registro form .inputs select {
  padding: 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
}
.modal-solicitar-registro form .inputs select::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .inputs select::placeholder {
  color: var(--secondary-color);
}
.modal-solicitar-registro form .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.modal-solicitar-registro form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  text-transform: uppercase;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-solicitar-registro form .buttons button:first-child {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
}
.modal-solicitar-registro form .buttons button:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-alterar {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 57, 57, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-alterar {
  position: relative;
  width: 70rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  overflow: auto;
  --animate-duration: 200ms;
}
.modal-alterar .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-alterar .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-alterar .header span h3 {
  color: var(--primary-color);
}
.modal-alterar .header span p {
  color: var(--secondary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
}
.modal-alterar .header span p img {
  width: 1.2rem;
  height: 1.2rem;
}
.modal-alterar .header a, .modal-alterar .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-alterar .header a img, .modal-alterar .header button img {
  width: 32px;
  height: 32px;
}
.modal-alterar .header a:hover, .modal-alterar .header button:hover {
  opacity: 0.7;
}
.modal-alterar form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.modal-alterar form .file-input-message-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-alterar form .file-input-message-container button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.75rem 1.25rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-alterar form .file-input-message-container button:hover {
  border: 1px solid var(--primary-color);
}
.modal-alterar form .inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-alterar form .inputs span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.modal-alterar form .inputs span label {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--primary-color);
  font-size: 1.1rem;
}
.modal-alterar form .inputs span div.mensalidades {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.modal-alterar form .inputs span div.mensalidades input {
  width: 100% !important;
}
.modal-alterar form .inputs span div.mensalidades button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.75rem 1.25rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-alterar form .inputs span div.mensalidades button:hover {
  border: 1px solid var(--primary-color);
}
.modal-alterar form .inputs span div.valor {
  display: flex;
  align-items: center;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
}
.modal-alterar form .inputs span div.valor input {
  padding: 0.75rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  background: transparent !important;
  border: none !important;
}
.modal-alterar form .inputs span div.valor input::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .inputs span div.valor input::placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .inputs span div.valor input:focus {
  outline: none;
}
.modal-alterar form .inputs span div.valor p {
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  padding: 0.75rem 0 0.75rem 0.75rem;
}
.modal-alterar form .inputs .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.modal-alterar form .inputs .flex span {
  width: 50%;
}
.modal-alterar form .inputs .flex input {
  width: 100%;
}
.modal-alterar form .inputs .flex select {
  width: 100%;
}
.modal-alterar form .inputs input, .modal-alterar form .inputs textarea {
  padding: 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-alterar form .inputs input::-moz-placeholder, .modal-alterar form .inputs textarea::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .inputs input::placeholder, .modal-alterar form .inputs textarea::placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .inputs input:focus, .modal-alterar form .inputs textarea:focus {
  outline: none;
}
.modal-alterar form .inputs select {
  padding: 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
}
.modal-alterar form .inputs select::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .inputs select::placeholder {
  color: var(--secondary-color);
}
.modal-alterar form .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.modal-alterar form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 50%;
  height: auto;
  letter-spacing: 0.00563rem;
  text-transform: uppercase;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-alterar form .buttons button:first-child {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
}
.modal-alterar form .buttons button:hover {
  border: 1px solid var(--primary-color);
}

.background-full_modal-search {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(57, 57, 57, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-search {
  position: relative;
  width: 60rem;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--super-bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  overflow: auto;
  --animate-duration: 200ms;
}
.modal-search .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-search .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-search .header span h3 {
  display: flex;
  gap: 0.5rem;
  color: var(--primary-color);
}
.modal-search .header span h3 svg {
  width: 36px;
  height: 36px;
}
.modal-search .header span p {
  color: var(--secondary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
}
.modal-search .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-search .header button img {
  width: 32px;
  height: 32px;
}
.modal-search .header button:hover {
  opacity: 0.7;
}
.modal-search form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.modal-search form .inputs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-search form .inputs input {
  padding: 1rem 0.75rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-search form .inputs input::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-search form .inputs input::placeholder {
  color: var(--secondary-color);
}
.modal-search form .inputs input:focus {
  outline: none;
}
.modal-search form .buttons {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-search form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-search form .buttons button:hover {
  border: 1px solid var(--primary-color);
}
.modal-search .resultados-encontrados {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.modal-search .resultados-encontrados a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0.25rem;
  transition: all 0.2s ease;
}
.modal-search .resultados-encontrados a:hover {
  background: var(--bg-color);
}
.modal-search .resultados-encontrados a img {
  width: 32px;
  height: 32px;
}
.modal-search .resultados-encontrados h3 {
  color: var(--primary-color);
}
.modal-search .resultados-encontrados h3 strong {
  font-weight: 900;
}
.modal-search .content {
  width: 100%;
  max-width: 100%;
  max-height: 88vh;
  overflow: scroll;
}
.modal-search .content p {
  color: var(--secondary-color);
  padding: 1rem 0;
}
.modal-search .content table {
  width: 100%;
  overflow: scroll;
}
.modal-search .content table::-webkit-scrollbar {
  height: 5px !important;
}
.modal-search .content table thead {
  width: 100%;
}
.modal-search .content table thead tr {
  position: relative;
}
.modal-search .content table thead tr th {
  font-size: 1.25rem !important;
  font-weight: 400;
  color: var(--secondary-color);
  text-align: center;
  padding: 1rem;
  min-width: 10rem;
}
.modal-search .content table thead tr th.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.modal-search .content table thead tr th.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  bottom: 1rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
.modal-search .content table thead tr th img {
  width: 19px;
  height: 19px;
}
.modal-search .content table tbody tr {
  position: relative;
}
.modal-search .content table tbody tr:nth-child(even) {
  background: var(--super-bg-color);
}
.modal-search .content table tbody tr:nth-child(odd) {
  background: var(--bg-color);
}
.modal-search .content table tbody tr td {
  position: relative;
  padding: 1rem;
  font-size: 1.25rem !important;
  color: var(--primary-color);
  text-align: center;
  min-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
}
.modal-search .content table tbody tr td.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.modal-search .content table tbody tr td.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  top: -2.25rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
.modal-search .content table tbody tr td.coluna-conferencia .card-message img {
  position: absolute;
  bottom: -1rem;
  left: 0.75rem;
  transform: rotate(270deg);
  width: 2rem;
  z-index: -10;
}
.modal-search .content table tbody tr td img {
  width: 19px;
  height: 19px;
}
.modal-search .content table tbody tr td.ellipsis {
  max-width: 15rem;
  text-overflow: ellipsis;
}
.modal-search .content table tbody tr td img {
  width: 19px;
  height: 19px;
}
.modal-search .content table tbody tr td.observacoes {
  cursor: pointer;
  transition: all 0.2s ease;
}
.modal-search .content table tbody tr td.observacoes:hover {
  opacity: 0.5;
}
.modal-search .content table tbody tr td.options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
.modal-search .content table tbody tr td.options a {
  transition: all 0.2s ease;
}
.modal-search .content table tbody tr td.options a img {
  width: 19px;
  height: 19px;
}
.modal-search .content table tbody tr td.options a:hover {
  opacity: 0.7;
}
.modal-search .content table tbody tr td.status p {
  border-radius: 4px;
}
.modal-search .content table tbody tr td.status p.alterado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(207, 148, 0, 0.1254901961) !important;
  color: #cf9400 !important;
}
.modal-search .content table tbody tr td.status p.regularizado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(0, 170, 0, 0.1254901961) !important;
  color: #00aa00 !important;
}
.modal-search .content table tbody tr td.status p.cancelamento {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(255, 58, 58, 0.1254901961) !important;
  color: #ff3a3a !important;
}
.modal-search .content table tbody tr td.status p.migracao {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(54, 54, 255, 0.1254901961) !important;
  color: #3636ff !important;
}

.modal-notification {
  position: fixed;
  z-index: 999999999;
  top: 6rem;
  right: 3rem;
  min-width: 40rem;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  padding: 2rem;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3137254902);
  -webkit-backdrop-filter: blur(90px);
          backdrop-filter: blur(90px);
  --animate-duration: 200ms;
}
.modal-notification p {
  color: var(--secondary-color);
}
.modal-notification .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-notification .header span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-notification .header span h4 {
  display: flex;
  gap: 0.5rem;
  color: var(--primary-color);
}
.modal-notification .header span h4 img {
  width: 36px;
  height: 36px;
}
.modal-notification .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-notification .header button img {
  width: 32px;
  height: 32px;
}
.modal-notification .header button:hover {
  opacity: 0.7;
}
.modal-notification .main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow-y: scroll;
}
.modal-notification .main::-webkit-scrollbar {
  width: 0;
}
.modal-notification .main .toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.modal-notification .main .toggle button {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  color: var(--secondary-color);
  padding: 0 0 1rem 0;
  font-size: 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.modal-notification .main .toggle button.active {
  color: var(--primary-color);
  border-bottom: 3px solid var(--main-color);
  font-weight: 500;
}
.modal-notification .main .toggle button:hover {
  opacity: 0.7;
}
.modal-notification .main .content .each-content[data-content=convites] {
  overflow-y: scroll;
  max-height: 30rem;
}
.modal-notification .main .content .each-content[data-content=convites] .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 0.5rem 0;
}
.modal-notification .main .content .each-content[data-content=convites] .card .infos {
  display: flex;
  gap: 1rem;
}
.modal-notification .main .content .each-content[data-content=convites] .card .infos span.image {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 2px solid var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary-color);
}
.modal-notification .main .content .each-content[data-content=convites] .card .infos span.image img {
  width: 100%;
  height: 100%;
}
.modal-notification .main .content .each-content[data-content=convites] .card .infos span.texts {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.modal-notification .main .content .each-content[data-content=convites] .card .infos span.texts h5 {
  color: var(--primary-color);
}
.modal-notification .main .content .each-content[data-content=convites] .card .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.modal-notification .main .content .each-content[data-content=convites] .card .buttons button.accept-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.5rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-notification .main .content .each-content[data-content=convites] .card .buttons button.accept-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-notification .main .content .each-content[data-content=convites] .card .buttons button.decline-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 0.5rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-notification .main .content .each-content[data-content=convites] .card .buttons button.decline-btn:hover {
  border: 1px solid var(--primary-color);
}
.modal-notification .main .content .each-content[data-content=registros] {
  overflow-y: scroll;
  max-height: 30rem;
}
.modal-notification .main .content .each-content[data-content=registros] .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border-left: 2px solid var(--secondary-color);
  transition: all 0.2s ease;
}
.modal-notification .main .content .each-content[data-content=registros] .card:hover {
  background: var(--super-bg-color);
  border-left: 2px solid var(--main-color);
}
.modal-notification .main .content .each-content[data-content=registros] .card span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}
.modal-notification .main .content .each-content[data-content=registros] .card span p.infos {
  color: var(--primary-color);
}
.modal-notification .main .content .each-content[data-content=registros] .card span p.date {
  color: var(--secondary-color);
}
.modal-notification .main .content .each-content[data-content=registros] .card span button {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  color: var(--secondary-color);
  padding: 0.5rem 0;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-notification .main .content .each-content[data-content=registros] .card span button img {
  width: 20px;
  height: 20px;
}
.modal-notification .main .content .each-content[data-content=registros] .card span button:hover img path {
  stroke: var(--primary-color);
}
.modal-notification .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.modal-notification .footer p {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  transition: all 0.2s ease;
}
.modal-notification .footer p:hover {
  opacity: 0.7;
}

.background-full_modal-suporte {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.modal-suporte {
  position: relative;
  width: 70rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
  background: var(--bg-color);
  border-radius: 2px;
  --animate-duration: 200ms;
  margin: 1rem auto;
}
.modal-suporte .header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-suporte .header span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.modal-suporte .header span h3 {
  color: var(--primary-color);
}
.modal-suporte .header span p {
  color: var(--secondary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
}
.modal-suporte .header span p svg {
  width: 1.2rem;
  height: 1.2rem;
}
.modal-suporte .header button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-suporte .header button svg {
  width: 32px;
  height: 32px;
}
.modal-suporte .header button:hover {
  opacity: 0.7;
}
.modal-suporte form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.modal-suporte form .inputs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-suporte form .inputs .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.modal-suporte form .inputs .flex input {
  width: 33%;
}
.modal-suporte form .inputs .flex select {
  width: 50%;
}
.modal-suporte form .inputs input, .modal-suporte form .inputs textarea {
  padding: 1rem 0.75rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
.modal-suporte form .inputs input::-moz-placeholder, .modal-suporte form .inputs textarea::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-suporte form .inputs input::placeholder, .modal-suporte form .inputs textarea::placeholder {
  color: var(--secondary-color);
}
.modal-suporte form .inputs input:focus, .modal-suporte form .inputs textarea:focus {
  outline: none;
}
.modal-suporte form .inputs select {
  padding: 1rem 0.75rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--secondary-color);
  font-size: 1.25rem;
}
.modal-suporte form .inputs select:focus, .modal-suporte form .inputs select.primary {
  color: var(--primary-color) !important;
}
.modal-suporte form .inputs select::-moz-placeholder {
  color: var(--secondary-color);
}
.modal-suporte form .inputs select::placeholder {
  color: var(--secondary-color);
}
.modal-suporte form .inputs select:focus {
  outline: none;
}
.modal-suporte form .buttons {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-suporte form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.modal-suporte form .buttons button:hover {
  border: 1px solid var(--primary-color);
}

.background-overlay_confirm-delete {
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--super-bg-color);
  width: 100%;
  height: 100vh;
  --animate-duration: 200ms;
}

.confirm-delete {
  position: relative;
  width: 70rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 2px;
  --animate-duration: 200ms;
}
.confirm-delete .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.confirm-delete .title h2 {
  color: var(--primary-color);
  text-align: center;
}
.confirm-delete .title p {
  color: var(--secondary-color);
}
.confirm-delete .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.confirm-delete .content a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.confirm-delete .content a:hover {
  border: 1px solid var(--primary-color);
}
.confirm-delete .content form button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.confirm-delete .content form button:hover {
  border: 1px solid var(--primary-color);
}

.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-spinner .spinner {
  width: 4em;
  height: 4em;
  border: 0.5em solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--main-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.loading-gif {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  height: 100vh;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-gif img {
  width: 50%;
}

section.cadastro {
  width: 100%;
  height: 100vh;
  background-color: hsl(0, 0%, 12%);
  background-image: radial-gradient(at 10% 4%, hsl(0, 6%, 8%) 0px, transparent 50%), radial-gradient(at 94% 3%, hsl(0, 6%, 8%) 0px, transparent 50%);
}
section.cadastro .logo {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  transition: all 0.2s ease;
}
section.cadastro .logo img {
  width: 4rem;
}
section.cadastro .logo:hover {
  opacity: 0.7;
}
section.cadastro .container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.cadastro .container form {
  position: relative;
  width: 60rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 2px;
  --animate-duration: 500ms;
}
@media (max-width: 767px) {
  section.cadastro .container form {
    display: none;
  }
}
section.cadastro .container form .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
section.cadastro .container form .title h3 {
  color: var(--primary-color);
}
section.cadastro .container form .title p {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.cadastro .container form .inputs span.field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.cadastro .container form .inputs span.field label {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.field input {
  width: 100%;
  padding: 1rem 0.75rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
}
section.cadastro .container form .inputs span.field input::-moz-placeholder {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.field input::placeholder {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.field input:focus {
  outline: none;
}
section.cadastro .container form .inputs span.password,
section.cadastro .container form .inputs span.confirm-password {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.cadastro .container form .inputs span.password label,
section.cadastro .container form .inputs span.confirm-password label {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.password div,
section.cadastro .container form .inputs span.confirm-password div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
}
section.cadastro .container form .inputs span.password div input,
section.cadastro .container form .inputs span.confirm-password div input {
  background: none;
  border: none;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
}
section.cadastro .container form .inputs span.password div input::-moz-placeholder, section.cadastro .container form .inputs span.confirm-password div input::-moz-placeholder {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.password div input::placeholder,
section.cadastro .container form .inputs span.confirm-password div input::placeholder {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.password div input:focus,
section.cadastro .container form .inputs span.confirm-password div input:focus {
  outline: none;
}
section.cadastro .container form .inputs span.password div button.hide,
section.cadastro .container form .inputs span.confirm-password div button.hide {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
section.cadastro .container form .inputs span.password div button.hide:hover,
section.cadastro .container form .inputs span.confirm-password div button.hide:hover {
  opacity: 0.8;
}
section.cadastro .container form .inputs span.password div button.hide img,
section.cadastro .container form .inputs span.confirm-password div button.hide img {
  width: 22px;
  height: 22px;
}
section.cadastro .container form .inputs span.box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
section.cadastro .container form .inputs span.box .left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.cadastro .container form .inputs span.box .left p {
  color: var(--secondary-color);
}
section.cadastro .container form .inputs span.box .left .uls {
  display: flex;
  gap: 1rem;
}
section.cadastro .container form .inputs span.box .left .uls ul {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
section.cadastro .container form .inputs span.box .left .uls ul li {
  color: var(--secondary-color);
  list-style: inside disc;
}
section.cadastro .container form .inputs span.box .left .uls ul li::marker {
  content: "• ";
}
section.cadastro .container form .inputs span.box .left .uls ul li.check {
  color: #00aa00;
}
section.cadastro .container form .inputs span.box .left .uls ul li.check::marker {
  content: "✓ ";
}
section.cadastro .container form .inputs span.box .left .uls ul li.not-check {
  color: #fd1e1e;
}
section.cadastro .container form .inputs span.box .left .uls ul li.not-check::marker {
  content: "✕ ";
}
section.cadastro .container form .inputs span.box button {
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.5rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.cadastro .container form .inputs span.box button:hover {
  border: 1px solid var(--primary-color);
}
section.cadastro .container form .inputs .checked {
  border-left: 3px solid #00aa00 !important;
}
section.cadastro .container form .inputs .not-checked {
  border-left: 3px solid #fd1e1e !important;
}
section.cadastro .container form .inputs p.error {
  color: #fd1e1e;
}
section.cadastro .container form .buttons {
  display: flex;
  flex-direction: column;
}
section.cadastro .container form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.cadastro .container form .buttons button:hover {
  border: 1px solid var(--primary-color);
}
section.cadastro .container form .login {
  display: flex;
  flex-direction: column;
}
section.cadastro .container form .login p {
  color: var(--secondary-color);
}
section.cadastro .container form .login p a {
  color: var(--main-color);
  transition: all 0.2s ease;
}
section.cadastro .container form .login p a:hover {
  opacity: 0.8;
}
section.cadastro .container .mobile-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 100vh;
}
section.cadastro .container .mobile-message img {
  width: 72px;
  height: 72px;
}
section.cadastro .container .mobile-message h3 {
  color: var(--primary-color);
  text-align: center;
  margin-top: 1rem;
}
section.cadastro .container .mobile-message a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 1rem;
  border-radius: 2px;
  color: var(--secondary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.cadastro .container .mobile-message a:hover {
  background: var(--bg-color);
}
@media (min-width: 767px) {
  section.cadastro .container .mobile-message {
    display: none;
  }
}

section.login {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  background-color: hsl(0, 0%, 12%);
  background-image: radial-gradient(at 10% 4%, hsl(0, 6%, 8%) 0px, transparent 50%), radial-gradient(at 94% 3%, hsl(0, 6%, 8%) 0px, transparent 50%);
}
section.login .logo {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  transition: all 0.2s ease;
}
section.login .logo img {
  width: 4rem;
}
section.login .logo:hover {
  opacity: 0.7;
}
section.login .container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.login .container form {
  position: relative;
  width: 50rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 2px;
  --animate-duration: 200ms;
}
@media (max-width: 767px) {
  section.login .container form {
    display: none;
  }
}
section.login .container form .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
section.login .container form .title h3 {
  color: var(--primary-color);
}
section.login .container form .title p {
  color: var(--secondary-color);
}
section.login .container form .inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.login .container form .inputs span.email {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
}
section.login .container form .inputs span.email span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.75rem;
}
section.login .container form .inputs span.email span img {
  width: 1.5rem;
}
section.login .container form .inputs span.email input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  padding-right: 1rem;
}
section.login .container form .inputs span.email input::-moz-placeholder {
  color: var(--secondary-color);
}
section.login .container form .inputs span.email input::placeholder {
  color: var(--secondary-color);
}
section.login .container form .inputs span.email input:focus {
  outline: none;
}
section.login .container form .inputs span.email input:-webkit-autofill, section.login .container form .inputs span.email input:-webkit-autofill:hover, section.login .container form .inputs span.email input:-webkit-autofill:focus, section.login .container form .inputs span.email input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--primary-color) !important;
  caret-color: var(--primary-color);
}
section.login .container form .inputs span.password {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
}
section.login .container form .inputs span.password label {
  color: var(--secondary-color);
}
section.login .container form .inputs span.password div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 0.25rem;
}
section.login .container form .inputs span.password div span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.75rem;
}
section.login .container form .inputs span.password div span img {
  width: 1.5rem;
}
section.login .container form .inputs span.password div input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  padding-right: 1rem;
}
section.login .container form .inputs span.password div input::-moz-placeholder {
  color: var(--secondary-color);
}
section.login .container form .inputs span.password div input::placeholder {
  color: var(--secondary-color);
}
section.login .container form .inputs span.password div input:focus {
  outline: none;
}
section.login .container form .inputs span.password div button.hide {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
section.login .container form .inputs span.password div button.hide:hover {
  opacity: 0.8;
}
section.login .container form .inputs span.password div button.hide img {
  width: 22px;
  height: 22px;
}
section.login .container form .inputs span.forgot a {
  font-size: 1.2rem;
  color: var(--primary-color);
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
section.login .container form .inputs span.forgot a:hover {
  opacity: 0.8;
}
section.login .container form .buttons {
  display: flex;
  flex-direction: column;
}
section.login .container form .buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.login .container form .buttons button:hover {
  border: 1px solid var(--primary-color);
}
section.login .container form .cadastro {
  display: flex;
  flex-direction: column;
}
section.login .container form .cadastro p {
  color: var(--secondary-color);
}
section.login .container form .cadastro p a {
  color: var(--main-color);
  transition: all 0.2s ease;
}
section.login .container form .cadastro p a:hover {
  opacity: 0.8;
}
section.login .container .mobile-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 100vh;
}
section.login .container .mobile-message img {
  width: 72px;
  height: 72px;
}
section.login .container .mobile-message h3 {
  color: var(--primary-color);
  text-align: center;
  margin-top: 1rem;
}
section.login .container .mobile-message a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 1rem;
  border-radius: 2px;
  color: var(--secondary-color);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  section.login .container .mobile-message {
    display: none;
  }
}

section.password-reset {
  width: 100%;
  height: 100vh;
  background: var(--super-bg-color);
}
section.password-reset img.logo {
  position: absolute;
  top: -7rem;
  right: -7rem;
  width: 50rem;
}
section.password-reset .container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.password-reset .container form, section.password-reset .container .box {
  position: relative;
  width: 60rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  background: var(--bg-color);
  border-radius: 2px;
  border: 1px solid #000;
  --animate-duration: 500ms;
}
section.password-reset .container ul {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
section.password-reset .container ul li {
  color: var(--secondary-color);
  list-style: inside disc;
}
section.password-reset .container ul li::marker {
  content: "• ";
}
section.password-reset .container ul.errorlist li {
  color: #fd1e1e;
}
section.password-reset .container ul.errorlist li::marker {
  content: "✕ ";
}
section.password-reset .container label {
  display: none;
}
section.password-reset .container .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.password-reset .container .logo svg {
  width: 64px;
}
section.password-reset .container .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
section.password-reset .container .title h3 {
  color: var(--primary-color);
  text-align: center;
}
section.password-reset .container .title p {
  color: var(--secondary-color);
  text-align: center;
}
section.password-reset .container .inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.password-reset .container .inputs input {
  width: 100%;
  padding: 1rem 0.75rem;
  background: var(--super-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.5rem;
}
section.password-reset .container .inputs input::-moz-placeholder {
  color: var(--secondary-color);
}
section.password-reset .container .inputs input::placeholder {
  color: var(--secondary-color);
}
section.password-reset .container .inputs input:focus {
  outline: none;
}
section.password-reset .container .buttons {
  display: flex;
  flex-direction: column;
}
section.password-reset .container .buttons button, section.password-reset .container .buttons a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.password-reset .container .buttons button:hover, section.password-reset .container .buttons a:hover {
  border: 1px solid var(--primary-color);
}

section.home {
  display: flex;
  justify-content: flex-start;
}
section.home main {
  width: 100%;
  height: 100vh;
  background: var(--bg-color);
  overflow-y: scroll;
  overflow-x: hidden;
}
section.home main .principal {
  background: var(--bg-color);
  padding: 3rem;
}
section.home main .principal .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
section.home main .principal .title span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.home main .principal .title span h3 {
  color: var(--primary-color);
}
section.home main .principal .title span p {
  color: var(--secondary-color);
}
section.home main .principal .title button {
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: none;
  padding: 1.25rem 2rem;
  border-radius: 6px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.home main .principal .content {
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
section.home main .principal .content .slider {
  position: relative;
  width: 100%;
}
section.home main .principal .content .slider .slick-list {
  width: 100%;
  margin: 0 -2rem;
}
section.home main .principal .content .slider .slick-slide {
  width: 100%;
  margin: 0 2rem;
}
section.home main .principal .content .slider .slick-dots {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  display: flex;
  gap: 0.5rem;
}
section.home main .principal .content .slider .slick-dots li {
  transform: scale(0.7);
  transition: all 0.2s ease;
}
section.home main .principal .content .slider .slick-dots li:hover {
  opacity: 0.5;
}
section.home main .principal .content .slider .slick-dots li button {
  background: var(--super-bg-color);
  color: rgba(255, 255, 255, 0);
}
section.home main .principal .content .slider .slick-dots li.slick-active button {
  background: var(--primary-color);
}
section.home main .principal .content .widget {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35rem;
  border-radius: 0.5rem;
  background: #2c2c2c;
  background: linear-gradient(90deg, #171414 0%, #1f1f1f 100%);
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 2rem;
}
section.home main .principal .content .widget .abstract {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.1;
}
section.home main .principal .content .widget .avatar {
  position: absolute;
  top: 50%;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  transform: translateY(-50%);
}
section.home main .principal .content .widget .center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 10;
}
section.home main .principal .content .widget .center span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.home main .principal .content .widget .center span h1 {
  color: var(--primary-color);
  cursor: default;
}
section.home main .principal .content .widget .center span p {
  font-size: 1.5rem !important;
  color: var(--secondary-color);
  cursor: default;
}
section.home main .principal .content .widget .center span a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 1rem auto 0 auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.home main .principal .content .widget .center span a:hover {
  border: 1px solid var(--primary-color);
}
section.home main .principal .content .widget .left {
  position: relative;
  z-index: 10;
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.home main .principal .content .widget .left span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.home main .principal .content .widget .left span h1 {
  color: var(--primary-color);
  cursor: default;
}
section.home main .principal .content .widget .left span p {
  font-size: 1.5rem !important;
  color: var(--secondary-color);
  cursor: default;
}
section.home main .principal .content .widget .left span a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin-top: 1rem;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.home main .principal .content .widget .left span a:hover {
  border: 1px solid var(--primary-color);
}
section.home main .principal .content .widget .right {
  position: relative;
  z-index: 10;
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.home main .principal .content .widget .right img {
  width: 100%;
  height: 100%;
}
section.home main .principal .content .text {
  padding-top: 2rem;
}
section.home main .principal .content .text p {
  color: var(--secondary-color);
}
section.home main .principal .team-not-found {
  opacity: 0.8;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.home main .principal .team-not-found .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.home main .principal .team-not-found .texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
section.home main .principal .team-not-found .texts h1 {
  color: var(--primary-color);
}
section.home main .principal .team-not-found .texts h5 {
  color: var(--primary-color);
  font-weight: 400;
}

.modal-info {
  display: flex;
  position: relative;
  flex-direction: column;
  height: 15rem;
  width: 26rem;
  background-color: rgba(104, 104, 153, 0.795);
  box-shadow: 0px 10px 40px -12px rgba(18, 50, 92, 0.746);
  border-radius: 10px;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  z-index: 999;
}

.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.info-parts {
  margin: auto;
  height: 70%;
  width: 95%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}

.modal-info h2 {
  font-size: 1.6rem;
  text-align: center;
  width: auto;
  margin: 20px auto;
}

.left-info {
  margin-left: 10px;
}

.left-info p {
  font-weight: 900;
}

.right-info p {
  font-weight: 500;
}

.Conteiner_equipe_body {
  display: flex;
  flex-direction: column;
  background-color: rgba(43, 43, 75, 0.5803921569);
  width: 100%;
  height: 70%;
  overflow-y: scroll;
  border-radius: 20px 20px 0 0;
}

.Conteiner_equipe_body::-webkit-scrollbar {
  width: 13px;
}

.Conteiner_equipe_body::-webkit-scrollbar-track {
  background-color: rgba(18, 10, 58, 0.5529411765);
  border-radius: 5px;
}

.Conteiner_equipe_body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgb(28, 11, 94);
}

.iconinfo {
  position: absolute;
  top: 30%;
  left: 90%;
  color: #45edf0;
  margin: auto;
  font-size: 2rem;
  transition: all 0.3s ease;
}

.iconinfo:hover {
  color: #a7fcfd;
}

.modal-info-colaborador {
  position: absolute;
  top: -13px;
  display: flex;
  flex-direction: column;
  width: 10rem;
  height: 6rem;
  background-color: rgba(104, 104, 153, 0.795);
  box-shadow: 0px 10px 40px -12px rgba(18, 50, 92, 0.746);
  margin-left: 75%;
  border-radius: 40px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.modal-info-colaborador.show {
  opacity: 1;
}

.tittle-last-login {
  margin: 20px auto;
  font-weight: 700;
}

.date-last-login {
  margin: -10px auto;
  font-size: 12px;
}

.status-colaborador {
  display: flex;
  position: absolute;
  left: 50%;
  margin-top: 4px;
}

.status-colaborador {
  color: #188fdf;
  font-weight: 700;
}

.Adc-Colaborador {
  display: flex;
  background-color: rgba(43, 43, 75, 0.5803921569);
  border-radius: 0 0 20px 20px;
  height: 4.5rem;
}

.Team-not-found {
  display: flex;
  flex-direction: row;
  position: absolute;
  background-color: rgb(29, 34, 58);
  width: 100%;
  height: 75vh;
  border-radius: 0 20px 20px 20px;
}

.Team-not-found-left {
  display: flex;
  width: 50%;
}

.Team-not-found-left h2 {
  font-size: 2.5rem;
  text-align: center;
  width: 80%;
  height: auto;
  margin-left: 15%;
  margin-top: 22%;
}

.Team-not-found-right {
  display: flex;
}

.Team-not-found-right img {
  width: 80%;
}

#card-colaborador-bars {
  position: absolute;
  top: 40%;
  left: 96%;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

#card-colaborador-bars:hover {
  color: #28b8f6;
}

#gear-team {
  position: absolute;
  font-size: 1.8rem;
  left: 90%;
  top: 30%;
}

#gear-colaborador {
  position: absolute;
  font-size: 1.8rem;
  left: 90%;
  top: 30%;
}

.Modal-configs-team {
  display: none;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
  width: 50%;
  height: 28%;
  padding: 20px;
  background: rgba(26, 70, 128, 0.959);
  border-radius: 10px;
  box-shadow: 2px 2px 2px #0d0749;
  z-index: 999;
}

.Modal-configs-team-colaborador {
  display: none;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
  width: 50%;
  height: auto;
  padding: 2rem;
  background: rgba(26, 70, 128, 0.959);
  border-radius: 10px;
  box-shadow: 2px 2px 2px #0d0749;
  z-index: 9999;
}

.Header-configs-team {
  align-items: center;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  height: 3rem;
  width: 80%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5568627451);
}

.Header-configs-team-colaborador {
  align-items: center;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  height: 3rem;
  width: 80%;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5568627451);
}

.Header-configs-team button {
  position: fixed;
  border: none;
  background: none;
  font-size: 2rem;
  color: white;
  top: 5%;
  left: 90%;
  transition: all 0.3s ease;
}

.Header-configs-team-colaborador button {
  position: fixed;
  border: none;
  background: none;
  font-size: 2rem;
  color: white;
  top: 5%;
  left: 90%;
  transition: all 0.3s ease;
}

.Header-configs-team button:hover {
  color: aquamarine;
}

.Header-configs-team-colaborador button:hover {
  color: aquamarine;
}

.Header-configs-team h2 {
  margin: 0 auto;
  padding-bottom: 10px;
}

.vertical-body-configs-colaborador {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
}

.horizontal-configs-team-left-colaborador {
  height: 100%;
  width: 100%;
}

.vertical-body-configs-colaborador label {
  margin-bottom: 4px;
}

.horizontal-configs-team-left-colaborador label {
  font-size: 1rem;
  font-weight: 600;
}

.area-descricao {
  border: none;
  border-radius: 7px;
  width: 80%;
  height: 10rem;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 2px 2px 2px #0d0749;
}

.area-descricao p {
  padding-left: 5px;
}

.input-team-name-colaborador {
  border: none;
  border-radius: 7px;
  width: 80%;
  height: 2rem;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 2px 2px 2px #0d0749;
}

.input-team-name-colaborador p {
  margin: auto;
  padding-left: 5px;
}

.vertical-body-configs-colaborador label {
  font-size: 1rem;
  font-weight: 600;
}

.Header-configs-team-colaborador h2 {
  margin: 0 auto;
  padding-bottom: 10px;
}

.Body-configs-team-colaborador {
  display: flex;
  height: 100%;
  width: 100%;
}

.Body-configs-team-left-colaborador {
  display: flex;
  gap: 40px;
  width: 100%;
  height: 100%;
  margin-left: 10%;
}

.Body-configs-team {
  position: relative;
  display: flex;
  width: 98%;
  height: 98%;
  margin: auto;
}

.Body-left-configs-team {
  display: flex;
  flex-direction: column;
  margin-left: 3rem;
  margin-top: 5px;
}

.Body-left-configs-team label {
  font-size: 1.2rem;
  margin-bottom: 3px;
  margin-left: 3px;
  font-weight: 500;
  margin-top: 4px;
}

.Body-left-configs-team input {
  color: white;
  border: none;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 2px 2px 2px #0d0749;
}

.Body-left-configs-team input::-moz-placeholder {
  color: #fffefe;
  font-size: 1rem;
  padding-left: 4px;
  font-weight: 700;
}

.Body-left-configs-team input::placeholder {
  color: #fffefe;
  font-size: 1rem;
  padding-left: 4px;
  font-weight: 700;
}

.conteiner-btn-save-changes {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 80%;
  left: 50%;
}

.conteiner-btn-save-changes button {
  border: none;
  padding: 0.7rem;
  border-radius: 15px;
  background: rgb(0, 191, 255);
  transition: all 0.3s ease;
  letter-spacing: 1px;
  font-weight: 600;
  gap: 20px;
}

.conteiner-btn-save-changes button:hover {
  background-color: rgb(11, 155, 250);
}

.conteiner-excluir-equipe {
  display: flex;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 20%;
  left: 50%;
}

.conteiner-excluir-equipe button {
  border: none;
  padding: 0.3rem;
  border-radius: 15px;
  background: rgb(221, 10, 10);
  transition: all 0.3s ease;
  letter-spacing: 1px;
  color: white;
  font-weight: 600;
}

.conteiner-excluir-equipe button:hover {
  background: rgb(248, 61, 61);
}

.overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-color: rgba(13, 13, 13, 0.4705882353);
  z-index: 998;
}

.input-team-name i {
  padding-left: 3px;
  color: #efefef;
}

.input-team-name input {
  width: 60%;
}

.confim-excluir-equipe {
  display: none;
  position: absolute;
  border-radius: 15px;
  background-color: rgb(13, 43, 82);
  width: 40%;
  width: 30%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
  flex-direction: column;
  padding: 20px;
  z-index: 999;
}

.confim-excluir-equipe-colaborador {
  display: none;
  position: absolute;
  border-radius: 15px;
  background-color: rgb(13, 43, 82);
  width: 40%;
  width: 30%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 55%;
  flex-direction: column;
  padding: 20px;
  z-index: 99999;
}

.confim-excluir-equipe h3 {
  font-size: 15px;
  margin: 0 auto;
}

.btn-confirm-excluir-equipe {
  padding: 15px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.btn-confirm-excluir-equipe-colaborador {
  padding: 15px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.btn-confirm-no {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 10px 15px;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  background: rgb(224, 58, 58);
  transition: all 0.5s ease;
}

.btn-confirm-no:hover {
  background: rgb(237, 6, 6);
}

.btn-confirm-yes {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 10px 15px;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  background: rgb(104, 235, 68);
  transition: all 0.5s ease;
}

.btn-confirm-yes:hover {
  background-color: rgb(55, 255, 0);
}

.conteiner-descricao-config {
  display: flex;
  width: 30%;
  height: 100%;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 80%;
  top: 54%;
}

.conteiner-descricao-config textarea {
  border: none;
  resize: none;
  color: white;
  border-radius: 7px;
  height: 90%;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 2px 2px 2px #0d0749;
}

.conteiner-descricao-config textarea::-moz-placeholder {
  color: #fffefe;
  font-size: 1rem;
  padding-left: 4px;
  font-weight: 700;
}

.conteiner-descricao-config textarea::placeholder {
  color: #fffefe;
  font-size: 1rem;
  padding-left: 4px;
  font-weight: 700;
}

.SairEquipe {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  height: 100%;
}

.SairEquipe button {
  border: none;
  cursor: pointer;
  background-color: rgb(243, 81, 81);
  margin: auto 5px;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 15px;
  height: 2rem;
  width: 50%;
  transition: all 0.3s ease;
}

.SairEquipe button:hover {
  background-color: rgb(247, 2, 2);
}

.is_ative {
  position: absolute;
  display: flex;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 56%;
  height: 96%;
  background-color: rgb(29, 34, 58);
  border-radius: 15px;
  width: 84%;
  z-index: 99999;
}

.is_ative_h3 {
  display: flex;
  width: 50%;
  height: 100%;
}

.is_ative_h3 h3 {
  margin: 45% 0;
  text-align: center;
  font-size: 1.5rem;
  padding-left: 10px;
}

.is_ative_h3 h3 a {
  color: rgb(150, 224, 231);
  transition: all 0.3s ease;
}

.is_ative_h3 h3 a:hover {
  color: rgb(11, 155, 250);
}

.is_ative_img {
  display: flex;
  width: 45%;
  height: 100%;
}

.is_ative_img img {
  width: 80%;
  margin: auto;
}

.btn-remove-colaborador-a {
  color: white;
  font-weight: 700;
  margin: auto;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-remove-colaborador-a:hover {
  color: rgb(253, 51, 51);
}

section.controle {
  display: flex;
  justify-content: flex-start;
}
section.controle .full-screen {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--bg-color);
  padding: 1rem;
  overflow: auto;
}
section.controle .full-screen button {
  position: fixed;
  z-index: 999999999999999;
  width: 4rem;
  height: 4rem;
  top: -1.9rem;
  left: -1.9rem;
  background: var(--main-color);
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3137254902);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
section.controle .full-screen button img {
  width: 26px;
}
section.controle .full-screen button:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3137254902);
  top: -0.75rem;
  left: -0.75rem;
}
section.controle table {
  width: 100%;
  overflow-x: scroll;
  position: relative;
  z-index: 10;
}
section.controle table::-webkit-scrollbar {
  height: 5px !important;
}
section.controle table thead {
  width: 100%;
}
section.controle table thead tr {
  position: relative;
}
section.controle table thead tr th {
  font-size: 1.25rem !important;
  font-weight: 400;
  color: var(--secondary-color);
  text-align: center;
  padding: 1rem;
  min-width: 10rem;
}
section.controle table thead tr th.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  transition: all 0.2s ease;
}
section.controle table thead tr th.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  bottom: 1rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
section.controle table thead tr th img {
  width: 19px;
  height: 19px;
}
section.controle table tbody {
  position: relative;
  z-index: 10;
}
section.controle table tbody tr {
  position: relative;
  z-index: 10;
}
section.controle table tbody tr:nth-child(even) {
  background: var(--bg-color);
}
section.controle table tbody tr:nth-child(odd) {
  background: var(--super-bg-color);
}
section.controle table tbody tr td {
  position: relative;
  z-index: 1;
  padding: 1rem;
  font-size: 1.25rem !important;
  color: var(--primary-color);
  text-align: center;
  min-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
}
section.controle table tbody tr td.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
section.controle table tbody tr td.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  top: -2.25rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
section.controle table tbody tr td.coluna-conferencia .card-message p {
  color: var(--primary-color) !important;
}
section.controle table tbody tr td.coluna-conferencia .card-message img.triangle {
  position: absolute;
  bottom: -0.9rem;
  left: 0.75rem;
  transform: rotate(270deg);
  width: 2rem;
  z-index: -10;
}
section.controle table tbody tr td.ellipsis {
  max-width: 15rem;
  text-overflow: ellipsis;
}
section.controle table tbody tr td img {
  width: 19px;
  height: 19px;
}
section.controle table tbody tr td.observacoes {
  cursor: pointer;
  transition: all 0.2s ease;
}
section.controle table tbody tr td.observacoes:hover {
  opacity: 0.5;
}
section.controle table tbody tr td.options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
section.controle table tbody tr td.options a {
  transition: all 0.2s ease;
}
section.controle table tbody tr td.options a img {
  width: 19px;
  height: 19px;
}
section.controle table tbody tr td.options a:hover {
  opacity: 0.7;
}
section.controle table tbody tr td.status p {
  border-radius: 4px;
}
section.controle table tbody tr td.status p.alterado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(207, 148, 0, 0.0823529412) !important;
  color: #cf9400 !important;
}
section.controle table tbody tr td.status p.regularizado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(0, 170, 0, 0.0823529412) !important;
  color: #00aa00 !important;
}
section.controle table tbody tr td.status p.cancelamento {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(255, 58, 58, 0.0823529412) !important;
  color: #ff3a3a !important;
}
section.controle table tbody tr td.status p.migracao {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(54, 54, 255, 0.0823529412) !important;
  color: #3636ff !important;
}
section.controle .empty-registers {
  padding: 2rem 0;
}
section.controle main {
  height: 100vh;
  background: var(--bg-color);
}
section.controle main .principal {
  background: var(--bg-color);
  padding: 3rem;
}
section.controle main .principal p {
  color: var(--secondary-color);
}
section.controle main .principal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
section.controle main .principal .header h3 {
  color: var(--primary-color);
}
section.controle main .principal .header .left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.controle main .principal .header .left span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.75rem;
}
section.controle main .principal .header .left span .modal-searchh {
  --animate-duration: 100ms;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
}
section.controle main .principal .header .left span .modal-searchh form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.controle main .principal .header .left span .modal-searchh form button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 0.5rem 0 0.5rem 0.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--secondary-color);
  transition: all 0.2s ease;
}
section.controle main .principal .header .left span .modal-searchh form button img {
  width: 1.25rem;
  height: 1.25rem;
}
section.controle main .principal .header .left span .modal-searchh form button:hover {
  opacity: 0.7;
}
section.controle main .principal .header .left span .modal-searchh form input {
  width: 10rem;
  padding: 0.5rem;
  border-radius: 2px;
  background: none;
  border: none;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
section.controle main .principal .header .left span .modal-searchh form input::-moz-placeholder {
  color: var(--secondary-color);
}
section.controle main .principal .header .left span .modal-searchh form input::placeholder {
  color: var(--secondary-color);
}
section.controle main .principal .header .left span .modal-searchh form input:focus {
  outline: none;
}
section.controle main .principal .header .left span button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--secondary-color);
  transition: all 0.2s ease;
}
section.controle main .principal .header .left span button img {
  width: 1.2rem;
  height: 1.2rem;
}
section.controle main .principal .header .left span button:hover {
  opacity: 0.7;
}
section.controle main .principal .header .left span button.selected {
  color: var(--primary-color);
}
section.controle main .principal .header .left span button.selected img {
  filter: brightness(0) invert(1) grayscale(100%) contrast(100%);
}
section.controle main .principal .header .left .modal-months {
  --animate-duration: 100ms;
}
section.controle main .principal .header .left .modal-months form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
section.controle main .principal .header .left .modal-months form input {
  width: 12rem;
  padding: 0.5rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
section.controle main .principal .header .left .modal-months form input::-moz-placeholder {
  color: var(--secondary-color);
}
section.controle main .principal .header .left .modal-months form input::placeholder {
  color: var(--secondary-color);
}
section.controle main .principal .header .left .modal-months form input:focus {
  outline: none;
}
section.controle main .principal .header .left .modal-months form button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.5rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.controle main .principal .header .left .modal-months form button:hover {
  border: 1px solid var(--primary-color);
}
section.controle main .principal .header .left .pagination-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.controle main .principal .header .left .pagination-btns div.prev {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.controle main .principal .header .left .pagination-btns div.prev a {
  color: var(--primary-color);
  opacity: 0.3;
  font-size: 1.25rem;
  transition: all 0.2s ease;
}
section.controle main .principal .header .left .pagination-btns div.prev a:hover {
  opacity: 0.7;
}
section.controle main .principal .header .left .pagination-btns div.prev img {
  width: 1.5rem;
  transform: rotate(180deg);
}
section.controle main .principal .header .left .pagination-btns div.main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
section.controle main .principal .header .left .pagination-btns div.main a:first-child, section.controle main .principal .header .left .pagination-btns div.main a:last-child {
  color: var(--secondary-color);
  font-size: 1.25rem;
  transition: all 0.2s ease;
}
section.controle main .principal .header .left .pagination-btns div.main a:first-child:hover, section.controle main .principal .header .left .pagination-btns div.main a:last-child:hover {
  opacity: 0.7;
}
section.controle main .principal .header .left .pagination-btns div.main a:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
  background: var(--main-color);
  font-size: 1.5rem;
  font-weight: 600;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  cursor: default;
}
section.controle main .principal .header .left .pagination-btns div.next {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section.controle main .principal .header .left .pagination-btns div.next a {
  color: rgba(247, 247, 247, 0.1882352941);
  font-size: 1.25rem;
  transition: all 0.2s ease;
}
section.controle main .principal .header .left .pagination-btns div.next a:hover {
  opacity: 0.7;
}
section.controle main .principal .header .left .pagination-btns div.next img {
  width: 1.5rem;
}
section.controle main .principal .header .right button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.controle main .principal .header .right button:hover {
  border: 1px solid var(--primary-color);
}
section.controle main .principal .content {
  width: 100%;
  margin-top: 1rem;
  max-width: 100%;
  max-height: calc(100vh - 18rem);
  overflow: scroll;
}
section.controle main .principal .team-not-found {
  margin-top: 12rem;
  opacity: 0.8;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.controle main .principal .team-not-found .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.controle main .principal .team-not-found .texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
section.controle main .principal .team-not-found .texts h1 {
  color: var(--primary-color);
}
section.controle main .principal .team-not-found .texts h5 {
  color: var(--primary-color);
  font-weight: 400;
}

section.dashboard {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}
section.dashboard main {
  height: 100vh;
  background: var(--bg-color);
}
section.dashboard main .principal {
  background: var(--bg-color);
  padding: 3rem;
  overflow-y: auto;
  overflow-x: hidden;
}
section.dashboard main .principal p {
  color: var(--secondary-color);
}
section.dashboard main .principal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
section.dashboard main .principal .header h3 {
  color: var(--primary-color);
}
section.dashboard main .principal .header .left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.dashboard main .principal .header .left span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
section.dashboard main .principal .header .left span button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: none;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--secondary-color);
  transition: all 0.2s ease;
}
section.dashboard main .principal .header .left span button img {
  width: 1.2rem;
  height: 1.2rem;
}
section.dashboard main .principal .header .left span button:hover {
  opacity: 0.7;
}
section.dashboard main .principal .header .left .modal-months {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  --animate-duration: 100ms;
}
section.dashboard main .principal .header .left .modal-months input {
  width: 15rem;
  padding: 0.5rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
section.dashboard main .principal .header .left .modal-months input::-moz-placeholder {
  color: var(--secondary-color);
}
section.dashboard main .principal .header .left .modal-months input::placeholder {
  color: var(--secondary-color);
}
section.dashboard main .principal .header .left .modal-months input:focus {
  outline: none;
}
section.dashboard main .principal .header .left .modal-months button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.5rem 1.5rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.dashboard main .principal .header .left .modal-months button:hover {
  border: 1px solid var(--primary-color);
}
section.dashboard main .principal .header .right .toggle-section {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--super-bg-color);
}
section.dashboard main .principal .header .right .toggle-section button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  background: var(--bg-color);
  color: var(--secondary-color);
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
section.dashboard main .principal .header .right .toggle-section button:hover {
  color: var(--primary-color);
  font-weight: 600;
}
section.dashboard main .principal .header .right .toggle-section button.section-active {
  background: var(--main-color);
  color: var(--primary-color);
  font-weight: 600;
}
section.dashboard main .principal .content {
  position: relative;
  width: 100%;
  margin-top: 1.5rem;
  max-width: 100%;
}
section.dashboard main .principal .content .loading {
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  border: 4px solid var(--main-color);
  border-left-color: transparent;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
section.dashboard main .principal .content .top {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
}
section.dashboard main .principal .content .top .slick-list {
  width: 100%;
  margin: 0 -1rem;
}
section.dashboard main .principal .content .top .slick-slide {
  width: 100%;
  margin: 0 1rem;
}
section.dashboard main .principal .content .top .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--main-color);
  border: 1px solid var(--primary-color);
  padding: 0.5rem;
  cursor: pointer;
}
section.dashboard main .principal .content .top .slick-arrow svg {
  width: 24px;
  height: 24px;
}
section.dashboard main .principal .content .top .slick-arrow.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
}
section.dashboard main .principal .content .top .slick-arrow.slick-prev {
  display: none !important;
}
section.dashboard main .principal .content .top .card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #2c2c2c;
  background: linear-gradient(180deg, #171414 0%, #1f1f1f 100%);
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 1.75rem;
  width: 20rem;
  border-radius: 1rem;
}
section.dashboard main .principal .content .top .card rect {
  fill: rgba(255, 255, 255, 0);
}
section.dashboard main .principal .content .top .card .icon img {
  width: 32px;
  height: 32px;
}
section.dashboard main .principal .content .top .card .texts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.dashboard main .principal .content .top .card .texts p {
  font-size: 1.25rem !important;
}
section.dashboard main .principal .content .top .card .texts h3 {
  color: var(--primary-color);
}
section.dashboard main .principal .content .main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}
section.dashboard main .principal .content .main .graphics-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
section.dashboard main .principal .content .main .graphics-row .arrecadacao-graphic {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #2c2c2c;
  background: linear-gradient(180deg, #171414 0%, #1f1f1f 100%);
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 1.75rem;
  border-radius: 1rem;
}
section.dashboard main .principal .content .main .graphics-row .matriculas-convertidas-graphic {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #2c2c2c;
  background: linear-gradient(180deg, #171414 0%, #1f1f1f 100%);
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 1.75rem;
  border-radius: 1rem;
}
section.dashboard main .principal .content .main .first-row, section.dashboard main .principal .content .main .second-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 1350px) {
  section.dashboard main .principal .content .main .first-row, section.dashboard main .principal .content .main .second-row {
    display: flex;
    flex-direction: column;
  }
}
section.dashboard main .principal .content .main .first-row .left, section.dashboard main .principal .content .main .second-row .left {
  width: 100%;
}
@media (max-width: 1350px) {
  section.dashboard main .principal .content .main .first-row .left, section.dashboard main .principal .content .main .second-row .left {
    width: 100%;
  }
}
section.dashboard main .principal .content .main .first-row .left .card, section.dashboard main .principal .content .main .second-row .left .card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #2c2c2c;
  background: linear-gradient(180deg, #171414 0%, #1f1f1f 100%);
  border: 1px solid rgba(0, 0, 0, 0.5019607843);
  padding: 1.75rem;
  border-radius: 1rem;
  width: 100%;
}
section.dashboard main .principal .content .main .first-row .left .card .title h4, section.dashboard main .principal .content .main .second-row .left .card .title h4 {
  color: var(--primary-color);
}
section.dashboard main .principal .content .main table {
  width: 100%;
  overflow-x: scroll;
}
section.dashboard main .principal .content .main table::-webkit-scrollbar {
  height: 5px !important;
}
section.dashboard main .principal .content .main table thead {
  width: 100%;
}
section.dashboard main .principal .content .main table thead tr th {
  font-size: 1.25rem !important;
  font-weight: 400;
  color: var(--secondary-color);
  text-align: center;
  padding: 1rem;
  min-width: 10rem;
}
section.dashboard main .principal .content .main table tbody tr:nth-child(even) {
  background: var(--bg-color);
}
section.dashboard main .principal .content .main table tbody tr:nth-child(odd) {
  background: var(--super-bg-color);
}
section.dashboard main .principal .content .main table tbody tr td {
  position: relative;
  padding: 1rem;
  font-size: 1.25rem !important;
  color: var(--primary-color);
  text-align: center;
  min-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
}
section.dashboard main .principal .content .main table tbody tr td.ellipsis {
  max-width: 15rem;
  text-overflow: ellipsis;
}
section.dashboard main .principal .content .main table tbody tr td img {
  width: 19px;
  height: 19px;
}
section.dashboard main .principal .content .main table tbody tr td.observacoes {
  cursor: pointer;
  transition: all 0.2s ease;
}
section.dashboard main .principal .content .main table tbody tr td.observacoes:hover {
  opacity: 0.5;
}
section.dashboard main .principal .content .main table tbody tr td.options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
section.dashboard main .principal .content .main table tbody tr td.options a {
  transition: all 0.2s ease;
}
section.dashboard main .principal .content .main table tbody tr td.options a img {
  width: 19px;
  height: 19px;
}
section.dashboard main .principal .content .main table tbody tr td.options a:hover {
  opacity: 0.7;
}
section.dashboard main .principal .content .main table tbody tr td.status p {
  border-radius: 4px;
}
section.dashboard main .principal .content .main table tbody tr td.status p.alterado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(207, 148, 0, 0.1254901961) !important;
  color: #cf9400 !important;
}
section.dashboard main .principal .content .main table tbody tr td.status p.regularizado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(0, 170, 0, 0.1254901961) !important;
  color: #00aa00 !important;
}
section.dashboard main .principal .content .main table tbody tr td.status p.cancelamento {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(255, 58, 58, 0.1254901961) !important;
  color: #ff3a3a !important;
}
section.dashboard main .principal .content .main table tbody tr td.status p.migracao {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(54, 54, 255, 0.1254901961) !important;
  color: #3636ff !important;
}

section.equipes {
  display: flex;
  justify-content: flex-start;
  overflow-y: hidden;
}
section.equipes main {
  width: 100%;
  height: 100vh;
  background: var(--bg-color);
}
section.equipes main .principal {
  position: relative;
  background: var(--bg-color);
  padding: 3rem;
  overflow-y: scroll;
  max-height: calc(100vh - 5rem);
}
section.equipes main .principal .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
}
section.equipes main .principal .title span {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.equipes main .principal .title span h3 {
  color: var(--primary-color);
}
section.equipes main .principal .title span p {
  color: var(--secondary-color);
}
section.equipes main .principal .title button.criar-equipe_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.equipes main .principal .title button.criar-equipe_btn:hover {
  border: 1px solid var(--primary-color);
}
section.equipes main .principal .title button.editar-equipe_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
}
section.equipes main .principal .title button.editar-equipe_btn img {
  width: 32px;
}
section.equipes main .principal .content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.equipes main .principal .content .header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
section.equipes main .principal .content .header button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
}
section.equipes main .principal .content .header button img {
  width: 32px;
}
section.equipes main .principal .content .body {
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}
section.equipes main .principal .content .body .card-colaborador {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--super-bg-color);
  box-shadow: 0 0 2px #000;
  padding: 1.25rem 1rem;
  width: 100%;
  border-left: 4px solid var(--main-color);
  border-radius: 4px;
}
section.equipes main .principal .content .body .card-colaborador .infos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.equipes main .principal .content .body .card-colaborador .infos h5 {
  color: var(--primary-color);
  font-weight: 500;
}
section.equipes main .principal .content .body .card-colaborador .infos p {
  color: var(--secondary-color);
}
section.equipes main .principal .content .body .card-colaborador .remove-colaborador {
  width: 10rem;
  height: 100%;
}
section.equipes main .principal .content .body .card-colaborador .remove-colaborador .remove-colaborador-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 50%;
  width: 10rem;
  height: 100%;
}
section.equipes main .principal .content .body .card-colaborador .remove-colaborador .remove-colaborador-btn a {
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
section.equipes main .principal .content .convidar-colaborador {
  margin-top: 2rem;
}
section.equipes main .principal .content .convidar-colaborador button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 2rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.equipes main .principal .content .convidar-colaborador button:hover {
  border: 1px solid var(--primary-color);
}
section.equipes main .principal .team-not-found {
  margin-top: 10rem;
  opacity: 0.8;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.equipes main .principal .team-not-found .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.equipes main .principal .team-not-found .texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
section.equipes main .principal .team-not-found .texts h1 {
  color: var(--primary-color);
}
section.equipes main .principal .team-not-found .texts h5 {
  color: var(--primary-color);
  font-weight: 400;
}

section.registros {
  position: relative;
  background: var(--super-bg-color);
  padding: 2rem;
  overflow-x: scroll;
  min-height: 100vh;
}
section.registros .empty-register {
  padding: 2rem 1rem;
}
section.registros .empty-register p {
  color: var(--secondary-color);
}
section.registros .header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
section.registros .header a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0.25rem;
  transition: all 0.2s ease;
}
section.registros .header a:hover {
  background: var(--bg-color);
}
section.registros .header a img {
  width: 32px;
  height: 32px;
}
section.registros .header h3 {
  color: var(--primary-color);
}
section.registros .header h3 strong {
  font-weight: 900;
}
section.registros .content {
  width: 100%;
  margin-top: 1.5rem;
  max-width: 100%;
  overflow: scroll;
  box-shadow: 0 0 2px #000;
  border-left: 3px solid rgba(0, 0, 0, 0);
  padding-left: 1rem;
  background: var(--bg-color);
  transition: all 0.2s ease;
}
section.registros .content:hover {
  border-left: 3px solid var(--main-color);
}
section.registros .content table {
  width: 100%;
  overflow-x: scroll;
}
section.registros .content table.collaborator {
  padding-bottom: 1rem;
}
section.registros .content table::-webkit-scrollbar {
  height: 5px !important;
}
section.registros .content table thead {
  width: 100%;
}
section.registros .content table thead tr th {
  font-size: 1.25rem !important;
  font-weight: 400;
  color: var(--secondary-color);
  text-align: center;
  padding: 1rem 0.25rem;
  min-width: 10rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
section.registros .content table tbody tr:nth-child(even) {
  background: var(--bg-color);
}
section.registros .content table tbody tr:nth-child(odd) {
  background: var(--super-bg-color);
}
section.registros .content table tbody tr td {
  position: relative;
  padding: 0.5rem;
  font-size: 1.25rem !important;
  color: var(--primary-color);
  text-align: center;
  min-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
}
section.registros .content table tbody tr td.ellipsis {
  max-width: 15rem;
  text-overflow: ellipsis;
}
section.registros .content table tbody tr td img {
  width: 19px;
  height: 19px;
}
section.registros .content table tbody tr td.observacoes {
  cursor: pointer;
  transition: all 0.2s ease;
}
section.registros .content table tbody tr td.observacoes:hover {
  opacity: 0.5;
}
section.registros .content table tbody tr td.options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
section.registros .content table tbody tr td.options a {
  transition: all 0.2s ease;
}
section.registros .content table tbody tr td.options a img {
  width: 19px;
  height: 19px;
}
section.registros .content table tbody tr td.options a:hover {
  opacity: 0.7;
}
section.registros .content table tbody tr td.status p {
  border-radius: 4px;
}
section.registros .content table tbody tr td.status p.alterado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(207, 148, 0, 0.1254901961) !important;
  color: #cf9400 !important;
}
section.registros .content table tbody tr td.status p.regularizado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(0, 170, 0, 0.1254901961) !important;
  color: #00aa00 !important;
}
section.registros .content table tbody tr td.status p.cancelamento {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(255, 58, 58, 0.1254901961) !important;
  color: #ff3a3a !important;
}
section.registros .content table tbody tr td.status p.migracao {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(54, 54, 255, 0.1254901961) !important;
  color: #3636ff !important;
}
section.registros .content .bottom {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2rem;
}
section.registros .content .bottom .options {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.75rem 0;
}
section.registros .content .bottom .options a {
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
  transition: all 0.1s ease;
}
section.registros .content .bottom .options a.aceitar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.75rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.registros .content .bottom .options a.aceitar:hover {
  border: 1px solid var(--primary-color);
}
section.registros .content .bottom .options a.recusar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 0.75rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.registros .content .bottom .options a.recusar:hover {
  border: 1px solid var(--primary-color);
}
section.registros .content .bottom .options a img {
  width: 16px;
  height: 16px;
}
section.registros .content .bottom .consultar-registro form input {
  display: none;
}
section.registros .content .bottom .consultar-registro form button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
  padding: 0.75rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.registros .content .bottom .consultar-registro form button:hover {
  border: 1px solid var(--primary-color);
}

section.filtrados {
  position: relative;
  background: var(--super-bg-color);
  padding: 2rem;
  overflow: hidden;
  height: 100vh;
}
section.filtrados .empty-register {
  padding: 2rem 1rem;
}
section.filtrados .empty-register p {
  color: var(--secondary-color);
}
section.filtrados .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
section.filtrados .header span {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
section.filtrados .header span a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0.25rem;
  transition: all 0.2s ease;
}
section.filtrados .header span a:hover {
  background: var(--bg-color);
}
section.filtrados .header span a img {
  width: 32px;
  height: 32px;
}
section.filtrados .header span h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-color);
}
section.filtrados .header span h3 strong {
  font-weight: 900;
}
section.filtrados .header button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 0.75rem 1.25rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  letter-spacing: 0.00563rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.filtrados .header button:hover {
  border: 1px solid var(--primary-color);
}
section.filtrados .header button img {
  width: 1.25rem;
}
section.filtrados .content {
  width: 100%;
  margin-top: 1.5rem;
  max-width: 100%;
  max-height: 88vh;
  overflow: scroll;
}
section.filtrados .content p {
  color: var(--secondary-color);
  padding: 1rem 0;
}
section.filtrados .content table {
  width: 100%;
  overflow: scroll;
}
section.filtrados .content table::-webkit-scrollbar {
  height: 5px !important;
}
section.filtrados .content table thead {
  width: 100%;
}
section.filtrados .content table thead tr {
  position: relative;
}
section.filtrados .content table thead tr th {
  font-size: 1.25rem !important;
  font-weight: 400;
  color: var(--secondary-color);
  text-align: center;
  padding: 1rem;
  min-width: 10rem;
}
section.filtrados .content table thead tr th.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
section.filtrados .content table thead tr th.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  bottom: 1rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
section.filtrados .content table thead tr th img {
  width: 19px;
  height: 19px;
}
section.filtrados .content table thead tr th select {
  background: none;
  border: none;
  color: var(--secondary-color);
  font-size: 1.25rem !important;
}
section.filtrados .content table thead tr th select:focus {
  background: var(--super-bg-color);
  color: var(--primary-color) !important;
}
section.filtrados .content table thead tr th select::-moz-placeholder {
  color: var(--secondary-color);
}
section.filtrados .content table thead tr th select::placeholder {
  color: var(--secondary-color);
}
section.filtrados .content table tbody tr {
  position: relative;
}
section.filtrados .content table tbody tr:nth-child(even) {
  background: var(--super-bg-color);
}
section.filtrados .content table tbody tr:nth-child(odd) {
  background: var(--bg-color);
}
section.filtrados .content table tbody tr td {
  position: relative;
  padding: 1rem;
  font-size: 1.25rem !important;
  color: var(--primary-color);
  text-align: center;
  min-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
}
section.filtrados .content table tbody tr td.coluna-conferencia {
  position: static !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
section.filtrados .content table tbody tr td.coluna-conferencia .card-message {
  position: absolute;
  z-index: 999;
  top: -2.25rem;
  left: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-color);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3137254902);
  transition: all 0.3s ease;
  cursor: default;
}
section.filtrados .content table tbody tr td.coluna-conferencia .card-message img {
  position: absolute;
  bottom: -1rem;
  left: 0.75rem;
  transform: rotate(270deg);
  width: 2rem;
  z-index: -10;
}
section.filtrados .content table tbody tr td.ellipsis {
  max-width: 15rem;
  text-overflow: ellipsis;
}
section.filtrados .content table tbody tr td img {
  width: 19px;
  height: 19px;
}
section.filtrados .content table tbody tr td.observacoes {
  cursor: pointer;
  transition: all 0.2s ease;
}
section.filtrados .content table tbody tr td.observacoes:hover {
  opacity: 0.5;
}
section.filtrados .content table tbody tr td.options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
section.filtrados .content table tbody tr td.options a {
  transition: all 0.2s ease;
}
section.filtrados .content table tbody tr td.options a img {
  width: 19px;
  height: 19px;
}
section.filtrados .content table tbody tr td.options a:hover {
  opacity: 0.7;
}
section.filtrados .content table tbody tr td.status p {
  border-radius: 4px;
}
section.filtrados .content table tbody tr td.status p.alterado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(207, 148, 0, 0.1254901961) !important;
  color: #cf9400 !important;
}
section.filtrados .content table tbody tr td.status p.regularizado {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(0, 170, 0, 0.1254901961) !important;
  color: #00aa00 !important;
}
section.filtrados .content table tbody tr td.status p.cancelamento {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(255, 58, 58, 0.1254901961) !important;
  color: #ff3a3a !important;
}
section.filtrados .content table tbody tr td.status p.migracao {
  text-align: center;
  padding: 0.3rem !important;
  background: rgba(54, 54, 255, 0.1254901961) !important;
  color: #3636ff !important;
}

section.upload-files-adm {
  width: 100%;
  height: 100vh;
  background-color: hsl(0, 0%, 12%);
  background-image: radial-gradient(at 10% 4%, hsl(0, 6%, 8%) 0px, transparent 50%), radial-gradient(at 94% 3%, hsl(0, 6%, 8%) 0px, transparent 50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.upload-files-adm h2 {
  color: var(--primary-color);
}
section.upload-files-adm form {
  width: 40rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}
section.upload-files-adm form input {
  padding: 1rem;
  background: var(--bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5843137255);
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  resize: none;
}
section.upload-files-adm form input::-moz-placeholder {
  color: var(--secondary-color);
}
section.upload-files-adm form input::placeholder {
  color: var(--secondary-color);
}
section.upload-files-adm form input:focus {
  outline: none;
}
section.upload-files-adm form button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: var(--main-color);
  box-shadow: 0 0 1px #000;
  border: 1px solid var(--main-color);
  padding: 1rem 3rem;
  border-radius: 2px;
  color: var(--primary-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  height: auto;
  letter-spacing: 0.00563rem;
  text-transform: uppercase;
  transition: all 0.2s ease;
  cursor: pointer;
}
section.upload-files-adm form button:first-child {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1254901961);
}
section.upload-files-adm form button:hover {
  border: 1px solid var(--primary-color);
}/*# sourceMappingURL=main.css.map */