@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap";

/* src/styles.scss */
:root {
  --color-red: #ff0000;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-yellow: #ffff00;
  --color-blue: #0000ff;
  --color-purple: #800080;
  --color-green: #008000;
  --color-brown: #a52a2a;
  --color-gray-light: #d3d3d3;
  --color-gray-middle: #cccccc;
  --color-gray-dark: #a9a9a9;
  --color-orange: #ffa500;
  --color-pink: #ffc0cb;
  --color-beige: #f5f5dc;
  --color-light-blue: #add8e6;
  --color-light-green: #90ee90;
  --color-dark-brown: #654321;
  --color-primary: #3c2e88;
  --color-secondary: #e33e5a;
  --color-success: #00d173;
  --color-warning: #f0c93a;
  --color-danger: #e71414;
  --color-blue-v100: #e5e7f9;
  --color-blue-v200: #ccccf3;
  --color-blue-v300: #b2b7ed;
  --color-blue-v400: #999fe7;
  --color-blue-v500: #3c2e88;
  --color-blue-v600: #003f59;
  --color-blue-v700: #003850;
  --color-blue-v800: #003146;
  --color-blue-v900: #004866;
  --color-blue-v1000: #7e47f3;
  --color-blue-v1100: #6d38ea;
  --color-blue-v1200: #5c30e1;
  --color-blue-v1300: #5d21d1;
  --color-blue-v1400: #4dc5cd;
  --color-blue-v1500: #33bcc2;
  --color-blue-v1600: #19b4b7;
  --color-blue-v1700: #00abbd;
  --color-blue-v1800: #005975;
  --color-blue-v1900: #00627a;
  --color-blue-v2000: #006b80;
  --color-blue-v2100: #007691;
  --color-primary-v50: #eceaf3;
  --color-primary-v100: #c3beda;
  --color-primary-v200: #a59fc8;
  --color-primary-v300: #7c73af;
  --color-primary-v400: #6358a0;
  --color-primary-v500: #3c2e88;
  --color-primary-v600: #372a7c;
  --color-primary-v700: #2b2161;
  --color-primary-v800: #21194b;
  --color-primary-v900: #191339;
  --color-highlight-green: #31de95;
  --color-highlight-yellow: #f0c83a;
  --color-highlight-purple: #743ce8;
  --color-highlight-red: #da3232;
  --color-gray-1: #111111;
  --color-gray-2: #333333;
  --color-gray-3: #666666;
  --color-gray-4: #999999;
  --color-gray-5: #e0e0e0;
  --color-gray-5B: #cfcfcf;
  --color-gray-6: #f1f1f1;
  --color-gray-7: #a1a1a1;
  --color-gray-8: #abacad;
  --color-gray-v100: #f8f9fc;
  --color-gray-v200: #efeff0;
  --color-gray-v300: #e6e7e8;
  --color-gray-v400: #dedfe0;
  --color-gray-v600: #abacad;
  --color-gray-v700: #808182;
  --color-gray-v800: #565657;
  --color-gray-v900: #2b2b2b;
  --color-primary-v50: #f2f1f7;
  --color-primary-v100: #efedfc;
  --color-primary-v200: #b1abcf;
  --color-primary-v300: #8a82b8;
  --color-primary-v400: #6358a0;
  --color-primary-v600: #30256d;
  --color-primary-v700: #241c52;
  --color-primary-v800: #181236;
  --color-primary-v900: #0c091b;
  --color-highlight-green-v100: #e4fff4;
  --color-highlight-green-v200: #b2f4d8;
  --color-highlight-green-v300: #8beec5;
  --color-highlight-green-v400: #65e9b1;
  --color-highlight-green-v600: #32b67e;
  --color-highlight-green-v700: #25885f;
  --color-highlight-green-v800: #195b3f;
  --color-highlight-green-v900: #0c2d20;
  --color-highlight-green-v1000: #00D173;
  --color-highlight-yellow-v100: #fcf4d8;
  --color-highlight-yellow-v200: #f9e9b0;
  --color-highlight-yellow-v300: #f6de89;
  --color-highlight-yellow-v400: #f3d361;
  --color-highlight-yellow-v600: #c0a02e;
  --color-highlight-yellow-v700: #907823;
  --color-highlight-yellow-v800: #605017;
  --color-highlight-yellow-v900: #30280c;
  --color-highlight-purple-v100: #e3d8fa;
  --color-highlight-purple-v200: #c7b1f6;
  --color-highlight-purple-v300: #ac8af1;
  --color-highlight-purple-v400: #9063ec;
  --color-highlight-purple-v600: #5d30b9;
  --color-highlight-purple-v700: #46248b;
  --color-highlight-purple-v800: #2e185d;
  --color-highlight-purple-v900: #170c2e;
  --color-secondary-v50: #fcecef;
  --color-secondary-v100: #f6c3cc;
  --color-secondary-v200: #f2a6b3;
  --color-secondary-v300: #ec7e90;
  --color-secondary-v400: #e9657b;
  --color-secondary-v500: #e33e5a;
  --color-secondary-v600: #cf3852;
  --color-secondary-v700: #a12c40;
  --color-secondary-v800: #7d2232;
  --color-secondary-v900: #5f1a26;
  --color-secondary-v1000: #ffe5e5;
  --color-secondary-v1100: #ffb3b3;
  --color-secondary-v1200: #e33e5a;
  --color-secondary-v1300: #ec4343;
  --color-secondary-v1400: #ff1a1a;
  --color-secondary-v1500: #e71414;
  --color-secondary-v1600: #ff0000;
  --color-red-v50: #fde8e8;
  --color-red-v100: #f8b6b6;
  --color-red-v200: #f49393;
  --color-red-v300: #ef6262;
  --color-red-v400: #ec4343;
  --color-red-v500: #e71414;
  --color-red-v600: #d21212;
  --color-red-v700: #a40e0e;
  --color-red-v800: #7f0b0b;
  --color-red-v900: #610808;
  --color-highlight-red-v100: #f0adad;
  --color-highlight-red-v200: #e57070;
  --color-highlight-red-v300: #e15b5b;
  --color-highlight-red-v400: #de4747;
  --color-highlight-red-v600: #c42d2d;
  --color-highlight-red-v700: #ae2828;
  --color-highlight-red-v800: #992323;
  --color-highlight-red-v900: #571414;
}
:root {
  --color-light-gray: #f2f1f7;
  --color-green-v50: #e6faf1;
  --color-green-v700: #009452;
  --color-yellow-v50: #fefaeb;
  --color-yellow-v800: #846f20;
}
@font-face {
  font-family: "CamptonExtrabold";
  src: url(/assets/fonts/CamptonExtraBold.otf);
}
@font-face {
  font-family: "CamptonSemibold";
  src: url(/assets/fonts/CamptonSemiBold.otf);
}
@font-face {
  font-family: "CamptonLight";
  src: url(/assets/fonts/CamptonLight.otf);
}
body {
  font-weight: normal;
  font-family:
    "CamptonSemibold",
    "Open Sans",
    Verdana;
  font-size: 16px;
  line-height: 24px;
  color: #2B2B2B;
}
@media only screen and (max-width: 768px) {
  body {
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
  }
}
h3 {
  color: var(--color-blue-v500);
}
p {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
p b {
  font-weight: 700;
}
p.body-xl {
  font-size: 18px;
}
p.body-md {
  font-size: 14px;
}
p.body-sm {
  font-size: 13px;
}
@media only screen and (max-width: 425px) {
  p {
    font-size: 16px;
    line-height: 20px;
  }
}
label {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 400;
}
label b {
  font-weight: 700;
}
label.label-xl {
  font-size: 14px;
}
label.label-md {
  font-size: 11px;
}
label.label-sm {
  font-size: 9px;
}
.bold {
  font-weight: 700;
}
@font-face {
  font-family: "CamptonMedium";
  src: url(/assets/fonts/CamptonMedium.otf);
}
.btn-danger,
.btn-outline-primary,
.btn-secondary,
.btn-primary,
.btn-vivest {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  font-size: 16px;
  font-family:
    "CamptonMedium",
    "Open Sans",
    sans-serif;
  font-weight: 600;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  line-height: 100%;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.btn-danger:disabled,
.btn-outline-primary:disabled,
.btn-secondary:disabled,
.btn-primary:disabled,
.btn-vivest:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-primary {
  background-color: var(--color-primary-v500);
  color: var(--color-white);
}
.btn-primary:hover:not(:disabled) {
  background-color: var(--color-primary-v400);
  color: var(--color-white);
}
.btn-primary:disabled {
  background-color: var(--color-gray-v700);
  color: var(--color-white);
}
.btn-secondary {
  background-color: var(--color-gray-v800);
  color: var(--color-white);
}
.btn-secondary:hover:not(:disabled) {
  background-color: var(--color-gray-v900);
  color: var(--color-white);
}
.btn-outline-primary {
  background-color: var(--color-white);
  border: 1px solid var(--color-primary-v500);
  color: var(--color-primary-v500);
}
.btn-outline-primary:hover:not(:disabled) {
  background-color: var(--color-light-gray);
  border-color: var(--color-primary-v400);
  color: var(--color-primary-v400);
}
.btn-outline-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-primary-v50);
}
.btn-outline-primary:active:not(:disabled) {
  background-color: var(--color-primary-v50);
  border-color: var(--color-primary-v600);
  color: var(--color-primary-v600);
}
.btn-danger {
  background-color: var(--color-danger);
  color: var(--color-white);
}
.btn-danger:hover:not(:disabled) {
  background-color: var(--color-red-v400);
  color: var(--color-white);
}
.btn-danger:disabled {
  background-color: var(--color-gray-v700);
  color: var(--color-white);
}
.btn-toolbar {
  padding: 12px 24px;
  font-size: 14px;
}
.data-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
  .data-table-scroll {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.data-table {
  width: 100%;
  min-width: 640px;
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.data-table thead th {
  background-color: var(--color-gray-v100);
  border-bottom: 1px solid var(--color-gray-v400);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-gray-v800);
  padding: 14px 16px;
  vertical-align: middle;
  white-space: nowrap;
}
.data-table tbody td {
  border-bottom: 1px solid var(--color-gray-v300);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: var(--color-gray-v900);
  padding: 16px;
  vertical-align: middle;
}
.data-table tbody tr:last-child td {
  border-bottom: none;
}
.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}
.status-badge--ativa {
  background-color: var(--color-green-v50);
  color: var(--color-green-v700);
}
.status-badge--inativo {
  background-color: var(--color-gray-v200);
  color: var(--color-gray-v800);
}
.status-badge--fechada {
  background-color: var(--color-gray-v200);
  color: var(--color-gray-v800);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  background-color: var(--color-gray-v100);
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}
::placeholder {
  color: var(--color-gray-v800);
  font-family: inherit;
  font-size: inherit;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */