@charset "UTF-8";

/* node_modules/@material-design-icons/font/filled.css */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* src/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: var(--oss-icon-font-weight, 400);
  src:
    local("Material Icons Outlined"),
    url("./media/materialOutlinedIcons.woff2") format("woff2"),
    url("./media/materialOutlinedIcons.ttf") format("truetype");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: var(--oss-icon-font-weight, 400);
  src:
    local("Material Icons Round"),
    url("./media/materialRoundedIcons.woff2") format("woff2"),
    url("./media/materialRoundedIcons.ttf") format("truetype");
}
:root {
  --dian-color-primary1: #2b2d45;
  --dian-color-primary2: #3f415d;
  --dian-color-primary3: #505373;
  --dian-color-primary4: #62668a;
  --dian-color-primary5: #71749b;
  --dian-color-primary6: #8688ad;
  --dian-color-primary7: #9b9dbf;
  --dian-color-primary8: #b7b9d7;
  --dian-color-primary9: #d1d5ef;
  --dian-color-primary10: #efecff;
  --dian-color-secondary1: #41d78c;
  --dian-color-secondary2: #006d23;
  --dian-color-secondary3: #008d38;
  --dian-color-secondary4: #009f43;
  --dian-color-secondary5: #00b250;
  --dian-color-secondary6: #00c25a;
  --dian-color-secondary7: #00cd72;
  --dian-color-secondary8: #95dfb4;
  --dian-color-secondary9: #beecd0;
  --dian-color-secondary10: #e2f8eb;
  --dian-color-tertiary1: #39b7d9;
  --dian-color-tertiary2: #1b5c66;
  --dian-color-tertiary3: #267e92;
  --dian-color-tertiary4: #2c92ab;
  --dian-color-tertiary5: #33a7c6;
  --dian-color-tertiary6: #42c1e1;
  --dian-color-tertiary7: #5bcbe8;
  --dian-color-tertiary8: #86dbf1;
  --dian-color-tertiary9: #b5e9f7;
  --dian-color-tertiary10: #e1f6fc;
  --dian-color-neutral-blue1: #bec8d2;
  --dian-color-neutral-blue2: #384149;
  --dian-color-neutral-blue3: #4b5661;
  --dian-color-neutral-blue4: #5a6978;
  --dian-color-neutral-blue5: #6b7e8f;
  --dian-color-neutral-blue6: #a3b1c0;
  --dian-color-neutral-blue7: #dce2e8;
  --dian-color-neutral-blue8: #f0f2f6;
  --dian-color-neutral-blue9: #f6f7f9;
  --dian-color-neutral-blue10: #fafafa;
  --dian-color-neutral-gray1: #bdbdbd;
  --dian-color-neutral-gray2: #212121;
  --dian-color-neutral-gray3: #424242;
  --dian-color-neutral-gray4: #616161;
  --dian-color-neutral-gray5: #757575;
  --dian-color-neutral-gray6: #9e9e9e;
  --dian-color-neutral-gray7: #e0e0e0;
  --dian-color-neutral-gray8: #eeeeee;
  --dian-color-neutral-gray9: #f5f5f5;
  --dian-color-neutral-gray10: #fafafa;
  --dian-color-generic1: #000000;
  --dian-color-generic2: #ffffff;
  --dian-color-success1: #4ADE80;
  --dian-color-success2: #14532d;
  --dian-color-success3: #166534;
  --dian-color-success4: #15803d;
  --dian-color-success5: #16a34a;
  --dian-color-success6: #4ade80;
  --dian-color-success7: #86efac;
  --dian-color-success8: #bbf7d0;
  --dian-color-success9: #dcfce7;
  --dian-color-success10: #f0fdf4;
  --dian-color-warning1: #f59e0b;
  --dian-color-warning2: #78350f;
  --dian-color-warning3: #92400e;
  --dian-color-warning4: #b45309;
  --dian-color-warning5: #d97706;
  --dian-color-warning6: #fbbf24;
  --dian-color-warning7: #fcd34d;
  --dian-color-warning8: #fde68a;
  --dian-color-warning9: #fef3c7;
  --dian-color-warning10: #fffbeb;
  --dian-color-error1: #F87171;
  --dian-color-error2: #7f1d1d;
  --dian-color-error3: #991b1b;
  --dian-color-error4: #b91c1c;
  --dian-color-error5: #dc2626;
  --dian-color-error6: #f87171;
  --dian-color-error7: #fca5a5;
  --dian-color-error8: #fecaca;
  --dian-color-error9: #fee2e2;
  --dian-color-error10: #fef2f2;
  --dian-color-error11: #EF4444;
  --dian-color-background1: #3366cc;
  --dian-font-family1: "Ubuntu", sans-serif;
  --dian-font-family2: "Work Sans", sans-serif;
  --dian-dialog-animation-duration-in: 400ms;
  --dian-dialog-animation-duration-out: 400ms;
}
h1,
h2,
h3,
h4 {
  font-family: var(--dian-font-family2);
  font-weight: bold;
  color: var(--dian-color-primary6);
}
h1 {
  font-size: 40px;
  line-height: 50px;
}
h2 {
  font-size: 30px;
  line-height: 40px;
}
h3 {
  font-size: 22px;
  line-height: 30px;
}
h4 {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 768px) {
  h1 {
    font-size: 24px;
    line-height: 32px;
  }
  h2 {
    font-size: 20px;
    line-height: 30px;
  }
  h3 {
    font-size: 18px;
    line-height: 26px;
  }
  h4 {
    font-size: 16px;
    line-height: 24px;
  }
}
p {
  font-family: var(--dian-font-family1);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: var(--dian-color-primary11);
  text-align: left;
}
a {
  font-family: var(--dian-font-family1);
  font-weight: normal;
  text-decoration: underline;
  font-size: 14px;
  line-height: 22px;
  color: var(--dian-color-secondary1);
}
a :hover {
  color: var(--dian-color-secondary2);
}
a :visited {
  color: var(--dian-color-primary6);
}
a.dark {
  color: var(--dian-color-secondary3);
}
a.dark :hover {
  color: var(--dian-color-secondary1);
}
a.dark :visited {
  color: var(--dian-color-background2);
}
b {
  font-weight: bold;
}
i {
  font-style: italic;
}
.ripple-container {
  position: relative;
  overflow: hidden;
}
.ripple-container .ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  transform: scale(0);
  animation: ripple-animation 500ms cubic-bezier(0.57, 0.23, 0, 0.63);
}
@keyframes ripple-animation {
  from {
    transform: scale(0.1);
  }
  to {
    transform: scale(5);
    opacity: 0;
  }
}
.tooltip {
  position: fixed;
  background-color: var(--dian-color-primary1, #2b2d45);
  box-shadow: 0 4 5px var(--dian-color-background4);
  color: var(--dian-color-generic2);
  border-radius: 6px;
  padding: 15px;
  z-index: 9999;
  max-width: 300px;
  font-family: var(--dian-font-family1);
  font-weight: normal;
}
.tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.tooltip-arrow.top {
  border-color: var(--dian-color-primary1) transparent transparent transparent;
  bottom: -6px;
  left: calc(50% - 8px);
  top: 100%;
}
.tooltip-arrow.bottom {
  border-color: transparent transparent var(--dian-color-primary1) transparent;
  top: -16px;
  left: calc(50% - 8px);
  bottom: 100%;
}
.tooltip-arrow.left {
  border-color: transparent transparent transparent var(--dian-color-primary1);
  right: -16px;
  top: calc(50% - 8px);
}
.tooltip-arrow.right {
  border-color: transparent var(--dian-color-primary1) transparent transparent;
  left: -16px;
  top: calc(50% - 8px);
}
.tooltip-title {
  color: var(--dian-color-secondary1, #41d78c);
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 4px;
}
.tooltip-content {
  color: var(--dian-color-generic2, #fff);
  font-size: 12px;
  line-height: 18px;
}
.badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(60%, -60%);
  background-color: var(--dian-color-secondary7);
  border-radius: 50px;
  padding: 1px 6px;
  font-family: var(--dian-font-family1);
  font-size: 10px;
  font-weight: bold;
  line-height: 22px;
  color: var(--dian-color-background2);
  display: flex;
  align-items: center;
  height: 17px;
}
.paragraph-help {
  position: fixed;
  font-family: var(--dian-font-family1);
  background-color: var(--dian-color-background2);
  color: var(--dian-color-primary11);
  border: 1px solid var(--dian-color-primary14);
  border-radius: 4px;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  padding: 15px;
  z-index: 9999;
  max-width: 100%;
  text-wrap: wrap;
}
.custom-scroll::-webkit-scrollbar {
  width: 5px;
}
.custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--dian-color-primary9);
  border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: var(--dian-color-secondary1);
  border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--dian-color-secondary1);
}
.dian-table-directive .table-wrapper {
  overflow-x: auto;
}
.dian-table-directive table {
  width: 100%;
  border-collapse: collapse;
}
.dian-table-directive th,
.dian-table-directive td {
  padding: 8px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .dian-table-directive table,
  .dian-table-directive thead,
  .dian-table-directive tbody,
  .dian-table-directive th,
  .dian-table-directive td,
  .dian-table-directive tr {
    display: block;
  }
  .dian-table-directive thead tr {
    display: none;
  }
  .dian-table-directive tr {
    margin-bottom: 10px;
  }
  .dian-table-directive td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 50%;
    position: relative;
  }
  .dian-table-directive td:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 45%;
    padding-left: 15px;
    font-weight: bold;
    white-space: nowrap;
  }
}
.dian-lista-directive.styleOLOne {
  list-style: decimal;
}
.dian-lista-directive.styleOLOne .styleULOne {
  padding-left: 5px;
}
.dian-lista-directive.styleOLOne li {
  margin-bottom: 5px;
  font-family: "Ubuntu";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--dian-color-neutral-blue2);
}
.dian-lista-directive.styleOLOne li::marker {
  margin-bottom: 5px;
  font-family: "Ubuntu";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--dian-color-neutral-blue2, #384149);
  margin-right: 5px;
}
.dian-lista-directive.styleULOne {
  list-style-type: "\2022";
  margin-left: -5px;
}
.dian-lista-directive.styleULOne .styleOLOne {
  padding-left: 10px;
}
.dian-lista-directive.styleULOne li {
  margin-bottom: 5px;
  font-family: "Ubuntu";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: var(--dian-color-neutral-blue2);
  list-style-type: "\2022";
  padding-left: 5px;
}
.dian-lista-directive.styleULOne li::marker {
  margin-bottom: 5px;
  height: 5px;
  width: 5px;
  font-family: "Ubuntu";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--dian-color-neutral-blue2, #384149);
  margin-right: 5px;
}
.dian-lista-directive .margin {
  padding-left: 15px;
}
.indicator {
  font-family: var(--dian-font-family1);
  border-radius: 15px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
.noty {
  font-family: var(--dian-font-family1);
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
.indicator.info,
.noty.info {
  background-color: var(--dian-color-secondary3);
  color: var(--dian-color-primary6);
}
.indicator.success,
.noty.success {
  background-color: var(--dian-color-primary5);
  color: var(--dian-color-primary2);
}
.indicator.warning,
.noty.warning {
  background-color: var(--dian-color-secondary6);
  color: var(--dian-color-secondary5);
}
.indicator.cancel,
.noty.cancel {
  background-color: var(--dian-color-primary9);
  color: var(--dian-color-primary13);
}
.indicator.error,
.noty.error {
  background-color: var(--dian-color-secondary9);
  color: var(--dian-color-secondary7);
}
.debug {
  border: 1px dashed red;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.underline-text {
  text-decoration: underline;
  text-decoration-color: var(--dian-color-primary1);
  text-decoration-thickness: 2px;
}
mat-icon.icon-color-primary {
  color: var(--dian-color-secondary1);
}
mat-icon.big-material-icon {
  transform: scale(3);
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("./media/Ubuntu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Work Sans";
  src: url("./media/WorkSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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