:root {
  --background: #f9f9f9;
  --main-font: rgba(0, 0, 0, 0.87);
  --container-bg-1: #ffffff;
  --container-bg-2: var(--container-bg-1);
  --container-bg-3: var(--container-bg-1);
  --container-bg-4: var(--container-bg-1);
  --form-txt: rgba(0, 0, 0, 0.60);
  --form-bd: rgba(0, 0, 0, 0.28);
  --btn-text: #ffffff;
  --btn-disabled-txt: #6d6d6d;
  --btn-disabled-bg: #cccccc;
  --sidemenu: #565b65;
  --primary: #245CEB;
  --primary-100: #E7EEFE;
  --primary-200: #CEDCFC;
  --primary-dark: #006a6b;
  --secondary: #1292B3;
  --secondary-100: #E8F5F8;
  --secondary-200: #D0E9F0;
  --alternative: #2EA086;
  --alternative-100: #EBF6F3;
  --alternative-200: #D5ECE7;
  --warning: #ffb100;
  --warning-100: #FFF8E6;
  --warning-200: #FFEFCC;
  --log-field: #ffa724;
  --danger: #EF0029;
  --danger-100: #FEE6EA;
  --danger-200: #FCCCD4;
  --purple: #6e66a2;
  --neutral: #757389;
  --neutral-100: #F2F1F4;
  --neutral-200: #E3E3E7;
  --dark-grey: #464555;
  --dark-grey-100: #EDEDEE;
  --pink: #FF196B;
  --purple: #7353F1;
  --purple-100: #F1EEFE;
  --purple-200: #E3DDFC;
  --orange: #EB5C24;
  --Instagram: #E1306C;
  --YouTube: #FF0000;
  --Facebook: #4267B2;
  --LinkedIn: #2867B2;
  --Pinterest: #BD081C;
  --Reddit: #FF4500;
  --input-height: 40px;
  --input-label-size: 1rem;
  --input-options-size: 43px;
  --card-padding: 20px;
  --table-line-height: 40px;
  --table-cell-padding: 16px;
  --table-font-size: 0.875rem;
  --table-icon-size: 1.125rem;
}

:root[data-size=small] {
  --input-height: 30px;
  --input-label-size: 0.813rem;
  --input-options-size: 30px;
  --card-padding: 17px;
  --table-line-height: 24px;
  --table-cell-padding: 5px;
  --table-font-size: 0.688rem;
  --table-icon-size: 0.813rem;
}

:root[data-theme=dark] {
  --background: #121212;
  --main-font: rgba(255, 255, 255, 0.87);
  --container-bg-1: #1e1e1e;
  --container-bg-2: #232323;
  --container-bg-3: #252525;
  --container-bg-4: #272727;
  --form-txt: rgba(255, 255, 255, 0.60);
  --form-bd: rgba(255, 255, 255, 0.28);
  --btn-text: #000000;
  --btn-disabled-txt: rgba(255, 255, 255, 0.50);
  --btn-disabled-bg: rgba(255, 255, 255, 0.12);
  --primary: #81cbce;
  --danger: #fa979a;
}

:root[data-fixed=false] {
  --sidemenu-width: 50px;
  --sidemenu-width-m: 0;
  --sidemenu-shadow:0 3px 4px 0 rgba(60,75,100,.14), 0 3px 3px -2px rgba(60,75,100,.12), 0 1px 8px 0 rgba(60,75,100,.2);
  --sidemenu-m-left: 0;
  --sidemenu-m-left-m: -250px;
  --sidemenu-display: none;
  --wrapper-m-left: 50px;
  --overlay-display: none;
  --overlay-opacity: 0;
  --banner-width: calc(100% - 50px);
  --snackbar-left: 100px;
  --toggle-bg: rgba(0, 0, 0, 0.4);
  --toggle-before-width: 50%;
  --toggle-after-width: 75%;
}

:root[data-fixed=true] {
  --sidemenu-width: 250px;
  --sidemenu-width-m: var(--sidemenu-width);
  --sidemenu-shadow: 0 2px 2px 0 rgba(60,75,100,.14), 0 3px 1px -2px rgba(60,75,100,.12), 0 1px 5px 0 rgba(60,75,100,.2);
  --sidemenu-m-left: 0;
  --sidemenu-m-left-m: var(--sidemenu-m-left);
  --sidemenu-display: flex;
  --wrapper-m-left: 250px;
  --overlay-display: block;
  --overlay-opacity: 1;
  --banner-width: calc(100% - 250px);
  --snackbar-left: 275px;
  --toggle-bg: var(--main-font);
  --toggle-before-width: 100%;
  --toggle-after-width: 100%;
}

:root[data-lock=false] {
  --sidemenu-footer-icon: rgba(255, 255, 255, .60);
}

:root[data-lock=true] {
  --sidemenu-footer-icon: #3edce4;
}

:root[data-hide=true] {
  --sidemenu-m-left: -250px;
  --wrapper-m-left: 0;
  --banner-width: 100%;
  --snackbar-left: 25px;
}

:root.theme-transition,
:root.theme-transition *,
:root.theme-transition *:before,
:root.theme-transition *:after {
  transition: all 750ms !important;
  transition-delay: 0 !important;
}

@media screen and (min-width: 576px) {
  .btn-action:not(:only-of-type):not(:last-of-type) {
    margin-left: 10px;
  }
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("../fonts/Nunito/Nunito-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
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, 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: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body, html {
  min-height: 100vh;
}

body {
  display: flex;
  overflow: auto;
  min-height: 100vh;
  font-size: 100%;
  line-height: 1rem;
  color: var(--main-font);
  font-family: "Roboto", "Arial", sans-serif;
}

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;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

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

.tas-header {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  z-index: 997;
  background-color: var(--container-bg-1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tas-header__toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none !important;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-right: 15px;
  box-shadow: none;
  border-radius: none;
  border: none;
  background: none;
  transition: all 0.4s ease;
}
.tas-header__toggle span {
  display: block;
  position: absolute;
  top: 10px;
  height: 3px;
  width: 100%;
  border-radius: 2px;
  transition: all 0.4s ease;
  background-color: var(--toggle-bg);
}
.tas-header__toggle span:before, .tas-header__toggle span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  min-height: 2px;
  content: "";
  border-radius: 2px;
  transition: all 0.4s ease;
  background-color: var(--toggle-bg);
}
.tas-header__toggle span:before {
  transition: all 0.4s ease;
  left: 0px;
  right: auto;
  width: var(--toggle-before-width);
  top: -8px;
}
.tas-header__toggle span:after {
  transition: all 0.4s ease;
  left: 0px;
  right: auto;
  width: var(--toggle-after-width);
  bottom: -8px;
}
.tas-header__toggle:hover span {
  background-color: var(--main-font);
}
.tas-header__toggle:hover span:before, .tas-header__toggle:hover span:after {
  width: 100%;
  background-color: var(--main-font);
}
.tas-header__logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.tas-header__logo img {
  width: 135px;
}
.tas-header__nav {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin-left: 60px;
}
.tas-header__buttons {
  position: relative;
}
.tas-header--noshadow {
  box-shadow: none;
}
.tas-header-empresa__button {
  display: flex;
  align-items: center;
  outline: none;
  margin: 0;
  padding: 5px 6px;
  border: 0;
  border-radius: 4px;
  font-weight: 500;
  color: var(--primary);
  background-color: var(--primary-100);
  font-size: 0.813rem;
  transition: background-color 90ms linear;
}
.tas-header-empresa__button:hover {
  background-color: var(--primary-200);
}
.tas-header-empresa__button:focus, .tas-header-empresa__button:active {
  outline: none;
}
.tas-header-empresa__button:after {
  display: none !important;
  content: "" !important;
}
.tas-header-empresa-selected {
  flex-direction: column;
  font-size: 0.75rem;
  color: var(--main-font);
  margin-left: 10px;
  margin-right: 20px;
  min-width: 0;
}
.tas-header-empresa .dropdown-menu {
  margin-top: 9px;
}
.tas-header-empresa .dropdown-menu .dropdown-menu__item {
  font-size: 0.813rem;
}
@media screen and (min-width: 992px) {
  .tas-header-empresa .dropdown-menu {
    min-width: calc(100vw - 570px);
    transform-origin: top left;
  }
}
@media screen and (max-width: 992px) {
  .tas-header-empresa .dropdown-menu {
    min-width: calc(100vw - 36px);
    left: -237px !important;
  }
}
@media screen and (min-width: 576px) {
  .tas-header {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media screen and (max-width: 576px) {
  #tas_sidemenu_collapse_fixed {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  #tas_sidemenu_collapse {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  #tas_sidemenu_show {
    display: none !important;
  }
}

.tas-subheader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 30px;
  color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 5px;
  font-size: 14px;
  padding: 3px;
}
@media screen and (min-width: 992px) {
  .tas-subheader {
    display: none;
  }
}

.button-user #user_dropdown {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 2px 2px 2px 2px;
  border-radius: 30px;
  transition: all 0.2s ease;
}
.button-user #user_dropdown::after {
  content: none;
}
.button-user #user_dropdown:hover, .button-user #user_dropdown[aria-expanded=true] {
  background-color: var(--primary);
}
.button-user #user_dropdown:hover .header-mensagem, .button-user #user_dropdown[aria-expanded=true] .header-mensagem {
  color: #FFFFFF;
}
@media screen and (min-width: 576px) {
  .button-user #user_dropdown {
    padding-left: 10px;
  }
}
.button-user__username {
  font-weight: 500;
}
.button-user__icon {
  position: relative;
  width: 33px;
  height: 33px;
  color: var(--main-font);
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.button-user__icon span {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
}
.button-user__icon img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
@media screen and (min-width: 576px) {
  .button-user__icon {
    margin-left: 8px;
  }
}
.button-user .button-user__dropdown {
  right: 0 !important;
}

.header-mensagem {
  display: none;
  font-size: 0.813rem;
  color: var(--main-font);
}
@media screen and (min-width: 576px) {
  .header-mensagem {
    display: block;
  }
}

.tas-sidemenu {
  z-index: 999;
  display: flex;
  flex-direction: column;
  position: fixed;
  margin-left: var(--sidemenu-m-left-m);
  width: var(--sidemenu-width-m);
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #323946;
  height: 100vh;
  transition: box-shadow 0.3s 0.15s, width 0.3s, margin-left 0.3s;
}
@media screen and (min-width: 992px) {
  .tas-sidemenu {
    width: var(--sidemenu-width);
    margin-left: var(--sidemenu-m-left);
    box-shadow: var(--sidemenu-shadow);
  }
  :root[data-fixed=false] .tas-sidemenu:not(:hover) .tas-sidemenu__group {
    display: none;
    overflow: hidden;
  }
}
:root[data-lock=false] .tas-sidemenu:hover, .tas-sidemenu.instantopen:hover {
  width: 250px;
}
:root[data-lock=false] .tas-sidemenu:hover .tas-sidemenu-search, :root[data-lock=false] .tas-sidemenu:hover .tas-sidemenu-empty, .tas-sidemenu.instantopen:hover .tas-sidemenu-search, .tas-sidemenu.instantopen:hover .tas-sidemenu-empty {
  display: flex;
}
:root[data-fixed=false]:root[data-lock=true] .tas-sidemenu:not(.instantopen):hover .tas-sidemenu__group {
  display: none;
  overflow: hidden;
}
:root[data-fixed=false]:root[data-lock=true] .tas-sidemenu:not(.instantopen):hover .tas-sidemenu__body, :root[data-fixed=false]:root[data-lock=true] .tas-sidemenu:not(.instantopen):hover .tas-sidemenu__list, :root[data-fixed=false]:root[data-lock=true] .tas-sidemenu:not(.instantopen):hover .simplebar-mask, :root[data-fixed=false]:root[data-lock=true] .tas-sidemenu:not(.instantopen):hover .simplebar-content-wrapper {
  overflow: unset !important;
}
.tas-sidemenu .tas-sidemenu__header {
  height: 53px;
}
.tas-sidemenu .tas-sidemenu-search {
  display: var(--sidemenu-display);
  height: 100%;
}
.tas-sidemenu .tas-sidemenu-search .form-field {
  height: 100%;
}
.tas-sidemenu .tas-sidemenu-search .form-control {
  color: #ffffff !important;
}
.tas-sidemenu .tas-sidemenu-search .form-control::placeholder {
  color: #909baf;
}
.tas-sidemenu .tas-sidemenu-search .form-field .form-field__icon {
  color: #909baf;
}
.tas-sidemenu .tas-sidemenu-search .form-field.form-field--line.form-field--active {
  background-color: rgba(0, 0, 0, 0.14);
}
.tas-sidemenu .tas-sidemenu-empty {
  display: var(--sidemenu-display);
  justify-content: center;
  padding-top: 10px;
}
.tas-sidemenu .tas-sidemenu__body {
  height: calc(100% - 50px);
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.tas-sidemenu .tas-sidemenu__footer {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 33px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: rgba(0, 0, 0, 0.05);
}
.tas-sidemenu .tas-sidemenu__footer .btn-icon {
  font-size: 14px;
  color: var(--sidemenu-footer-icon);
}
.tas-sidemenu .tas-sidemenu__list {
  height: 100%;
  overflow-y: auto;
}
.tas-sidemenu__parent {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  font-size: 14px;
  color: #ffffff;
  padding: 15px 12px;
  transition: background 0.25s, color 0.25s;
}
.tas-sidemenu__parent .parent-icon {
  margin-left: -16px;
  flex: 0 0 56px;
  text-align: center;
}
.tas-sidemenu__parent .parent-arrow {
  margin-left: auto;
  transition: transform 0.15s;
  font-size: 13px;
}
.tas-sidemenu__parent:hover {
  text-decoration: none;
  color: #4DD5F5;
}
.tas-sidemenu__parent[aria-expanded=true] {
  color: #4DD5F5;
}
.tas-sidemenu__parent[aria-expanded=true] .parent-arrow {
  transform: rotate(90deg);
}
.tas-sidemenu__parent[aria-expanded=true] + .tas-sidemenu__group {
  background-color: rgba(0, 0, 0, 0.14);
}
.tas-sidemenu__nivel .tas-sidemenu__parent {
  padding: 10px 20px 10px 45px;
  position: relative;
}
.tas-sidemenu__nivel .tas-sidemenu__parent:before {
  content: "";
  position: absolute;
  left: 23px;
  top: 13px;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: background 0.25s;
}
.tas-sidemenu__nivel .tas-sidemenu__parent:hover::before {
  background-color: #4DD5F5;
}
.tas-sidemenu__nivel .tas-sidemenu__parent[aria-expanded=true]:before {
  background-color: #4DD5F5;
}
.tas-sidemenu__nivel .tas-sidemenu__parent span {
  color: rgba(255, 255, 255, 0.87) !important;
}
.tas-sidemenu__nivel .tas-sidemenu__child {
  padding-left: 67px;
}
.tas-sidemenu__nivel .tas-sidemenu__child:before {
  left: 45px;
  border-radius: 1px;
  height: 4px;
}
.tas-sidemenu__nivel > ul {
  background-color: rgba(0, 0, 0, 0.14);
}
.tas-sidemenu__child {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.87);
  padding: 10px 20px 10px 45px;
}
.tas-sidemenu__child:before {
  content: "";
  position: absolute;
  left: 23px;
  top: 13px;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: background 0.25s;
}
.tas-sidemenu__child:hover {
  color: rgba(255, 255, 255, 0.87);
}
.tas-sidemenu__child:hover::before {
  background-color: #4DD5F5;
}
.tas-sidemenu__child.tas-sidemenu__child--active:before {
  background-color: #4DD5F5;
}

.simplebar-scrollbar:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.simplebar-scrollbar {
  margin-right: 1px;
  margin-left: 2px;
}

:root[data-lock=true] .tas-sidemenu__list {
  font-family: "Roboto", "Arial", sans-serif !important;
}
:root[data-lock=true] .tas-sidemenu__parent:hover {
  background: #262b35;
  width: 250px;
  text-decoration: none !important;
}

.tas-sidemenu__list .tas-sidemenu__itens {
  font-family: "Roboto", "Arial", sans-serif !important;
  line-height: 1.15 !important;
}
.tas-sidemenu__list .tas-sidemenu__itens .tas-sidemenu__parent {
  align-items: normal !important;
  text-decoration: none !important;
  line-height: 1.14 !important;
}
.tas-sidemenu__list .tas-sidemenu__itens:hover {
  text-decoration: none !important;
}
.tas-sidemenu__list .tas-sidemenu__itens:hover .tas-sidemenu__parent {
  text-decoration: none !important;
}
.tas-sidemenu__list .tas-sidemenu__childitens {
  font-family: "Roboto", "Arial", sans-serif !important;
  line-height: 1.14 !important;
}
.tas-sidemenu__list .tas-sidemenu__childitens .tas-sidemenu__parent {
  align-items: normal !important;
  text-decoration: none !important;
}
.tas-sidemenu__list .tas-sidemenu__childitens .tas-badge {
  color: #4DD5F5;
  background-color: rgba(77, 213, 245, 0.2);
  font-weight: 500;
  font-size: 0.688rem;
  line-height: 1.12rem;
  margin-left: auto;
  min-width: 23px;
  border-radius: 4px;
}
.tas-sidemenu__list .tas-sidemenu__childitens .tas-badge ~ .tas-badge {
  margin-left: 5px;
}
.tas-sidemenu__list .tas-sidemenu__childitens:hover .tas-sidemenu__child {
  text-decoration: none !important;
}

h1 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0.02rem;
}

h2 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 0.938rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.02rem;
}

h3, h4, h5, h6 {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: 0.01rem;
}

p {
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0178571429rem;
}

small {
  font-size: 0.688rem;
}

.tas-font-11 {
  font-size: 0.688rem !important;
  line-height: 1.12rem;
}

.tas-font-12 {
  font-size: 0.75rem !important;
  line-height: 1.17rem;
}

.tas-font-13 {
  font-size: 0.813rem;
  line-height: 1.25rem;
}

.tas-font-14 {
  font-size: 0.875rem !important;
}

.subtitle {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.009rem;
}
.subtitle--small {
  font-size: 0.813rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.006rem;
  margin-bottom: 8px;
}

.roboto {
  font-family: "Roboto", "Arial", sans-serif;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-light {
  color: #ffffff !important;
}

.color-primary {
  color: var(--primary) !important;
}

.color-secondary {
  color: var(--secondary) !important;
}

.color-alternative {
  color: var(--alternative) !important;
}

.color-warning {
  color: var(--warning) !important;
}

.color-danger {
  color: var(--danger) !important;
}

.color-neutral {
  color: var(--neutral) !important;
}

.color-dark-grey {
  color: var(--dark-grey) !important;
}

.color-purple {
  color: var(--purple) !important;
}

.color-orange {
  color: var(--orange) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-secondary-100 {
  background-color: var(--secondary-100) !important;
}

.bg-secondary-200 {
  background-color: var(--secondary-200) !important;
}

.bg-alternative {
  background-color: var(--alternative) !important;
}

.bg-neutral {
  background-color: var(--neutral) !important;
}

.bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.bg-dark-grey {
  background-color: var(--dark-grey) !important;
}

.bg-dark-grey-100 {
  background-color: var(--dark-grey-100) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.Instagram {
  color: var(--Instagram);
}

.YouTube {
  color: var(--YouTube);
}

.Facebook {
  color: var(--Facebook);
}

.Pinterest {
  color: var(--Pinterest);
}

.LinkedIn {
  color: var(--LinkedIn);
}

.Reddit {
  color: var(--Reddit);
}

.Website {
  color: var(--alternative);
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}
.row.row--nobottom {
  margin-bottom: -1rem;
}

.row > .col, .row > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.tas-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 100vh;
  transition: margin 0.3s;
}
.tas-wrapper .tas-wrapper__overlay {
  display: var(--overlay-display);
  position: fixed;
  z-index: 998;
  opacity: var(--overlay-opacity);
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 992px) {
  .tas-wrapper .tas-wrapper__overlay {
    display: none;
    opacity: 0;
  }
}
@media screen and (min-width: 992px) {
  .tas-wrapper {
    margin-left: var(--wrapper-m-left);
  }
}

.main-content {
  flex: 1 0 auto;
  width: 100%;
  min-height: calc(100vh - 107px);
  background-color: var(--background);
}
.main-content section:first-of-type {
  padding-top: 12px;
}
.main-content section:last-of-type {
  padding-bottom: 15px;
}
.main-content section + section {
  margin-top: 12px;
}

.content-header--fullwidth {
  display: flex;
  height: 100px;
  background: #30af95;
}

.content-body--fullwidth {
  margin-top: -20px;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (min-width: 576px) {
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.tas-card {
  position: relative;
  padding: var(--card-padding);
  background-color: var(--container-bg-1);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tas-card--offset {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.tas-card--filled {
  background-color: #f7f7f7;
}
.tas-card + .tas-card {
  margin-top: 16px;
}
.tas-card--swap {
  display: flex;
  align-items: center;
}
.tas-card--swap .form-container {
  flex: 1 0;
}
.tas-card--image {
  position: relative;
  padding: 10px 10px 104px 10px;
}
.tas-card--outline {
  padding: 10px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.tas-card--outline.tas-card--active {
  border-width: 2px;
  border-color: var(--primary);
}
.tas-card--outline.tas-card--active .image__container {
  background-color: var(--primary);
}
.tas-card.tas-card--inline {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid;
  border-color: var(--form-bd);
  box-shadow: none;
}
.tas-card.tas-card--inline:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.tas-card.tas-card--inline .form-container {
  width: 100%;
}
.tas-card.tas-card--inline .form-outline .form-outline__prefix, .tas-card.tas-card--inline .form-outline .form-outline__middle, .tas-card.tas-card--inline .form-outline .form-outline__suffix {
  border: 0;
}
.tas-card.tas-card--inline .form-control:disabled ~ .form-outline .form-outline__prefix, .tas-card.tas-card--inline .form-control:disabled ~ .form-outline .form-outline__suffix, .tas-card.tas-card--inline .form-control[readonly] ~ .form-outline .form-outline__prefix, .tas-card.tas-card--inline .form-control[readonly] ~ .form-outline .form-outline__suffix {
  background-color: transparent;
}
@media screen and (min-width: 576px) {
  .tas-card.tas-card--inline {
    padding: 0 10px;
  }
}
.tas-card--disabled {
  opacity: 0.5;
}
.tas-card--readonly {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.03);
}
.tas-card--toggle {
  transition: background-color 0.2s ease;
}
.tas-card--toggle .btn-toggle {
  z-index: 1;
  position: absolute;
  top: 4px;
  right: 10px;
  transition: visibility, opacity 0.2s ease;
}
.tas-card.tas-card--info {
  min-height: 100%;
  border-top: 5px solid var(--secondary);
}
.tas-card.tas-card--info .list-container__data {
  font-size: 0.813rem;
  margin-top: 8px;
}
.tas-card.tas-card--info .list-container__data:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: var(--secondary);
}

.tas-page-header {
  display: flex;
  align-items: center;
}
.tas-page-header .tas-page-header__actions {
  display: inline-flex;
  margin-left: auto;
}
.tas-page-header .tas-page-header__actions .btn-icon:not(:first-child) {
  margin-left: 10px;
}
@media screen and (max-width: 576px) {
  .tas-page-header {
    flex-wrap: wrap;
  }
  .tas-page-header h1 {
    flex: 1 0 auto;
  }
}

.tas-sidenav {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 995;
  overscroll-behavior-y: contain;
  display: flex;
  flex-direction: column;
  width: 395px;
  height: calc(100% - 50px);
  background-color: #ffffff;
  border-radius: 0;
  transition: right 0.4s ease;
  box-shadow: -2px 0px 2px 0 rgba(60, 75, 100, 0.14);
}
.tas-sidenav.show {
  right: 0;
}
.tas-sidenav .tas-sidenav__button {
  position: absolute;
  top: 5px;
  left: -40px;
  z-index: 995;
  padding: 8px 5px;
  border-radius: 50px 0 0 50px;
  background: #ffffff;
  box-shadow: -2px 1px 2px 0 rgba(60, 75, 100, 0.14);
}
.tas-sidenav .tas-sidenav__button .tas-badge {
  position: absolute;
  top: 7px;
  left: -7px;
  background-color: var(--warning);
}
.tas-sidenav .tas-sidenav__header {
  display: flex;
  align-items: center;
  padding-top: 17px;
  padding-right: 27px;
  padding-left: 17px;
}
.tas-sidenav .tas-sidenav__body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  max-height: calc(100% - 130px);
  padding-left: 17px;
  padding-right: 10px;
  padding-top: 12px;
  margin-right: 17px;
}
.tas-sidenav .tas-sidenav__footer {
  padding-top: 17px;
  padding-left: 17px;
  padding-right: 27px;
  margin-top: 10px;
  border-top: 1px solid #e0e0e0;
}
@media screen and (max-width: 576px) {
  .tas-sidenav.show {
    width: 100%;
  }
}

.swap__order {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.swap__order > .fa-grip-vertical {
  display: none;
}
@media screen and (min-width: 768px) {
  .swap__order {
    flex-direction: row;
  }
  .swap__order > .fa-grip-vertical {
    display: inline-block;
    color: var(--neutral);
  }
}
.swap__icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 35px;
  vertical-align: middle;
  line-height: 0.4;
  color: rgba(0, 0, 0, 0.6);
}
.swap__icon--disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 768px) {
  .swap__icon {
    display: none;
  }
}
.swap__position {
  display: block;
  font-size: 0.875rem;
  padding: 8px 0;
}
@media screen and (min-width: 768px) {
  .swap__position {
    margin-right: 10px;
  }
}
.swap__remove {
  cursor: pointer;
  font-size: 22px;
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.image__slot {
  margin: 0 auto;
}
.image__container {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100px;
  padding: 10px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.image__title {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.image__description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.tas-image-label {
  display: flex;
}
.tas-image-label .tas-image-label__outline {
  display: inline-flex;
  padding: 5px;
  border: 1px solid var(--neutral);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tas-image-label .tas-image-label__outline > img {
  width: 30px;
}
.tas-image-label .tas-image-label__fill {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  padding: 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--neutral);
}
.tas-image-label .tas-image-label__fill > p {
  font-size: 0.75rem;
  color: #ffffff;
  white-space: nowrap;
  overflow: auto;
  text-overflow: unset;
}
@media screen and (min-width: 576px) {
  .tas-image-label .tas-image-label__fill > p {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.tas-tab {
  display: flex;
  flex: 1 0 auto;
  margin-bottom: 15px;
}
.tas-tab .tas-tab-button {
  cursor: pointer;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
  height: 30px;
  font-size: 0.813rem;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;
  background: none;
  outline: none;
}
.tas-tab .tas-tab-button .tas-tab__label {
  z-index: 2;
  color: var(--neutral);
  font-weight: 500;
}
.tas-tab .tas-tab-button .tas-tab__label i {
  margin-right: 5px;
}
.tas-tab .tas-tab-button:not(:disabled) .tas-tab__underlay {
  display: flex;
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.tas-tab .tas-tab-button:not(:disabled) .tas-tab__underlay:before, .tas-tab .tas-tab-button:not(:disabled) .tas-tab__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: var(--primary);
  border-radius: 50%;
}
.tas-tab .tas-tab-button .tas-tab__slider {
  opacity: 0;
  width: 100%;
  align-self: flex-end;
  border-style: solid;
  border-top-width: 2px;
  transform: scale(0);
  transform-origin: center center;
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}
.tas-tab .tas-tab-button:hover .tas-tab__underlay:before, .tas-tab .tas-tab-button:focus .tas-tab__underlay:before {
  opacity: 0.1;
}
.tas-tab .tas-tab-button:active .tas-tab__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.tas-tab .tas-tab-button.tas-tab-button--active .tas-tab__label {
  color: var(--primary);
}
.tas-tab .tas-tab-button.tas-tab-button--active .tas-tab__slider {
  opacity: 1;
  transform: scale(1);
  border-color: var(--primary);
}
.tas-tab .tas-tab-button.tas-tab-button--active .tas-tab__underlay:before {
  opacity: 0.1;
}
.tas-tab .tas-tab-button.tas-tab-button--disabled {
  cursor: default;
}
.tas-tab .tas-tab-button.tas-tab-button--disabled .tas-tab__label {
  color: #ababab;
}
.tas-tab.tas-tab--mini {
  position: absolute;
  overflow: hidden;
  top: 13px;
  left: 17px;
  right: 17px;
  margin-bottom: 0;
}
.tas-tab.tas-tab--mini .tas-tab-button {
  font-size: 0.688rem;
  height: 22px;
}

.tas-loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 996;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: rgba(243, 243, 243, 0.52);
}
.tas-loading.show {
  display: flex !important;
}
.tas-loading__spinner {
  content: "";
  z-index: 1;
  box-sizing: border-box;
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgb(5, 6, 71) 0%, rgb(12, 78, 240) 50%, rgb(0, 194, 240) 100%);
  -webkit-clip-path: polygon(100% 0, 100% 80%, 53% 59%, 0 77%, 0 0);
  clip-path: polygon(100% 0, 100% 80%, 53% 59%, 0 77%, 0 0);
  -webkit-mask: radial-gradient(circle 67px, transparent 98%, #fff 100%);
  mask: radial-gradient(circle 67px, transparent 98%, #fff 100%);
  -webkit-animation: spinner 0.8s linear infinite;
  animation: spinner 0.8s linear infinite;
}
.tas-loading__icon {
  position: absolute;
  width: 140px;
}
@-webkit-keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.tas-loading__message {
  display: none;
  position: absolute;
  margin-top: 220px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  padding: 4px 5px;
  border-radius: 4px;
  background-color: #333333;
}
.tas-loading__message.show {
  display: block !important;
}
.tas-loading.tas-loading--modal {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}
.tas-loading.tas-loading--modal .tas-loading__spinner {
  width: 110px;
  height: 110px;
  -webkit-mask: radial-gradient(circle 48px, transparent 98%, #fff 100%);
  mask: radial-gradient(circle 48px, transparent 98%, #fff 100%);
}
.tas-loading.tas-loading--modal .tas-loading__icon {
  width: 100px;
}

.tas-accordion {
  border: 1px solid var(--neutral-200);
  border-radius: 4px;
}
.tas-accordion ~ .tas-accordion {
  margin-top: 5px;
}
.tas-accordion-header {
  padding: 17px;
}
.tas-accordion-button {
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0 !important;
  background: none;
  width: 100%;
  text-align: left;
}
.tas-accordion-button P {
  font-weight: 500;
}
.tas-accordion-button:hover p {
  color: var(--primary);
}
.tas-accordion-body {
  padding: 0 17px 17px 17px;
}

@media screen and (min-width: 1200px) {
  .content-100vh {
    height: calc(100vh - 149px);
  }
}

.h-0 {
  height: 0px;
}

.h-10 {
  height: 10% !important;
}

.h-40 {
  height: 40%;
}

.h-60 {
  height: 60%;
}

.h-90 {
  height: 90%;
}

.mb-form-group {
  margin-bottom: 0.75rem;
}

.align-middle-absolute {
  top: 50%;
  transform: translateY(-50%);
}

.flex-1 {
  flex: 1 !important;
}

.flex-auto {
  flex: 1 0 auto;
}

.flex-none {
  flex: none !important;
}

.z-index-2 {
  z-index: 2;
}

.pe-none {
  pointer-events: none;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

@media screen and (max-width: 992px) {
  .overflow-total {
    flex-wrap: nowrap;
    overflow: auto;
  }
  .overflow-total .col-auto {
    flex-basis: 160px;
  }
}

.rounded-full {
  border-radius: 50px;
}

.radius-8 {
  border-radius: 8px;
}

[v-cloak] {
  display: none;
}

.tas-home-favorite {
  cursor: pointer;
  display: grid;
  align-items: center;
  justify-content: center;
  position: relative;
  outline: none;
  border: none;
  width: 100%;
  min-width: 150px;
  height: 150px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 2px 4px 0px rgba(105, 115, 134, 0.25);
  transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.tas-home-favorite:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 0.5px solid var(--dark-grey-100);
}
.tas-home-favorite:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: var(--neutral-100);
  border-radius: 50%;
  transition: opacity 200ms ease-in-out;
}
.tas-home-favorite .tas-home-favorite__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 33px;
  height: 33px;
  font-size: 16px;
  border-radius: 50%;
  margin-top: 10px;
  z-index: 1;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.tas-home-favorite .tas-home-favorite__icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  transition: transform 100ms ease-in-out;
}
.tas-home-favorite .tas-home-favorite__title {
  font-size: 15px;
  color: #050647;
  max-width: 120px;
  z-index: 1;
}
.tas-home-favorite .tas-home-favorite__subtitle {
  font-family: "Nunito", "Arial", sans-serif;
  font-size: 12px;
  text-transform: lowercase;
  align-self: end;
  justify-self: center;
  border-radius: 30px;
  padding: 0 8px;
  width: fit-content;
  background-color: #ffffff;
  z-index: 1;
  transition: background-color 200ms ease-in-out;
}
.tas-home-favorite .tas-home-favorite__badge {
  z-index: 1;
  background: #050647;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0px 5px;
  font-size: 12px;
  font-weight: 500;
  min-width: 18px;
  margin-bottom: -8px;
}
.tas-home-favorite .tas-home-favorite__badge ~ .tas-home-favorite__badge {
  margin-left: 5px;
}
.tas-home-favorite .tas-home-favorite__badge i {
  font-size: 9px;
  line-height: 1.778;
}
.tas-home-favorite.tas-home-favorite.primary .tas-home-favorite__icon {
  color: var(--primary);
  background-color: var(--primary-100);
}
.tas-home-favorite.tas-home-favorite.primary .tas-home-favorite__icon:before {
  background-color: var(--primary);
}
.tas-home-favorite.tas-home-favorite.secondary .tas-home-favorite__icon {
  color: var(--secondary);
  background-color: var(--secondary-100);
}
.tas-home-favorite.tas-home-favorite.secondary .tas-home-favorite__icon:before {
  background-color: var(--secondary);
}
.tas-home-favorite.tas-home-favorite.alternative .tas-home-favorite__icon {
  color: var(--alternative);
  background-color: var(--alternative-100);
}
.tas-home-favorite.tas-home-favorite.alternative .tas-home-favorite__icon:before {
  background-color: var(--alternative);
}
.tas-home-favorite.tas-home-favorite.warning .tas-home-favorite__icon {
  color: var(--warning);
  background-color: var(--warning-100);
}
.tas-home-favorite.tas-home-favorite.warning .tas-home-favorite__icon:before {
  background-color: var(--warning);
}
.tas-home-favorite.tas-home-favorite.danger .tas-home-favorite__icon {
  color: var(--danger);
  background-color: var(--danger-100);
}
.tas-home-favorite.tas-home-favorite.danger .tas-home-favorite__icon:before {
  background-color: var(--danger);
}
.tas-home-favorite.tas-home-favorite.purple .tas-home-favorite__icon {
  color: var(--purple);
  background-color: var(--purple-100);
}
.tas-home-favorite.tas-home-favorite.purple .tas-home-favorite__icon:before {
  background-color: var(--purple);
}
.tas-home-favorite:hover, .tas-home-favorite:focus, .tas-home-favorite:active {
  outline: none;
}
.tas-home-favorite:hover {
  box-shadow: 0px 4px 8px 3px rgba(124, 151, 205, 0.3);
}
.tas-home-favorite:hover:after {
  opacity: 1;
  transform: scale(1);
}
.tas-home-favorite:hover .tas-home-favorite__icon:before {
  transform: scale(1);
}
.tas-home-favorite:hover .tas-home-favorite__subtitle {
  background-color: var(--neutral-100);
}
.tas-home-favorite:hover.tas-home-favorite.primary .tas-home-favorite__icon {
  color: var(--primary-100);
}
.tas-home-favorite:hover.tas-home-favorite.secondary .tas-home-favorite__icon {
  color: var(--secondary-100);
}
.tas-home-favorite:hover.tas-home-favorite.alternative .tas-home-favorite__icon {
  color: var(--alternative-100);
}
.tas-home-favorite:hover.tas-home-favorite.purple .tas-home-favorite__icon {
  color: var(--purple-100);
}
.tas-home-favorite:hover.tas-home-favorite.warning .tas-home-favorite__icon {
  color: var(--warning-100);
}
.tas-home-favorite:hover.tas-home-favorite.danger .tas-home-favorite__icon {
  color: var(--danger-100);
}
.tas-home-favorite-grid {
  row-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .tas-home-favorite-grid .col-xl-auto {
    flex: 0 0 16.6%;
    max-width: 16.6%;
  }
}
@media screen and (min-width: 1440px) {
  .tas-home-favorite-grid .col-xl-auto {
    flex: 0 0 14.2%;
    max-width: 14.2%;
  }
}
@media screen and (min-width: 1700px) {
  .tas-home-favorite-grid .col-xl-auto {
    flex: 0 0 11.1%;
    max-width: 11.1%;
  }
}

.tas-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  min-height: 30px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 13px;
  color: #4f5d73;
  border-top: 1px solid #d8dbe0;
  background-color: #f9f9f9;
}
.tas-footer a {
  outline: none;
}
@media screen and (min-width: 576px) {
  .tas-footer {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 576px) {
  .tas-footer {
    display: inline;
    text-align: center;
  }
}

.form-group {
  margin-bottom: 0.75rem;
}
.form-group.form-group--stretch {
  height: 100%;
}
.form-group.form-group--stretch .form-container, .form-group.form-group--stretch .form-field {
  height: 100%;
}

.form-code {
  width: 26px;
}
.form-code ~ .form-code {
  margin-left: 5px;
}
.form-code__background {
  border-radius: 4px;
  background-color: var(--neutral-100);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-code .form-control {
  text-transform: uppercase;
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 4px;
}
.form-code .form-control:focus ~ .form-code__background, .form-code .form-control:active ~ .form-code__background {
  border: 2px solid var(--primary);
}

.form-container {
  display: flex;
  flex-direction: column;
}

.form-field {
  cursor: text;
  display: inline-flex;
  position: relative;
  outline: none;
  height: var(--input-height);
}
.form-field .form-field__icon {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
}
.form-field .form-field__iconbtn {
  pointer-events: auto;
  cursor: pointer;
}
.form-field .form-field__label {
  cursor: inherit;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: auto;
  left: 12px;
  font-size: var(--input-label-size);
  font-weight: 400;
  letter-spacing: 0.4px;
  text-align: left;
  color: var(--form-txt);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 24px;
  transform: translateY(-50%);
  transform-origin: left top;
  transition: all 150ms ease;
}
.form-field .tas-tooltip-btn {
  position: absolute;
  right: -22px;
  bottom: -1px;
}
.form-field.form-field--suffix-icon .form-field__icon {
  right: 12px;
  left: auto;
}
.form-field.form-field--suffix-icon .suffix-icon {
  right: 12px !important;
  left: auto !important;
}
.form-field.form-field--suffix-icon .form-control {
  padding-right: 40px;
}
.form-field.form-field--suffix-icon .form-field__icon ~ .form-field__icon {
  right: 12px;
  left: auto;
}
.form-field.form-field--prefix-icon .form-field__icon {
  right: auto;
  left: 16px;
}
.form-field.form-field--prefix-icon .form-control:first-of-type, .form-field.form-field--prefix-icon .form-select__wrapper {
  padding-left: 48px;
}
.form-field.form-field--prefix-icon .form-control:first-of-type.text-center, .form-field.form-field--prefix-icon .form-select__wrapper.text-center {
  padding-left: 38px;
}
.form-field.form-field--prefix-icon .form-field__label {
  left: 48px;
  padding-right: 64px;
}
.form-field.form-field--prefix-icon .form-outline.form-outline--active .form-field__label {
  transform: translateY(-28px) translateX(-31px) scale(0.75);
}
.form-field.form-field--suffix-text .form-field__icon {
  z-index: 1;
  font-size: 0.813rem;
}
.form-field.form-field--suffix-text .form-control {
  padding-right: 50px;
}
.form-field.form-field--suffix-text .form-field__label {
  padding-right: 54px;
}
.form-field.form-field--prefix-text .form-field__icon {
  z-index: 1;
  font-size: 15px;
}
.form-field.form-field--filled {
  border-radius: 4px;
  background-color: #f5f5f5;
}
.form-field.form-field--line {
  border-radius: 2px 2px 0 0;
}
.form-field.form-field--line .form-outline .form-outline__prefix {
  border-top: 0;
  border-left: 0;
  border-radius: 0;
}
.form-field.form-field--line .form-outline .form-outline__suffix {
  border-top: 0;
  border-right: 0;
  border-radius: 0;
}
.form-field.form-field--line:not(.form-select).form-field--active {
  background-color: #E1E9FD;
}
.form-field.form-field--log .form-control {
  caret-color: var(--log-field);
}
.form-field.form-field--log .form-outline .form-field__label,
.form-field.form-field--log .form-field__icon {
  color: var(--log-field);
}
.form-field.form-field--log .form-outline .form-outline__prefix, .form-field.form-field--log .form-outline__middle, .form-field.form-field--log .form-outline__suffix,
.form-field.form-field--log .form-outline.form-outline--active .form-outline__prefix, .form-field.form-field--log .form-outline__middle, .form-field.form-field--log .form-outline__suffix {
  border-color: var(--log-field) !important;
}
.form-field.form-field--log ~ .form-support .form-support__character-count {
  color: var(--log-field);
  font-weight: 500;
}
.form-field.form-field--error .form-control {
  color: var(--danger) !important;
  caret-color: var(--danger);
}
.form-field.form-field--error .form-outline .form-field__label,
.form-field.form-field--error .form-field__icon {
  color: var(--danger);
}
.form-field.form-field--error .form-outline .form-outline__prefix, .form-field.form-field--error .form-outline__middle, .form-field.form-field--error .form-outline__suffix,
.form-field.form-field--error .form-outline.form-outline--active .form-outline__prefix, .form-field.form-field--error .form-outline__middle, .form-field.form-field--error .form-outline__suffix {
  border-color: var(--danger) !important;
}
.form-field.form-field--error ~ .form-support .form-support__character-count {
  color: var(--danger);
  font-weight: 400;
}
.form-field.form-field--disabled .form-field__icon {
  font-size: 0.813rem !important;
  top: 16px;
}
.form-field.form-field--disabled.form-field--filled {
  border-bottom: 0;
}
.form-field.form-field--disabled.form-field--filled .form-control {
  padding: 8px 12px;
}
.form-field.form-field--active.form-field--disabled .form-field__icon {
  top: 21px;
}

.form-control {
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: var(--input-label-size);
  font-weight: 400;
  line-height: 1.5;
  border: 0;
  border-radius: 0;
  color: var(--main-font) !important;
  caret-color: var(--primary);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-control:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
.form-control.form-control--hidden {
  height: 0 !important;
  padding: 0 !important;
}
.form-control:disabled, .form-control[readonly] {
  background-color: transparent;
}
.form-control:disabled ~ .form-outline .form-outline__prefix, .form-control:disabled ~ .form-outline .form-outline__suffix, .form-control[readonly] ~ .form-outline .form-outline__prefix, .form-control[readonly] ~ .form-outline .form-outline__suffix {
  background-color: rgba(0, 0, 0, 0.03);
  cursor: auto;
}
.form-control:disabled ~ .form-outline.form-outline--active .form-field__label, .form-control[readonly] ~ .form-outline.form-outline--active .form-field__label {
  top: 1px !important;
  background: #f7f7f7;
}
.form-control:disabled ~ .form-select__wrapper, .form-control[readonly] ~ .form-select__wrapper {
  padding-top: 12px;
  padding-bottom: 0px;
  cursor: auto;
}
.form-control:disabled:not(.vertical-align) {
  padding-top: 12px;
  padding-bottom: 0px;
  cursor: auto;
}

.form-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-outline .form-outline__prefix, .form-outline .form-outline__middle, .form-outline .form-outline__suffix {
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.form-outline .form-outline__prefix {
  width: 12px;
  border-right: 0;
  border-left: 1px solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: var(--form-bd);
}
.form-outline .form-outline__middle {
  width: auto;
  flex: 0 0 auto;
  max-width: calc(100% - 24px);
  border-color: var(--form-bd);
}
.form-outline .form-outline__suffix {
  flex-grow: 1;
  border-right: 1px solid;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-color: var(--form-bd);
}
.form-outline.form-outline--active .form-field__label {
  z-index: 1;
  top: -8px !important;
  left: 8px;
  padding: 0 4px;
  max-width: 100%;
  background-color: var(--container-bg-1);
  transform: scale(0.82) !important;
}
.form-outline.form-outline--active .form-outline__middle {
  padding-top: 1px;
  border-top: 0;
}
.form-outline.form-outline--focus .form-field__label {
  color: var(--primary);
}
.form-outline.form-outline--focus .form-outline__prefix, .form-outline.form-outline--focus .form-outline__middle, .form-outline.form-outline--focus .form-outline__suffix {
  border-width: 2px;
  border-color: var(--primary);
}

.form-support {
  display: flex;
  justify-content: space-between;
  padding-right: 12px;
  padding-left: 12px;
}
.form-support .form-support__help-message {
  font-size: 12px;
  letter-spacing: 0.4px;
}
.form-support .form-support__help-message::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 13px;
  vertical-align: 0;
}
.form-support .form-support__error-message {
  color: var(--danger);
  font-size: 12px;
  letter-spacing: 0.4px;
}
.form-support .form-support__error-message::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 16px;
  vertical-align: 0;
}
.form-support .form-support__character-count {
  font-size: 12px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
.form-support .form-support__character-count::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 16px;
  vertical-align: 0;
}

.form-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  padding: 0 10px;
}
.form-loading .form-loading__text {
  font-size: 0.688rem;
  color: var(--neutral);
}
.form-loading .form-loading__spinner {
  width: 50px;
  height: 22px;
  text-align: center;
  font-size: 12px;
}
.form-loading .form-loading__spinner > div {
  background-color: #989898;
  height: 100%;
  width: 4px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.form-loading .form-loading__spinner .str2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.form-loading .form-loading__spinner .str3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.form-loading .form-loading__spinner .str4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.form-loading .form-loading__spinner .str5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.form-datepicker > span {
  width: 100%;
}
.form-datepicker .form-field.form-field--suffix-icon .form-control {
  padding-right: 12px;
}
.form-datepicker .form-datepicker__clean {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 8px !important;
  width: 24px;
  height: 24px;
  font-size: 16px !important;
  color: #767676;
  outline: none;
  border: none;
  border-radius: 50%;
  background: none;
  z-index: 5;
}
.form-datepicker .form-datepicker__clean:focus {
  outline: none;
}
.form-datepicker--disabled ~ .form-outline .form-outline__prefix, .form-datepicker--disabled ~ .form-outline .form-outline__suffix {
  background-color: rgba(0, 0, 0, 0.03);
}
.form-datepicker--disabled ~ .form-outline.form-outline--active .form-field__label {
  top: 1px !important;
  background: none;
}

.vc-container.vc-tas-blue {
  --tas-blue-100: #d9e3fd;
  --tas-blue-200: #bfd0fb;
  --tas-blue-300: #a0baf9;
  --tas-blue-400: #82a4f7;
  --tas-blue-500: #6f96f6;
  --tas-blue-600: #5b88f5;
  --tas-blue-700: #4679f4;
  --tas-blue-800: #356cf3;
  --tas-blue-900: #0c4ef0;
}

.form-textarea {
  height: auto;
}
.form-textarea .form-outline .form-outline__middle .form-field__label {
  top: 8px;
  transform: none;
}
.form-textarea textarea {
  resize: none;
  min-height: 72px;
  max-height: 198px;
}

.form-file {
  margin-bottom: 10px;
}
.form-file > input {
  position: absolute;
  left: -9000px;
}
.form-file ~ .form-support {
  padding-right: 0;
  padding-left: 0;
}

.form-attachment {
  margin-top: 10px;
}
.form-attachment .form-attachment__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0.813rem;
}
@media screen and (min-width: 768px) {
  .form-attachment .form-attachment__header {
    flex-wrap: nowrap;
  }
}
.form-attachment .form-attachment__group {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .form-attachment .form-attachment__group {
    width: auto;
  }
}
.form-attachment .form-attachment__checkbox {
  width: 100%;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .form-attachment .form-attachment__checkbox {
    width: auto;
    margin-left: auto;
  }
}
.form-attachment__remove {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  min-width: 26px;
  height: 26px;
  font-size: 14px;
  color: var(--neutral);
}
.form-attachment__clickable {
  cursor: pointer;
  font-weight: 500;
  color: var(--secondary);
}
.form-attachment__file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  word-break: break-all;
  margin-bottom: 8px;
  padding: 3px 6px 3px 0px;
  border-radius: 4px;
  background-color: rgba(117, 117, 117, 0.1);
}
.form-attachment__file .form-container {
  width: 100%;
  margin-left: 10px;
}
.form-attachment__file .form-field {
  margin-top: 5px;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.28);
}
.form-attachment__size {
  display: contents;
  font-size: 0.688rem;
  font-weight: 500;
}
.form-attachment__warning {
  display: inline-flex;
  margin-top: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--danger);
}

.form-select .form-select__wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-right: 60px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-radius: 0;
  font-size: var(--input-label-size);
  color: var(--main-font);
}
.form-select .form-select__selected {
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-select .form-select__clean {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 30px !important;
  width: 24px;
  height: 24px;
  font-size: 16px !important;
  color: #767676;
  outline: none;
  border: none;
  border-radius: 50%;
  background: none;
}
.form-select .form-select__clean:focus {
  outline: none;
}
.form-select .form-select__action {
  pointer-events: auto;
  padding: 0;
  outline: none;
  border: none;
  background: none;
}
.form-select .form-select__action:focus {
  outline: none;
}
.form-select .form-select__action:hover {
  color: var(--primary);
}
.form-select .form-select__arrow {
  pointer-events: none;
  color: #767676;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.form-select .form-select__arrow--active {
  color: var(--primary);
  transform: rotate(180deg) translateY(11px);
}
.form-select .form-select__text:not(:first-child):before {
  content: ", ";
}
.form-select .form-control {
  padding-right: 60px !important;
}
.form-select.form-select--multiple {
  flex-wrap: wrap;
  height: auto !important;
  min-height: var(--input-height);
}
.form-select.form-select--multiple .form-select__wrapper {
  display: inline;
  position: relative;
}
.form-select.form-select--multiple .form-select__selected {
  pointer-events: auto;
  white-space: normal;
  overflow: unset;
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 5px 32px 5px 10px;
  margin-right: 10px;
  margin-bottom: 3px;
  font-size: var(--input-label-size);
  color: var(--main-font);
  background-color: var(--neutral-200);
  border-radius: 4px;
}
.form-select.form-select--multiple .form-select__text {
  display: inline-block;
  word-break: break-word;
}
.form-select.form-select--multiple .form-select__remove {
  position: absolute;
  margin-left: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  border: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: transparent;
}
.form-select.form-select--multiple .form-select__remove:hover, .form-select.form-select--multiple .form-select__remove:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.form-select.form-select--disabled .form-select__wrapper {
  padding-top: 20px;
  cursor: auto;
}
.form-select.form-select--full-height .form-select__dropdown {
  max-height: none;
}
.form-select:not(.form-field--multiple, .form-field--line) .form-outline.form-outline--focus .form-outline__prefix {
  border-bottom: 0;
  border-bottom-left-radius: 0;
}
.form-select:not(.form-field--multiple, .form-field--line) .form-outline.form-outline--focus .form-outline__middle {
  border-bottom: 0;
}
.form-select:not(.form-field--multiple, .form-field--line) .form-outline.form-outline--focus .form-outline__suffix {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}

.form-select-dropdown {
  display: none;
  position: absolute;
  z-index: 99;
  overflow: auto;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 250px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background-color: var(--container-bg-2);
  box-shadow: 0 3px 6px rgba(36, 92, 235, 0.16), 0 3px 6px rgba(36, 92, 235, 0.2);
}
.form-select-dropdown--active {
  display: block;
}
.form-select-dropdown--border {
  border-color: var(--log-field) !important;
}
.form-select-dropdown--error {
  border-color: var(--danger) !important;
}
.form-select-dropdown--openup {
  top: auto;
  bottom: 100%;
  margin-bottom: 3px;
  border: 0;
  border-radius: 4px;
}
.form-select-dropdown .form-select-dropdown__list {
  display: inline-block;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.form-select-dropdown .form-select-dropdown__item {
  cursor: pointer;
  display: block;
  position: relative;
  overflow: hidden;
}
.form-select-dropdown .form-select-dropdown__item:before, .form-select-dropdown .form-select-dropdown__item:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.form-select-dropdown .form-select-dropdown__item:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-select-dropdown .form-select-dropdown__item:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}
.form-select-dropdown .form-select-dropdown__item:hover.form-select-dropdown__item:before {
  opacity: 0.15;
}
.form-select-dropdown .form-select-dropdown__item:active.form-select-dropdown__item:after {
  opacity: 0.24;
  transform: scale(1);
}
.form-select-dropdown .form-select-dropdown__item.form-select-dropdown__item--disabled {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.03);
}
.form-select-dropdown .form-select-dropdown__item.highlighted:before {
  opacity: 0.15;
}
.form-select-dropdown .form-select-dropdown__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 16px;
  padding-left: 16px;
  height: var(--input-options-size);
  white-space: nowrap;
  font-size: var(--input-label-size);
}

.form-select-produto {
  border: 1px solid var(--form-bd);
  border-radius: 4px;
}
.form-select-produto-button {
  display: flex;
  align-items: center;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: var(--input-height);
  padding: 8px 12px;
  font-size: var(--input-label-size);
  font-weight: 400;
  letter-spacing: 0.4px;
  color: var(--form-txt);
  font-family: "Roboto", "Arial", sans-serif;
  background-color: transparent;
  border: 0;
  outline: none;
}
.form-select-produto-button:focus, .form-select-produto-button:active {
  outline: none;
}
.form-select-produto-button:disabled {
  background-color: rgba(0, 0, 0, 0.03);
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:before, .form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: var(--neutral);
  border-radius: 50%;
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:hover.form-select-produto-button__underlay:before {
  opacity: 0.1;
}
.form-select-produto-button:not(:disabled) .form-select-produto-button__underlay:active.form-select-produto-button__underlay:after {
  opacity: 0.13;
  transform: scale(1);
}
.form-select-produto__selection {
  border-top: 2px solid var(--primary);
}
.form-select-produto__item {
  display: flex;
  align-items: center;
  pointer-events: auto;
  white-space: normal;
  padding: 8px 12px;
  font-size: 0.813rem;
  color: var(--neutral);
  background-color: var(--neutral-100);
  border-bottom: 1px solid var(--neutral-200);
}
.form-select-produto__item:last-child {
  border: 0;
  border-radius: 0 0 4px 4px;
}
.form-select-produto__text {
  display: inline-block;
  word-break: break-word;
  margin-right: auto;
}
.form-select-produto__remove {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: var(--input-label-size);
  color: var(--neutral);
  background-color: transparent;
  border: 0;
  outline: none;
  margin-left: 10px;
  padding: 0px 5px;
}
.form-select-produto__remove:focus, .form-select-produto__remove:active {
  outline: none;
}
.form-select-produto__remove:hover {
  color: var(--dark-grey);
}
.form-select-produto.form-select-produto--error {
  border-color: var(--danger);
}
.form-select-produto.form-select-produto--error .form-select-produto-button {
  color: var(--danger);
}

.form-selection {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: var(--input-height);
}
.form-selection .form-selection__label {
  order: 0;
  font-size: var(--input-label-size);
  letter-spacing: 0.25px;
  margin-right: auto;
}
@media screen and (min-width: 576px) {
  .form-selection .form-selection__label {
    margin-right: 10px;
  }
}
.form-selection__title {
  padding-left: 9px;
  margin-bottom: 3px;
}
.form-selection.form-selection--reverse .form-checkbox {
  order: 1;
}
.form-selection.form-selection--reverse .form-selection__label {
  order: 0;
  margin-right: auto;
  padding-left: 0;
}

.form-selection-list {
  display: flex;
  flex-direction: column;
  padding-left: 18px;
}

.form-switch {
  display: inline-block;
  position: relative;
  order: 2;
}
@media screen and (max-width: 576px) {
  .form-switch {
    margin-left: 10px;
  }
}
.form-switch .form-switch__track {
  opacity: 0.38;
  width: 36px;
  height: 20px;
  background-color: #000000;
  border-radius: 10px;
}
.form-switch .form-switch__underlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -10px;
  right: initial;
  left: -10px;
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.form-switch .form-switch__underlay:before, .form-switch .form-switch__underlay:after {
  content: "";
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.form-switch .form-switch__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-switch .form-switch__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.form-switch .form-switch__underlay:hover.form-switch__underlay:before, .form-switch .form-switch__underlay:focus-within.form-switch__underlay:before {
  opacity: 0.18;
}
.form-switch .form-switch__underlay:active.form-switch__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.form-switch .form-switch__thumb {
  background-color: #ffffff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 1;
}
.form-switch .form-switch__input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: initial;
  left: 0;
  width: 100%;
  height: 40px;
  margin: 0;
}
.form-switch.form-switch--active .form-switch__track {
  opacity: 1;
  background-color: var(--primary) !important;
}
.form-switch.form-switch--active.form-switch--disabled .form-switch__track {
  opacity: 0.6;
}
.form-switch.form-switch--active .form-switch__thumb {
  opacity: 1 !important;
}
.form-switch.form-switch--active .form-switch__underlay {
  transform: translateX(16px);
}
.form-switch.form-switch--active .form-switch__underlay:before, .form-switch.form-switch--active .form-switch__underlay:after {
  background-color: var(--primary);
}
.form-switch.form-switch--disabled .form-switch__track {
  opacity: 1;
  background-color: #757575;
}
.form-switch.form-switch--disabled .form-switch__thumb {
  opacity: 0.5;
}
.form-switch.form-switch--disabled .form-switch__underlay:before,
.form-switch.form-switch--disabled .form-switch__underlay:after {
  content: none;
}
.form-switch.form-switch--disabled .form-switch__input {
  cursor: default;
}
.form-switch.form-switch--fullwidth {
  margin-left: auto;
}
.form-switch.form-switch--fullwidth ~ .form-selection__label {
  margin-right: 10px;
}
.form-switch.form-switch--warning ~ .form-selection__label {
  color: var(--warning);
}

.form-checkbox {
  cursor: pointer;
  order: 0;
  display: inline-block;
  position: relative;
  box-sizing: content-box;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  padding: 11px;
}
.form-checkbox ~ .form-selection__label {
  order: 1;
  padding-left: 5px;
}
.form-checkbox .form-checkbox__input {
  cursor: inherit;
  position: absolute;
  opacity: 0;
  top: 0;
  right: initial;
  left: 0;
  width: 100%;
  height: 40px;
  margin: 0;
}
.form-checkbox .form-checkbox__input:disabled {
  cursor: default;
}
.form-checkbox .form-checkbox__input:disabled ~ .form-checkbox__background {
  background-color: #757575;
}
.form-checkbox .form-checkbox__input:disabled ~ .form-checkbox__underlay:before,
.form-checkbox .form-checkbox__input:disabled ~ .form-checkbox__underlay:after {
  content: none;
}
.form-checkbox .form-checkbox__input:focus ~ .form-checkbox__underlay:before {
  opacity: 0.18;
}
.form-checkbox .form-checkbox__background {
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  border-color: #757575;
  background: transparent;
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.form-checkbox .form-checkbox__checkmark {
  opacity: 0;
  color: #ffffff;
  font-size: 13px;
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.form-checkbox .form-checkbox__underlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-checkbox .form-checkbox__underlay:before, .form-checkbox .form-checkbox__underlay:after {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.form-checkbox .form-checkbox__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-checkbox .form-checkbox__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.form-checkbox:hover {
  outline: none;
}
.form-checkbox:hover .form-checkbox__underlay:before {
  opacity: 0.18;
}
.form-checkbox:active .form-checkbox__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.form-checkbox.form-checkbox--active .form-checkbox__background {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}
.form-checkbox.form-checkbox--active .form-checkbox__input:disabled ~ .form-checkbox__background {
  opacity: 0.6;
}
.form-checkbox.form-checkbox--active .form-checkbox__checkmark {
  opacity: 1;
}
.form-checkbox.form-checkbox--active .form-checkbox__underlay:before, .form-checkbox.form-checkbox--active .form-checkbox__underlay:after {
  background-color: var(--primary);
}

.form-radio {
  cursor: pointer;
  display: inline-block;
  position: relative;
  box-sizing: content-box;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  padding: 10px;
}
.form-radio .form-radio__input {
  cursor: inherit;
  position: absolute;
  opacity: 0;
  top: 0;
  right: initial;
  left: 0;
  width: 100%;
  height: 40px;
  margin: 0;
}
.form-radio .form-radio__input:disabled {
  cursor: default;
}
.form-radio .form-radio__input:disabled ~ .form-radio__background .form-radio__outer {
  background-color: #757575;
}
.form-radio .form-radio__input:disabled ~ .form-radio__underlay:before,
.form-radio .form-radio__input:disabled ~ .form-radio__underlay:after {
  content: none;
}
.form-radio .form-radio__input:focus ~ .form-radio__underlay:before {
  opacity: 0.18;
}
.form-radio .form-radio__background {
  pointer-events: none;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.form-radio .form-radio__outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: #757575;
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.form-radio .form-radio__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.form-radio .form-radio__underlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-radio .form-radio__underlay:before, .form-radio .form-radio__underlay:after {
  content: "";
  pointer-events: none;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.form-radio .form-radio__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-radio .form-radio__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.form-radio:hover .form-radio__underlay:before {
  opacity: 0.18;
}
.form-radio:active .form-radio__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.form-radio.form-radio--active .form-radio__outer {
  background-color: transparent !important;
  border-color: var(--primary) !important;
}
.form-radio.form-radio--active .form-radio__inner {
  border-color: var(--primary);
  transform: scale(0.5);
}
.form-radio.form-radio--active .form-radio__underlay:before, .form-radio.form-radio--active .form-radio__underlay:after {
  background-color: var(--primary);
}

.form-button-radio {
  cursor: pointer;
  position: relative;
  padding: 7px;
  margin-left: -1px;
  text-align: center;
  flex: 1 0 auto;
}
.form-button-radio__input {
  cursor: inherit;
  position: absolute;
  opacity: 0;
  top: 0;
  right: initial;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 2;
}
.form-button-radio__input:disabled {
  cursor: default;
}
.form-button-radio__input:disabled ~ .form-button-radio__text {
  color: var(--neutral);
}
.form-button-radio__input:disabled ~ .form-button-radio__background {
  border-color: var(--neutral);
}
.form-button-radio__input:not(:disabled) ~ .form-button-radio__underlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.form-button-radio__input:not(:disabled) ~ .form-button-radio__underlay:before, .form-button-radio__input:not(:disabled) ~ .form-button-radio__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: var(--primary);
  border-radius: 50%;
}
.form-button-radio__input:not(:disabled) ~ .form-button-radio__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.form-button-radio__input:not(:disabled) ~ .form-button-radio__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}
.form-button-radio__input:not(:disabled):hover, .form-button-radio__input:not(:disabled):focus {
  outline: none;
}
.form-button-radio__input:not(:disabled):hover ~ .form-button-radio__underlay:before, .form-button-radio__input:not(:disabled):focus ~ .form-button-radio__underlay:before {
  opacity: 0.15;
}
.form-button-radio__input:not(:disabled):active ~ .form-button-radio__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.form-button-radio:first-child .form-button-radio__background {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.form-button-radio:last-child .form-button-radio__background {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.form-button-radio__text {
  position: sticky;
  text-align: center;
  font-size: var(--input-label-size);
  font-weight: 500;
  letter-spacing: 0.25px;
  color: var(--primary);
}
.form-button-radio__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary);
}
.form-button-radio.form-button-radio--active .form-button-radio__text {
  color: #ffffff;
}
.form-button-radio.form-button-radio--active .form-button-radio__background {
  background-color: var(--primary);
}
.form-button-radio.form-button-radio--active .form-button-radio__underlay:before, .form-button-radio.form-button-radio--active .form-button-radio__underlay:after {
  background-color: #ffffff;
}

.input-photo {
  width: 100%;
  height: 210px;
  align-items: center;
}
.input-photo__image {
  width: 200px;
  height: 200px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .input-photo__image {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .input-photo {
    justify-content: center;
  }
}

.tas-photo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 30px;
  border: 1px solid var(--form-bd);
}
.tas-photo .tas-photo__overlay {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: background-color 150ms ease;
}
.tas-photo .tas-photo__overlay i {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #ffffff;
  font-size: 12px;
}
.tas-photo .tas-photo__add {
  cursor: pointer;
  position: absolute;
  background-color: var(--primary);
  color: #ffffff;
  font-size: 13px;
  padding: 5px 7px;
  border-radius: 4px;
  right: 10px;
  bottom: 10px;
}
.tas-photo .tas-photo__delete {
  cursor: pointer;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 13px;
  padding: 5px 7px;
  border-radius: 4px;
  right: 10px;
  bottom: 10px;
  transition: all 150ms ease;
}
.tas-photo .tas-photo__delete:hover {
  background-color: var(--danger);
}
.tas-photo p {
  width: 70%;
}
.tas-photo .tas-photo__display {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid var(--form-bd);
  -o-object-fit: cover;
  object-fit: cover;
}
.tas-photo input {
  position: absolute;
  left: -9000px;
}
.tas-photo-modal .tas-photo__display {
  width: 100%;
  min-height: 300px;
  max-height: 400px;
  border-radius: 4px;
  border: 1px solid var(--form-bd);
  -o-object-fit: cover;
  object-fit: cover;
}
.tas-photo-caption {
  position: absolute;
  bottom: 3px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 25px;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.tas-photo.tas-photo--sm {
  height: 73px;
}
.tas-photo.tas-photo--sm .tas-photo__overlay {
  font-size: 18px;
}
.tas-photo.tas-photo--hm {
  height: 156px;
}
.tas-photo.tas-photo--hm .tas-photo__overlay {
  font-size: 18px;
}
.tas-photo.tas-photo--filled {
  border: 0;
}
.tas-photo.tas-photo--filled:hover .tas-photo__overlay {
  background-color: rgba(0, 0, 0, 0.18);
}

.input-color {
  width: 100%;
  height: 100px;
  background: none;
  outline: none;
  border-color: var(--form-bd);
  border-radius: 4px;
}

::-webkit-color-swatch {
  border-color: transparent;
}

::-moz-color-swatch {
  border-color: transparent;
}

.btn-base {
  transition: background-color 150ms ease-in-out;
}
.btn-base--primary {
  color: var(--primary);
  background-color: var(--primary-100);
}
.btn-base--primary:hover {
  background-color: var(--primary-200);
}
.btn-base--secondary {
  color: var(--secondary);
  background-color: var(--secondary-100);
}
.btn-base--secondary:hover {
  background-color: var(--secondary-200);
}
.btn-base--alternative {
  color: var(--alternative);
  background-color: var(--alternative-100);
}
.btn-base--alternative:hover {
  background-color: var(--alternative-200);
}
.btn-base--warning {
  color: var(--warning);
  background-color: var(--warning-100);
}
.btn-base--warning:hover {
  background-color: var(--warning-200);
}
.btn-base--danger {
  color: var(--danger);
  background-color: var(--danger-100);
}
.btn-base--danger:hover {
  background-color: var(--danger-200);
}

.btn-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  outline: none;
  border: 0;
  border-radius: 50%;
  background: var(--container-bg-2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: box-shadow 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-toggle i {
  color: rgba(117, 117, 117, 0.72);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-toggle:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-toggle:focus {
  outline: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-toggle--active i {
  color: var(--primary);
  transform: rotate(180deg);
}

.btn-float {
  cursor: pointer;
  position: fixed;
  z-index: 99;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: 16px;
  bottom: 24px;
  width: 45px;
  height: 45px;
  padding: 0;
  outline: none;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-float .btn-float__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #ffffff;
}
.btn-float:before, .btn-float:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 50%;
}
.btn-float:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.btn-float:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.btn-float:hover.btn-float:before {
  opacity: 0.15;
}
.btn-float:focus {
  outline: none;
}
.btn-float:active.btn-float:after {
  opacity: 0.24;
  transform: scale(1);
}
.btn-float.btn-float--square {
  right: 10px;
  bottom: 24px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.btn-float.btn-float--square .btn-float__icon {
  font-size: 14px;
}
.btn-float.btn-float--square:before, .btn-float.btn-float--square:after {
  border-radius: 4px;
}
.btn-float.btn-float--secondary {
  bottom: 104px;
  background-color: var(--secondary);
  opacity: 0.5;
}
.btn-float.btn-float--secondary + .btn-float.btn-float--secondary {
  bottom: 64px;
}
.btn-float.btn-float--secondary:hover {
  opacity: 1;
}
.btn-float.btn-float--disabled {
  cursor: default;
  background-color: var(--neutral);
  opacity: 0.5 !important;
}
.btn-float.btn-float--disabled:before, .btn-float.btn-float--disabled:after {
  opacity: 0.5 !important;
}

.btn-action {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 64px;
  height: 30px;
  margin-bottom: 12px;
  padding: 0 12px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.04rem;
  vertical-align: middle;
  outline: none;
  border: none;
  border-radius: 4px;
  background-color: transparent;
}
@media screen and (min-width: 576px) {
  .btn-action {
    width: auto;
    margin-bottom: 0;
  }
}
.btn-action .btn-action__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.btn-action .btn-action__icon + .btn-action__label {
  margin-left: 6px;
}
.btn-action__label + .btn-action__icon {
  margin-left: 6px;
}
.btn-action:not(:disabled) .btn-action__underlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.btn-action:not(:disabled) .btn-action__underlay:before, .btn-action:not(:disabled) .btn-action__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: #ffffff;
  border-radius: 50%;
}
.btn-action:not(:disabled) .btn-action__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.btn-action:not(:disabled) .btn-action__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}
.btn-action:not(:disabled) .btn-action__underlay:hover.btn-action__underlay:before {
  opacity: 0.15;
}
.btn-action:not(:disabled) .btn-action__underlay:active.btn-action__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.btn-action:not(:disabled):hover, .btn-action:not(:disabled):focus {
  outline: none;
}
.btn-action:not(:disabled):hover .btn-action__underlay:before, .btn-action:not(:disabled):focus .btn-action__underlay:before {
  opacity: 0.15;
}
.btn-action:disabled {
  cursor: default;
  color: var(--btn-disabled-txt) !important;
}
.btn-action.btn-action--contain {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-action.btn-action--contain:not(:disabled):hover, .btn-action.btn-action--contain:not(:disabled):focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-action.btn-action--contain:disabled {
  background-color: var(--btn-disabled-bg) !important;
  box-shadow: none;
}
.btn-action.btn-action--outline {
  border-width: 1px;
  border-style: solid;
}
.btn-action.btn-action--outline .btn-action__icon {
  margin-left: -4px;
}
.btn-action.btn-action--outline:disabled {
  border-color: var(--btn-disabled-bg) !important;
}
.btn-action.btn-action--text {
  padding: 0 8px;
}
.btn-action.btn-action--primary.btn-action--contain {
  color: var(--btn-text);
  background-color: var(--primary);
}
.btn-action.btn-action--primary.btn-action--outline {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-action.btn-action--primary.btn-action--outline .btn-action__underlay:before, .btn-action.btn-action--primary.btn-action--outline .btn-action__underlay:after {
  background-color: var(--primary);
}
.btn-action.btn-action--primary.btn-action--text {
  color: var(--primary);
}
.btn-action.btn-action--primary.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--primary.btn-action--text .btn-action__underlay:after {
  background-color: var(--primary);
}
.btn-action.btn-action--secondary.btn-action--contain {
  color: var(--btn-text);
  background-color: var(--secondary);
}
.btn-action.btn-action--secondary.btn-action--outline {
  color: var(--secondary);
  border-color: var(--secondary);
}
.btn-action.btn-action--secondary.btn-action--outline .btn-action__underlay:before, .btn-action.btn-action--secondary.btn-action--outline .btn-action__underlay:after {
  background-color: var(--secondary);
}
.btn-action.btn-action--secondary.btn-action--text {
  color: var(--secondary);
}
.btn-action.btn-action--secondary.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--secondary.btn-action--text .btn-action__underlay:after {
  background-color: var(--secondary);
}
.btn-action.btn-action--alternative.btn-action--contain {
  color: var(--btn-text);
  background-color: var(--alternative);
}
.btn-action.btn-action--alternative.btn-action--outline {
  color: var(--alternative);
  border-color: var(--alternative);
}
.btn-action.btn-action--alternative.btn-action--outline .btn-action__underlay:before, .btn-action.btn-action--alternative.btn-action--outline .btn-action__underlay:after {
  background-color: var(--alternative);
}
.btn-action.btn-action--alternative.btn-action--text {
  color: var(--alternative);
}
.btn-action.btn-action--alternative.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--alternative.btn-action--text .btn-action__underlay:after {
  background-color: var(--alternative);
}
.btn-action.btn-action--danger.btn-action--contain {
  color: var(--btn-text);
  background-color: var(--danger);
}
.btn-action.btn-action--danger.btn-action--outline {
  color: var(--danger);
  border-color: var(--danger);
}
.btn-action.btn-action--danger.btn-action--outline .btn-action__underlay:before, .btn-action.btn-action--danger.btn-action--outline .btn-action__underlay:after {
  background-color: var(--danger);
}
.btn-action.btn-action--danger.btn-action--text {
  color: var(--danger);
}
.btn-action.btn-action--danger.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--danger.btn-action--text .btn-action__underlay:after {
  background-color: var(--danger);
}
.btn-action.btn-action--neutral.btn-action--contain {
  color: var(--btn-text);
  background-color: var(--neutral);
}
.btn-action.btn-action--neutral.btn-action--outline {
  color: var(--neutral);
  border-color: var(--neutral);
}
.btn-action.btn-action--neutral.btn-action--outline .btn-action__underlay:before, .btn-action.btn-action--neutral.btn-action--outline .btn-action__underlay:after {
  background-color: var(--neutral);
}
.btn-action.btn-action--neutral.btn-action--text {
  color: var(--neutral);
}
.btn-action.btn-action--neutral.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--neutral.btn-action--text .btn-action__underlay:after {
  background-color: var(--neutral);
}
.btn-action.btn-action--white.btn-action--text {
  color: #ffffff;
}
.btn-action.btn-action--white.btn-action--text .btn-action__underlay:before, .btn-action.btn-action--white.btn-action--text .btn-action__underlay:after {
  background-color: #ffffff;
}
.btn-action.btn-action--icon {
  min-width: auto;
  width: 30px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}
.btn-action.btn-action--icon .btn-action__icon {
  margin: 0;
  font-size: 13px;
}
.btn-action.btn-action--icon .btn-action__underlay {
  border-radius: 50%;
}
.btn-action.btn-action--icon:not(:disabled):hover .btn-action__underlay:before, .btn-action.btn-action--icon:not(:disabled):focus .btn-action__underlay:before {
  opacity: 0.5;
}

.btn-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  font-size: 16px;
  border: 0;
  outline: none;
  background: none;
  box-shadow: none;
  color: var(--neutral);
  border-radius: 50%;
}
.btn-icon:before, .btn-icon:after {
  content: "" !important;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.btn-icon:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.btn-icon:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.btn-icon:hover.btn-icon:before, .btn-icon:focus.btn-icon:before {
  opacity: 0.2;
}
.btn-icon:active.btn-icon:after {
  opacity: 0.24;
  transform: scale(1);
}
.btn-icon:focus {
  outline: none;
}
.btn-icon .btn-icon__unchecked {
  display: block;
}
.btn-icon .btn-icon__checked {
  display: none;
}
.btn-icon .btn-icon__input {
  cursor: inherit;
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 0;
  right: initial;
  left: 0;
  width: 100%;
  height: 40px;
  margin: 0;
}
.btn-icon .btn-icon__input:checked ~ .btn-icon__unchecked {
  display: none;
}
.btn-icon .btn-icon__input:checked ~ .btn-icon__checked {
  display: block;
}
.btn-icon .btn-icon__badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  top: 0;
  right: -5px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--primary);
}
.btn-icon.btn-icon--square {
  border-radius: 4px;
}
.btn-icon.btn-icon--square:before, .btn-icon.btn-icon--square:after {
  border-radius: 4px;
}
.btn-icon.btn-icon--primary {
  color: #ffffff;
  background-color: var(--primary);
}
.btn-icon.btn-icon--secondary {
  color: #ffffff;
  background-color: var(--secondary);
}
.btn-icon.btn-icon--alternative {
  color: #ffffff;
  background-color: var(--alternative);
}
.btn-icon.btn-icon--neutral {
  color: #ffffff;
  background-color: var(--neutral);
}
.btn-icon.btn-icon--warning {
  color: #ffffff;
  background-color: var(--warning);
}
.btn-icon.btn-icon--danger {
  color: #ffffff;
  background-color: var(--danger);
}
.btn-icon.btn-icon--purple {
  color: #ffffff;
  background-color: var(--purple);
}
.btn-icon.btn-icon--offcolor.btn-icon--primary {
  color: var(--primary);
  background-color: var(--primary-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--secondary {
  color: var(--secondary);
  background-color: var(--secondary-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--alternative {
  color: var(--alternative);
  background-color: var(--alternative-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--neutral {
  color: var(--neutral);
  background-color: var(--neutral-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--warning {
  color: var(--warning);
  background-color: var(--warning-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--danger {
  color: var(--danger);
  background-color: var(--danger-200);
}
.btn-icon.btn-icon--offcolor.btn-icon--purple {
  color: var(--purple);
  background-color: rgba(110, 102, 162, 0.2);
}
.btn-icon.btn-icon--label {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.btn-icon.btn-icon--label span {
  font-size: 0.75rem;
  margin-left: 8px;
}
.btn-icon:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn-group-icon {
  display: flex;
  align-items: center;
  border-radius: 30px;
}
.btn-group-icon .btn-icon:nth-child(2) {
  display: none;
  margin-left: 5px;
}
.btn-group-icon.btn-group-icon--active {
  background-color: var(--neutral-100);
}
.btn-group-icon.btn-group-icon--active .btn-icon:nth-child(1) {
  color: var(--primary);
  background-color: var(--neutral-200);
}
.btn-group-icon.btn-group-icon--active .btn-icon:nth-child(2) {
  display: flex;
}

.btn-form {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 35px;
  height: 32px;
  padding: 0;
  color: #fff;
  font-size: 14px;
  border: 0;
  outline: none;
  background: none;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-form:not(:first-child) {
  margin-left: 5px;
}
.btn-form:not(:disabled) .btn-form__underlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.btn-form:not(:disabled) .btn-form__underlay:before, .btn-form:not(:disabled) .btn-form__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: #ffffff;
  border-radius: 50%;
}
.btn-form:not(:disabled) .btn-form__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.btn-form:not(:disabled) .btn-form__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}
.btn-form:not(:disabled) .btn-form__underlay:hover.btn-form__underlay:before {
  opacity: 0.15;
}
.btn-form:not(:disabled) .btn-form__underlay:active.btn-form__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.btn-form:not(:disabled):hover, .btn-form:not(:disabled):focus {
  outline: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-form:disabled {
  cursor: default;
  color: var(--btn-disabled-txt) !important;
}
.btn-form.btn-form--view {
  background-color: var(--alternative);
}
.btn-form.btn-form--edit {
  background-color: var(--secondary);
}
.btn-form.btn-form--clone {
  background-color: var(--warning);
}
.btn-form.btn-form--delete {
  background-color: var(--danger);
}

.btn-label {
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  color: var(--neutral);
}
.btn-label i {
  margin-right: 7px;
}
.btn-label i.fa-undo-alt, .btn-label i.fa-sync-alt {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-label:hover {
  color: var(--secondary);
}
.btn-label:hover i.fa-undo-alt, .btn-label:hover i.fa-sync-alt {
  transform: rotate(-360deg);
}

.btn-ref {
  position: absolute;
  height: 0;
  width: 0;
  background: none;
  border: 0;
  opacity: 0;
}

.btn-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 996;
  top: 60px;
  right: -50px;
  background: #FFFFFF;
  min-width: 80px;
  height: 50px;
  font-size: 0.875rem;
  padding: 10px 6px;
  border-radius: 50px 0 0 50px;
  box-shadow: 0 1px 1px 0 rgba(60, 75, 100, 0.14), 0 2px 1px -1px rgba(60, 75, 100, 0.12), 0 1px 0 0 rgba(60, 75, 100, 0.2);
  transition: all 0.35s ease-in-out;
  transition-delay: 0.1s;
}
.btn-tab .btn-icon {
  color: var(--secondary);
}
.btn-tab:hover {
  right: 0;
}
.btn-tab.btn-tab--second {
  top: 125px;
}

.btn-card {
  position: relative;
  border: 0;
  outline: none;
  width: 100%;
  text-align: initial;
}
.btn-card:hover, .btn-card:focus {
  outline: none;
}
.btn-card:hover .btn-card__underlay:before, .btn-card:focus .btn-card__underlay:before {
  opacity: 0.15;
}
.btn-card:active {
  outline: none;
}
.btn-card:active .btn-card__underlay:after {
  opacity: 0.24;
  transform: scale(1);
}
.btn-card.btn-card--disabled {
  color: var(--neutral);
  background-color: var(--background);
}
.btn-card__underlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.btn-card__underlay:before, .btn-card__underlay:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  opacity: 0;
  width: 200%;
  height: 200%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.btn-card__underlay:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.btn-card__underlay:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 50ms linear, opacity 50ms linear;
}

.pointer {
  cursor: pointer;
}

.default {
  cursor: default !important;
}

.tas-datatable {
  clear: both;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  max-height: calc(100vh - 154px);
}
@media screen and (min-width: 576px) {
  .tas-datatable {
    max-width: 1080px;
  }
}
@media screen and (min-width: 992px) {
  .tas-datatable {
    max-height: calc(100vh - 183px);
  }
}
.tas-datatable .tas-datatable-header {
  margin-bottom: 0.875rem;
}
.tas-datatable .tas-datatable-select {
  min-width: 87px;
}
.tas-datatable .tas-datatable-select .form-select__wrapper {
  padding-right: 30px;
}
.tas-datatable .tas-datatable-overflow {
  overflow-x: auto;
  overflow-y: auto;
  flex-grow: 1;
  width: 100%;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tas-datatable .tas-datatable-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}
.tas-datatable .tas-datatable-paginationbtn {
  position: relative;
  width: 30px;
  height: 30px;
  outline: none;
  padding: 0;
  border: 0;
  font-size: 14px;
  color: var(--neutral);
  background: none;
  box-shadow: none;
}
.tas-datatable .tas-datatable-paginationbtn:before, .tas-datatable .tas-datatable-paginationbtn:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #9e9e9e;
  border-radius: 50%;
}
.tas-datatable .tas-datatable-paginationbtn:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.tas-datatable .tas-datatable-paginationbtn:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.tas-datatable .tas-datatable-paginationbtn:hover.tas-datatable-paginationbtn:before {
  opacity: 0.1;
}
.tas-datatable .tas-datatable-paginationbtn:active.tas-datatable-paginationbtn:after {
  opacity: 0.24;
  transform: scale(1);
}
.tas-datatable .tas-datatable-paginationbtn.tas-datatable-paginationbtn--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.tas-datatable .tas-datatable-pagination {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 0.75rem;
  letter-spacing: 0.0178571429em;
}
.tas-datatable-blankfield {
  display: none;
  border: 0;
}
@media screen and (min-width: 992px) {
  .tas-datatable-blankfield {
    display: table-cell;
  }
}
.tas-datatable-totalbox .tas-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 7px;
  background-color: #FAFBFF;
  box-shadow: 0 1px 4px rgba(105, 115, 134, 0.25);
}
.tas-datatable-totalbox .col-auto {
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .tas-datatable-totalbox .row {
    flex-wrap: nowrap;
    overflow: auto;
  }
  .tas-datatable-totalbox .col-auto {
    min-width: 35%;
    max-width: 100%;
  }
}
.tas-datatable-totalbox .tas-datatable-totalbox__title {
  font-size: 0.688rem;
  line-height: 1rem;
  font-weight: 500;
  color: #3a3c45;
  margin-bottom: 3px;
}
.tas-datatable-totalbox .flex-row .tas-datatable-totalbox__value {
  min-width: auto;
  max-width: fit-content;
  overflow: hidden;
}
.tas-datatable-totalbox .flex-row .tas-datatable-totalbox__value + .tas-datatable-totalbox__value {
  margin-top: 0px;
  margin-left: 10px;
}
.tas-datatable-totalbox .tas-datatable-totalbox__value {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #3a3c45;
  font-size: 0.688rem;
}
.tas-datatable-totalbox .tas-datatable-totalbox__value + .tas-datatable-totalbox__value {
  margin-top: 3px;
  margin-left: 0px;
}
.tas-datatable-totalbox .tas-datatable-totalbox__icon {
  margin-right: 5px;
}
.tas-datatable-nest {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 30px;
  background: #FAFBFF;
  box-shadow: inset 0px 1px 2px 0px rgba(52, 100, 218, 0.15);
}
.tas-datatable-nest .tas-table .tas-table-cell.tas-table-cell--header {
  background-color: #3464DA;
}
.tas-datatable-dropdown .dropdown-menu .dropdown-menu__item {
  font-size: 0.75rem;
  color: #5C656C;
}
.tas-datatable-dropdown .dropdown-menu .dropdown-menu__item i {
  min-width: 22px;
}
.tas-datatable-dropdown .dropdown-menu .dropdown-menu__link {
  padding: 9px 15px;
  line-height: normal;
}

.tas-table {
  overflow: auto;
  outline: 1px solid #e0e0e0;
  border-radius: 4px;
}
.tas-table .tas-table-header, .tas-table .tas-table-row, .tas-table .tas-table-total, .tas-table .tas-table-total-group {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  min-width: min-content;
}
.tas-table .tas-table-header {
  position: sticky;
  top: 0;
  z-index: 3;
  box-shadow: 0 3px 2px -1px rgba(76, 76, 76, 0.1);
}
.tas-table .tas-table-header .tas-table-cell {
  color: #ffffff;
  font-weight: 500;
  background-color: #4c4c4c;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .tas-table .tas-table-header .tas-table-cell.tas-table-cell--fixed {
    position: sticky;
    left: 0;
    z-index: 3;
    box-shadow: 3px 0 2px -1px rgba(0, 0, 0, 0.1);
  }
}
.tas-table .tas-table-header .tas-table-cell:hover .tas-table-sort {
  width: 13px;
  opacity: 0.4;
}
.tas-table .tas-table-row {
  background-color: #ffffff;
}
.tas-table .tas-table-row:nth-child(even) {
  background-color: #f8f8f8;
}
.tas-table .tas-table-row:nth-child(even) .tas-table-actions__container {
  background-color: #f8f8f8;
}
@media screen and (max-width: 992px) {
  .tas-table .tas-table-row:nth-child(odd) .tas-table-actions__container {
    background-color: #ffffff;
  }
}
.tas-table .tas-table-row:hover {
  background-color: #eff0f1 !important;
}
@media screen and (min-width: 992px) {
  .tas-table .tas-table-row:hover .tas-table-actions__container {
    background-color: #eff0f1;
  }
  .tas-table .tas-table-row:hover .tas-table-actions__container:before {
    background-image: linear-gradient(90deg, rgba(250, 251, 252, 0) 0%, #eff0f1 100%);
  }
  .tas-table .tas-table-row:hover .tas-table-actions {
    visibility: visible;
    opacity: 1;
  }
  .tas-table .tas-table-row:hover .tas-table-actions__container:before {
    opacity: 1;
  }
}
.tas-table .tas-table-row:hover.tas-table-row--active {
  background-color: #E1E9FD !important;
}
.tas-table .tas-table-row:hover.tas-table-row--active .tas-table-actions__container {
  background-color: #E1E9FD !important;
}
.tas-table .tas-table-row:hover.tas-table-row--active .tas-table-actions__container:before {
  background-image: linear-gradient(90deg, rgba(250, 251, 252, 0) 0%, #E1E9FD 100%);
}
.tas-table .tas-table-row .tas-table-cell {
  transition: background-color 80ms linear;
}
@media screen and (min-width: 768px) {
  .tas-table .tas-table-row .tas-table-cell.tas-table-cell--fixed {
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 2px 0 2px 0px rgba(76, 76, 76, 0.1);
  }
}
.tas-table .tas-table-row--active {
  background-color: #E1E9FD !important;
}
.tas-table .tas-table-row--active .tas-table-actions__container {
  background-color: #E1E9FD !important;
}
.tas-table .tas-table-row--active .tas-table-actions__container:before {
  background-image: linear-gradient(90deg, rgba(250, 251, 252, 0) 0%, #E1E9FD 100%) !important;
}
.tas-table .tas-table-row--empty .tas-table-cell {
  grid-column: 1/-1;
}
.tas-table .tas-table-row--empty .tas-table-cell > div {
  position: sticky;
  left: 50%;
  transform: translateX(-50%);
}
.tas-table .tas-table-total {
  position: sticky;
  bottom: 0;
  z-index: 2;
  box-shadow: 0 -3px 2px -1px rgba(76, 76, 76, 0.1);
  outline: 1px solid #e4e4e4;
  background-color: #f7f7f7;
}
.tas-table .tas-table-total .tas-table-cell {
  padding: 2.5px 5px;
  min-height: 27px;
  font-weight: 600;
  background-color: inherit;
}
@media screen and (min-width: 768px) {
  .tas-table .tas-table-total .tas-table-cell.tas-table-cell--fixed {
    position: sticky;
    left: 0;
    box-shadow: 3px 0 2px -1px rgba(76, 76, 76, 0.1);
  }
}
.tas-table .tas-table-total-group {
  position: sticky;
  bottom: 0;
  z-index: 2;
  box-shadow: 0 -3px 2px -1px rgba(76, 76, 76, 0.1);
  outline: 1px solid #e4e4e4;
  background-color: #FAFBFC;
}
.tas-table .tas-table-total-group .tas-table-cell {
  padding: 2.5px 5px;
  min-height: 27px;
  font-weight: 600;
  background-color: inherit;
}
@media screen and (min-width: 768px) {
  .tas-table .tas-table-total-group .tas-table-cell.tas-table-cell--fixed {
    position: sticky;
    left: 0;
    box-shadow: 3px 0 2px -1px rgba(76, 76, 76, 0.1);
  }
}
.tas-table .tas-table-cell {
  grid-row: 1/-1;
  display: flex;
  align-items: center;
  min-height: 27px;
  font-size: 11px;
  padding: 5px;
  background-color: inherit;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox {
  justify-content: center;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-selection {
  width: 16px;
  height: 16px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-checkbox {
  width: 16px;
  height: 16px;
  padding: 0px;
  flex: 0 0 16px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-checkbox .form-checkbox__input {
  width: 100%;
  height: 100%;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-checkbox .form-checkbox__background {
  border-color: #b7b7b7;
  width: 16px;
  height: 16px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-checkbox .form-checkbox__checkmark {
  font-size: 10px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio {
  width: 16px;
  height: 16px;
  padding: 0px;
  flex: 0 0 16px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio .form-radio__input {
  width: 100%;
  height: 100%;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio .form-radio__background {
  width: 16px;
  height: 16px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio .form-radio__outer {
  border-color: #b7b7b7;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio .form-radio__inner {
  border-width: 8px;
}
.tas-table .tas-table-cell.tas-table-cell--checkbox .form-radio--active .form-radio__inner {
  transform: scale(0.45);
}
.tas-table .tas-table-cell.tas-table-cell--button {
  justify-content: center;
  padding: 0;
}
.tas-table .tas-table-cell.tas-table-cell--button .btn-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
}
.tas-table .tas-table-cell.tas-table-cell--button.active .btn-icon {
  color: #3464da;
}
.tas-table .tas-table-cell.tas-table-cell--button.active .btn-icon i:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}
.tas-table .tas-table-cell__icon {
  display: inline-flex;
  overflow: hidden;
}
.tas-table .tas-table-cell__icon i {
  min-width: 21px;
  font-size: var(--table-icon-size);
  text-align: center;
}
.tas-table .tas-table-cell__color {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.tas-table .tas-table-cell__color img {
  width: 100%;
  height: 16px;
  border-radius: 3px;
  object-fit: cover;
  margin: 0;
  padding: 0;
}
.tas-table .tas-table-cell__image {
  display: flex;
  height: 100%;
}
.tas-table .tas-table-cell__image img {
  width: 30px;
}
.tas-table .tas-table-cell__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.tas-table .tas-table-cell__progress-value {
  position: absolute;
  z-index: 1;
}
.tas-table .tas-table-cell__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
  border-radius: 3px;
  z-index: 0;
}
.tas-table .tas-table-cell__progress-bar.tas-table-cell__progress-bar--low {
  background-color: var(--danger);
}
.tas-table .tas-table-cell__progress-bar.tas-table-cell__progress-bar--mid {
  background-color: var(--warning);
}
.tas-table .tas-table-cell__progress-bar.tas-table-cell__progress-bar--full {
  background-color: #28B300;
}
.tas-table .tas-table-actions {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 80ms linear;
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .tas-table .tas-table-actions {
    visibility: visible;
    opacity: 1;
  }
  .tas-table .tas-table-actions .tas-table-actions__container {
    background-color: #eff0f1;
  }
  .tas-table .tas-table-actions .tas-table-actions__container:before {
    background-image: linear-gradient(90deg, rgba(250, 251, 252, 0) 0%, #eff0f1 100%);
  }
  .tas-table .tas-table-actions .tas-table-actions__container:before {
    opacity: 1;
  }
}
.tas-table .tas-table-actions__container {
  display: flex;
  align-items: center;
  min-height: 24px;
  height: 100%;
  padding-right: 10px;
  position: sticky;
  right: 0px;
  background-color: rgba(250, 251, 252, 0);
  pointer-events: auto;
  margin-left: auto;
  z-index: 1;
}
.tas-table .tas-table-actions__container:before {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
  background-image: linear-gradient(90deg, rgba(250, 251, 252, 0) 0%, #eff0f1 100%);
  opacity: 0;
}
.tas-table .tas-table-actions__container.tas-table-actions__container--reverse {
  left: 0;
  margin: 0;
  padding-right: 0px;
  padding-left: 10px;
}
.tas-table .tas-table-actions__container.tas-table-actions__container--reverse:before {
  right: 0;
  left: 100%;
  background-image: linear-gradient(270deg, rgba(250, 251, 252, 0) 0%, #eff0f1 100%);
}
.tas-table .tas-table-actions__container.tas-table-actions__container--reverse .tas-table-actions__button, .tas-table .tas-table-actions__container.tas-table-actions__container--reverse .tas-table-actions__context {
  margin-left: 0;
  margin-right: 7px;
}
.tas-table .tas-table-actions__container.tas-table-actions__container--reverse .tas-table-actions__button:last-child, .tas-table .tas-table-actions__container.tas-table-actions__container--reverse .tas-table-actions__context:last-child {
  margin-right: 0;
}
.tas-table .tas-table-actions__button, .tas-table .tas-table-actions__context {
  position: relative;
  background: none;
  outline: none;
  border: none;
  font-size: 12px;
  padding: 0;
  margin-left: 7px;
  height: 24px;
  width: 24px;
  min-width: auto;
}
.tas-table .tas-table-actions__button:first-child, .tas-table .tas-table-actions__context:first-child {
  margin-left: 0;
}
.tas-table .tas-table-actions__button:disabled, .tas-table .tas-table-actions__context:disabled {
  color: var(--neutral) !important;
}
@media screen and (max-width: 992px) {
  .tas-table .tas-table-actions .tas-table-actions__button {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .tas-table .tas-table-actions .tas-table-actions__context {
    display: none;
  }
}
.tas-table .tas-table-actions__alert {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: var(--secondary);
  border-radius: 50%;
  top: 2px;
  right: 0px;
}
.tas-table .tas-table-group .tas-table-row--header .tas-table-cell {
  grid-column: 1/-1;
  background-color: #FAFBFC;
  color: var(--dark-grey);
  font-weight: 700;
  border-bottom: 1px solid var(--neutral-200);
}
.tas-table .tas-table-group .tas-table-row--header .tas-table-cell > div {
  position: sticky;
  left: 10px;
}
.tas-table .tas-table-group-total > .tas-table-cell {
  color: var(--primary);
  font-weight: 600;
}
.tas-table .tas-table-group-separation {
  padding-top: 10px;
  background-color: #E1E4EB;
}
.tas-table .tas-table-sort {
  cursor: pointer;
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  opacity: 0;
  width: 0;
  padding: 0;
  font-size: 13px;
  color: #ffffff;
  text-align: right;
  transition: opacity 90ms linear, width 90ms linear;
}
.tas-table .tas-table-sort:focus {
  outline: none;
  border: 0;
}
.tas-table .tas-table-sort:hover {
  opacity: 1 !important;
}
.tas-table .tas-table-sort.tas-table-sort--active {
  width: 13px;
  opacity: 1 !important;
}

.tas-table-load {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  grid-column: 1/-1;
}
.tas-table-load .tas-table-load__track {
  visibility: hidden;
  height: 8px;
  max-height: 0;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background-color: #d4e0f0;
  transition: max-height 0.2s ease;
  -webkit-animation: start 0.3s ease-in;
  animation: start 0.3s ease-in;
}
.tas-table-load .tas-table-load__track.visible {
  max-height: 8px;
  transition: max-height 0.2s ease;
}
.tas-table-load .tas-table-load__track:before, .tas-table-load .tas-table-load__track:after {
  content: "";
  position: absolute;
  background: var(--primary);
  transition: transform 0.2s linear;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.tas-table-load .tas-table-load__track:before {
  -webkit-animation: progressLinearMovement 2.5s infinite;
  animation: progressLinearMovement 2.5s infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.tas-table-load .tas-table-load__track:after {
  left: -100%;
  -webkit-animation: progressLinearMovement 2.5s infinite;
  animation: progressLinearMovement 2.5s infinite;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

@-webkit-keyframes progressLinearMovement {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes progressLinearMovement {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.btn-filter-columns {
  display: inline-block;
  border: 0;
  outline: 0 !important;
  background: none;
  padding: 0;
  margin: 0;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  color: #ffffff;
  font-size: 10px;
  text-align: right;
  font-weight: 900;
  transition: opacity 90ms linear, width 90ms linear;
}

.tas-table-cell:hover .btn-filter-columns {
  width: 18px;
  opacity: 0.4;
  visibility: visible;
}

.btn-filter-columns:hover {
  opacity: 1 !important;
}

.btn-filter-columns.btn-filter-columns__active {
  width: 18px;
  opacity: 0.4;
  visibility: visible;
  opacity: 1 !important;
}

@media screen and (max-width: 768px) {
  #tas-cmenu-search-this,
  .btn-filter-columns {
    display: none !important;
  }
}
.pe-params {
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  color: var(--neutral);
  background-color: #F2F1F4;
  border-radius: 20px;
  padding: 6px 12px;
}

.pe-params .pe-params__column {
  font-weight: bold;
}

.pe-params ~ .pe-params {
  margin-left: 5px;
}

.pe-params-remove {
  display: inline-flex;
  align-items: center;
  margin: -6px -12px -6px 4px;
  border-radius: 0 20px 20px 0;
  padding: 0 12px 0 7px;
  border: none;
  color: inherit;
  background-color: initial;
  outline: none !important;
}

.pe-params-remove:hover {
  background-color: #d9d8db;
}

#filtro_coluna_datatable {
  width: 270px;
  top: 250px;
  left: 667px;
  padding: 17px;
  border-radius: 6px 6px 6px 6px;
}

#tas-table-advanced-search, #tas-table-group {
  width: 330px;
  top: 44px;
  overflow: unset;
  padding: 17px;
  border-radius: 6px 6px 6px 6px;
  max-height: none;
}

@media screen and (max-width: 576px) {
  .dropdown-menu.dropdown-menu--fullwidth.dropdown-menu {
    position: fixed !important;
    top: 200px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    min-width: auto !important;
  }
  .select-group {
    width: 100%;
  }
}
.table-overflow {
  overflow-x: auto;
  width: 100%;
}
.table-overflow--bordered {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.28);
}
.table-overflow--nostripe .table-grid tbody tr {
  border-top: 0;
}
.table-overflow--nostripe .table-grid td {
  height: 24px;
}

.table-grid {
  width: 100%;
  border: 0;
  white-space: nowrap;
  border-collapse: collapse;
}
.table-grid th {
  font-size: 0.813rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  height: 28px;
  vertical-align: middle;
}
.table-grid th:first-of-type {
  padding-left: 0;
}
.table-grid tbody tr {
  border-top: 1px solid rgba(0, 0, 0, 0.28);
}
.table-grid td {
  position: relative;
  font-size: 0.813rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  padding-left: 10px;
  padding-right: 10px;
  height: 28px;
  vertical-align: middle;
}
.table-grid td:first-of-type {
  padding-left: 0;
}
.table-grid .table-grid__cellwrap::before {
  content: " ";
  visibility: hidden;
}
.table-grid .table-grid__cellwrap .text-ellipsis {
  position: absolute;
  left: 10px;
  right: 10px;
}
.table-grid .table-grid__button {
  background: none;
  border: none;
  border-radius: 2px;
  padding: 0;
  height: 100%;
  width: 35px;
  color: var(--danger);
}
.table-grid .table-grid__button:focus {
  outline: none;
}
.table-grid .table-grid__button:hover {
  background-color: rgba(255, 72, 63, 0.1);
}
.table-grid .table-grid__button--edit {
  background: none;
  border: none;
  border-radius: 2px;
  padding: 0;
  height: 100%;
  width: 35px;
  color: var(--secondary);
}
.table-grid .table-grid__button--edit:focus {
  outline: none;
}
.table-grid .table-grid__button--edit:hover {
  background-color: rgba(0, 114, 255, 0.1);
}

#table_grid_button {
  z-index: 1;
  position: absolute;
  right: 20px;
  top: 6px;
}

#table_grid.tas-grid-collapse {
  display: block;
  max-height: 65px;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
#table_grid.tas-grid-collapse .table-overflow {
  max-height: 65px;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
#table_grid.tas-grid-collapse--show {
  max-height: 150px;
}
#table_grid.tas-grid-collapse--show .table-overflow {
  max-height: 150px;
}

.tas-tree button {
  background: none;
  border: none;
  padding: 0;
  height: 35px;
  width: 35px;
}
.tas-tree button:focus {
  outline: none;
}
.tas-tree .tas-tree__arrow {
  transition: transform 0.15s;
}
.tas-tree .tas-tree__arrow[aria-expanded=true] {
  transform: rotate(90deg);
}
.tas-tree .tas-tree__arrow--active {
  color: var(--secondary);
}
.tas-tree .tas-tree__description {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.tas-tree .tas-tree__description--dot::before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 8px;
  background-color: var(--main-font);
  border-radius: 50%;
}
.tas-tree .tas-tree__description--active {
  font-weight: 500;
  color: var(--secondary);
}
.tas-tree .tas-tree__description--active::before {
  background-color: var(--secondary);
}
.tas-tree .tas-tree__edit {
  color: var(--secondary);
}
.tas-tree .tas-tree__remove {
  color: var(--danger);
}
.tas-tree .multi-collapse {
  padding-left: 30px;
}

#log_modal .modal-body .tas-datatable {
  max-height: calc(100vh - 186px);
}

.simplebar-track.simplebar-horizontal {
  height: 9px;
  bottom: 4px;
}

.tas-highcharts__description {
  color: #757575;
}
.tas-highcharts__description + .tas-highcharts__description {
  margin-left: 10px;
}

.highcharts-label {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 50px;
}
.highcharts-label img {
  width: 40px;
}
.highcharts-label h4 {
  padding-left: 10px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.1rem;
}
.highcharts-label p {
  padding-left: 10px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1rem;
  opacity: 1 !important;
  margin: 0 !important;
}
.highcharts-label span > div {
  justify-content: flex-start !important;
  padding: 0 20px;
}
.highcharts-label span > div > div {
  width: 0 !important;
  flex: 1;
}

.highcharts-credits {
  display: none;
}

.status-progress__row {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  padding-bottom: 20px;
  scroll-behavior: smooth;
}
.status-progress__col {
  flex: 1 0 auto;
  width: 220px;
  max-width: 240px;
  display: flex;
  flex-direction: column;
}
.status-progress__col:first-child {
  width: auto;
  flex: 0 0 auto;
}
.status-progress__col:first-child .status-progress__track:before {
  visibility: hidden;
  opacity: 0;
}
.status-progress__col:last-child .status-progress__body:after {
  display: none;
}
.status-progress__col:last-child .status-progress__track:before {
  background-color: var(--status-color);
}
.status-progress__col:last-child .status-progress__track:after {
  visibility: hidden;
  opacity: 0;
}
.status-progress__col:last-child .status-progress__icon {
  background-color: var(--status-color);
}
.status-progress__col:nth-last-child(2) .status-progress__track:after {
  background-color: var(--status-color);
}
.status-progress.status-progress--predefined .status-progress__track:before, .status-progress.status-progress--predefined .status-progress__track:after {
  background-color: #e1ebf5;
}
.status-progress.status-progress--predefined .status-progress__icon {
  background-color: #e1ebf5;
  color: #97a9ba;
}
.status-progress.status-progress--predefined .status-progress__col--completed .status-progress__track:before, .status-progress.status-progress--predefined .status-progress__col--completed:not(.status-progress__col--current) .status-progress__track:after {
  background-color: var(--alternative);
}
.status-progress.status-progress--predefined .status-progress__col--completed .status-progress__icon {
  background-color: var(--alternative);
  color: #ffffff;
}
.status-progress__header {
  position: relative;
}
.status-progress__body {
  position: relative;
  height: 100%;
  margin-top: 15px;
  padding: 0 15px;
}
.status-progress__body:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-right: 2px dashed #CFD8E2;
  height: 100%;
}
.status-progress__title {
  text-align: center;
  font-weight: 500;
  margin-bottom: 16px;
}
.status-progress__diff {
  position: absolute;
  bottom: 8px;
  left: 0;
  transform: translateX(-50%);
  font-size: 0.688rem;
  line-height: 1.12rem;
  color: var(--neutral);
}
.status-progress__track {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.status-progress__track:before {
  content: "";
  display: inline-block;
  background-color: var(--alternative);
  width: 100%;
  height: 8px;
}
.status-progress__track:after {
  content: "";
  display: inline-block;
  background-color: var(--alternative);
  width: 100%;
  height: 8px;
}
.status-progress__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: var(--alternative);
  color: #ffffff;
  font-size: 14px;
  position: absolute;
  z-index: 1;
}
.status-progress__date {
  text-align: center;
  color: var(--neutral);
}
.status-progress__description {
  padding-top: 15px;
}
.status-progress__description ~ .status-progress__description {
  padding-top: 20px;
}
.status-progress__description-icon {
  display: flex;
  padding-bottom: 2px;
}
.status-progress__description-icon ~ .status-progress__description-icon {
  padding-top: 8px;
}
.status-progress__description-icon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  margin-top: 3px;
  margin-right: 8px;
  border-radius: 50%;
  font-size: 10px;
  background-color: #E1EBF5;
  border: 1px solid #cdd5dd;
  color: #ffffff;
}
.status-progress__description-icon span:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.status-progress__description-icon.status-progress__description-icon--valid span {
  background-color: var(--alternative);
  border-color: var(--alternative);
}
.status-progress__description-icon.status-progress__description-icon--valid span:before {
  content: "\f00c";
}
.status-progress__description-icon.status-progress__description-icon--invalid span {
  background-color: var(--danger);
  border-color: var(--danger);
}
.status-progress__description-icon.status-progress__description-icon--invalid span:before {
  content: "\f00d";
}
.status-progress__load {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  background-color: var(--neutral-200);
  color: var(--neutral);
  font-size: 13px;
}
.status-progress__load:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.tas-chat {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 254px);
  margin-bottom: 15px;
  background-color: #F5F7FB;
  border-radius: 16px;
}
.tas-chat-container {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}
.tas-chat-event {
  display: flex;
  align-self: start;
  width: 70%;
}
@media screen and (max-width: 576px) {
  .tas-chat-event {
    width: 80%;
  }
}
.tas-chat-event + .tas-chat-event {
  margin-top: 14px;
}
.tas-chat-event__content {
  position: relative;
  background-color: #fff;
  padding: 13px;
  border-radius: 4px 16px 16px 16px;
  box-shadow: 0 2px 6px rgba(142, 172, 231, 0.13);
}
.tas-chat-event__user {
  font-weight: 600;
}
.tas-chat-event.tas-chat-event--self {
  width: 65%;
  align-self: end;
  justify-content: flex-end;
}
@media screen and (max-width: 576px) {
  .tas-chat-event.tas-chat-event--self {
    width: 75%;
  }
}
.tas-chat-event.tas-chat-event--self .tas-chat-event__content {
  border-radius: 16px 4px 16px 16px;
}
.tas-chat-event.tas-chat-event--unread .tas-chat-event__content:after {
  content: "";
  position: absolute;
  top: 5px;
  right: -12px;
  width: 8px;
  height: 8px;
  background-color: var(--secondary);
  border-radius: 50%;
}
.tas-chat-event.tas-chat-event--unread .tas-chat-event__user {
  color: var(--secondary);
}

.tas-table-config-col {
  display: flex;
  align-items: center;
  box-shadow: 0 1px 4px rgba(105, 115, 134, 0.25);
  padding: 10px;
}
.tas-table-config-col .form-selection__label {
  display: none;
}
.tas-table-config-col > .form-selection {
  width: auto;
}
.tas-table-config-col-title {
  cursor: text;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 300px;
  min-height: 32px;
  border-radius: 3px;
  margin: 0 5px;
  padding: 8px 4px;
  transition: background-color 90ms linear;
}
.tas-table-config-col-title:hover {
  background-color: #f7f7f7;
}
.tas-table-config-col-title__current {
  font-size: var(--input-label-size);
}
.tas-table-config-col-title__original {
  font-size: 0.688rem;
  margin-top: 1px;
  margin-bottom: -5px;
  color: var(--neutral);
}
.tas-table-config-col-title.tas-table-config-col-title--disabled {
  cursor: default;
  background: transparent;
}
.tas-table-config-col__input {
  background-color: #f7f7f7;
  border-radius: 3px 3px 0 0;
  margin: 0 5px -1px 5px;
  border-bottom: 2px solid #d8d8d8;
  padding-left: 4px;
}
.tas-table-config-col__input:focus {
  background-color: #f7f7f7;
  border-color: var(--primary);
}
.tas-table-config-col.tas-table-config-col--hide {
  opacity: 0.5;
}

.tas-chip {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--dark-grey);
  background-color: var(--neutral-100);
  border-radius: 20px;
  padding: 7px 12px;
}
.tas-chip ~ .tas-chip {
  margin-left: 8px;
}
.tas-chip-remove {
  display: inline-flex;
  font-size: 16px;
  color: var(--neutral);
  margin: 0 -4px 0 8px;
  padding: 0;
  border: none;
  background: none;
  outline: none !important;
}
.tas-chip-remove:hover {
  color: var(--dark-grey);
}

.tas-banner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: fixed;
  z-index: 996;
  visibility: hidden;
  right: 0;
  left: 0;
  width: 100%;
  min-height: 62px;
  padding: 20px 20px 10px 20px;
  background-color: var(--danger);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transform: translateY(-999px);
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.tas-banner .tas-banner__message {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.87);
}
@media screen and (min-width: 576px) {
  .tas-banner .tas-banner__message {
    width: auto;
  }
}
.tas-banner .tas-banner__message p {
  font-size: 0.875rem;
  word-break: break-all;
}
.tas-banner .tas-banner__icon {
  font-size: 25px;
  color: #ffffff;
  margin-right: 20px;
}
.tas-banner .btn-action {
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.tas-banner--active {
  visibility: visible;
  transform: translateY(0);
}
@media screen and (min-width: 992px) {
  .tas-banner {
    left: auto;
    width: var(--banner-width);
  }
}
@media screen and (min-width: 576px) {
  .tas-banner {
    padding: 10px 25px;
  }
}

.tas-snackbar {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 996;
  visibility: hidden;
  opacity: 0;
  left: 20px;
  right: 20px;
  bottom: 12px;
  min-height: 48px;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: var(--primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.tas-snackbar .tas-snackbar__message {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.tas-snackbar .tas-snackbar__message p {
  color: #ffffff;
  font-size: 0.875rem;
}
@media screen and (min-width: 576px) {
  .tas-snackbar .tas-snackbar__message {
    width: auto;
  }
}
.tas-snackbar .btn-action {
  width: auto;
  margin-bottom: 0;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .tas-snackbar {
    padding: 10px 25px;
    right: auto;
    min-width: 344px;
  }
}
.tas-snackbar--active {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .tas-snackbar {
    left: var(--snackbar-left);
  }
}

.tas-dialog .modal-content {
  border: 0;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.tas-dialog .modal-header, .tas-dialog .modal-footer {
  border: 0;
}
.tas-dialog .modal-header {
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 24px;
}
.tas-dialog .modal-header h5 {
  font-weight: 600;
}
.tas-dialog .modal-separator {
  box-shadow: 0px 12px 8px -7px rgba(60, 75, 100, 0.14);
}
.tas-dialog .modal-overflow {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 182px);
}
.tas-dialog .modal-body {
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 28px;
  padding-left: 24px;
}
.tas-dialog .modal-body strong {
  font-weight: 600;
}
.tas-dialog .modal-footer {
  padding: 0px 24px 12px 24px;
}
.tas-dialog .modal-footer .btn-action {
  width: auto;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.tas-dialog .modal-footer .btn-action:not(:only-of-type):not(:last-of-type) {
  margin-right: 10px;
}
.tas-dialog .modal-footer .btn-action:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 576px) {
  .tas-dialog .modal-sm {
    max-width: 300px;
    min-height: calc(100% - 3.5rem);
    margin: 0.5rem auto;
  }
}

.tas-badge {
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 18px;
  min-width: 18px;
  margin-left: 5px;
  border-radius: 30px;
  vertical-align: middle;
  font-size: 0.75rem;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}
.tas-badge.tas-badge--tip {
  color: #ffffff;
  background-color: var(--secondary);
}

.tas-tooltip {
  display: none;
  position: absolute;
  z-index: 1051;
  max-width: 300px;
  padding: 15px;
  font-size: 0.75rem;
  line-height: 1.17rem;
  letter-spacing: 0.0178571429rem;
  color: #e4e8ef;
  border-radius: 4px;
  background-color: #323946;
  box-shadow: 0px 1px 3px 0px rgba(50, 57, 70, 0.12);
}
.tas-tooltip-btn {
  cursor: pointer;
  z-index: 8;
  color: #FFFFFF;
  background-color: var(--dark-grey);
  font-size: 0.563rem;
  min-height: 16px;
  min-width: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tas-tooltip.show {
  display: block;
}
.tas-tooltip.small {
  font-size: 0.688rem;
  line-height: 1.12rem;
  padding: 11px;
}

.tas-alert-message {
  padding: 10px;
  border-radius: 4px;
  background-color: var(--warning-100);
}
.tas-alert-message.tas-alert-message--error {
  background-color: var(--danger-100);
}

.tas-alert-checkbox {
  display: flex;
  align-items: center;
  background-color: rgba(255, 177, 0, 0.1);
  padding: 5px 16px 5px 5px;
}

.tas-alert-button {
  cursor: default;
  position: absolute;
  z-index: 99;
  top: 100%;
  margin-top: 5px;
  min-width: 120px;
  max-width: 180px;
  padding: 5px;
  border-radius: 2px;
  background-color: var(--danger);
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  right: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.tas-tag {
  color: var(--neutral);
  font-size: 13px;
  background-color: var(--neutral-100);
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: 400;
}

.modal-backdrop.show {
  opacity: 0.32;
}

.alert-icon {
  font-size: 15px;
}
.alert-icon--danger {
  color: var(--danger);
}

.tas-loader {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 55%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 40px;
  height: 40px;
}
.tas-loader .path {
  stroke: #696969;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.dropdown-menu {
  display: block;
  position: absolute;
  z-index: 994;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  left: auto !important;
  top: 100% !important;
  width: 100%;
  max-height: 280px;
  margin-top: 5px;
  padding: 0;
  color: #565b63;
  background-color: #ffffff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(60, 75, 100, 0.14), 0 1px 10px 0 rgba(60, 75, 100, 0.12), 0 2px 4px -1px rgba(60, 75, 100, 0.2);
  transform-origin: top right;
  transition: transform 0.1s, opacity 0.1s, visibility 0s linear 0.1s;
  transform: scale(0.95) !important;
}
.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: none !important;
  transition-delay: 0s;
}
.dropdown-menu .dropdown-menu__options {
  list-style: none;
  padding: 4px 0;
  margin: 0;
}
.dropdown-menu .dropdown-menu__container {
  padding-left: 12px;
  padding-right: 12px;
}
.dropdown-menu .dropdown-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.875rem;
  color: var(--main-font);
  transition: all 0.2s ease;
}
.dropdown-menu .dropdown-menu__item:hover {
  background-color: #ebedef;
}
.dropdown-menu .dropdown-menu__item i {
  min-width: 30px;
}
.dropdown-menu .dropdown-menu__item a {
  color: #2d2d2d;
}
.dropdown-menu .dropdown-menu__link {
  cursor: pointer;
  width: 100%;
  padding: 8px 12px;
  line-height: 1.25rem;
}
.dropdown-menu .dropdown-menu__selected {
  background-color: var(--primary-100) !important;
  color: var(--primary);
  font-weight: 500;
}
.dropdown-menu-right {
  right: 0 !important;
}
.dropdown-menu.dropdown-menu--sm {
  min-width: 200px;
}
.dropdown-menu.dropdown-menu--md {
  min-width: 300px;
}
@media screen and (max-width: 576px) {
  .dropdown-menu.dropdown-menu--fullwidth.dropdown-menu {
    position: fixed !important;
    top: 103px !important;
    right: 20px !important;
    width: calc(100% - 40px);
    min-width: auto !important;
  }
}

.dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 15px;
  color: var(--main-font);
  margin-left: 10px;
  border: 0;
}

.notification-dropdown .btn-icon {
  color: #323946;
  font-size: 18px;
}
.notification-dropdown .notification-dropdown__badge {
  pointer-events: none;
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 1;
  height: 14px;
  width: 14px;
  padding: 3px 2px;
  line-height: 1;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: #323946;
  background: var(--warning);
  border-radius: 50%;
}
.notification-dropdown .dropdown-menu {
  overflow: hidden;
  width: 255px;
  right: 0 !important;
}
.notification-dropdown .notification-dropdown__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  color: var(--main-font);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.notification-dropdown .notification-dropdown__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  font-size: 0.75rem;
  color: var(--secondary);
  padding: 3px 6px;
  letter-spacing: 0.0178571429rem;
  outline: none;
  border: none;
  border-radius: 4px;
  background-color: transparent;
}
.notification-dropdown .notification-dropdown__button:before, .notification-dropdown .notification-dropdown__button:after {
  content: "" !important;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background-color: var(--secondary);
  border-radius: 4px;
}
.notification-dropdown .notification-dropdown__button:before {
  z-index: 1;
  transition: opacity 90ms linear;
}
.notification-dropdown .notification-dropdown__button:after {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 90ms linear, opacity 90ms linear;
}
.notification-dropdown .notification-dropdown__button:hover.notification-dropdown__button:before, .notification-dropdown .notification-dropdown__button:focus.notification-dropdown__button:before {
  opacity: 0.08;
}
.notification-dropdown .notification-dropdown__button:active.notification-dropdown__button:after {
  opacity: 0.1;
  transform: scale(1);
}
.notification-dropdown .notification-dropdown__button:focus {
  outline: none;
}
.notification-dropdown .notification-dropdown__button:disabled {
  cursor: default;
  color: var(--btn-disabled-txt) !important;
}
.notification-dropdown .notification-dropdown__body {
  overflow-y: auto;
  min-height: 41px;
  max-height: 174px;
}
.notification-dropdown .notification-dropdown__origin {
  color: var(--secondary);
  font-size: 0.688rem;
  font-weight: 500;
}
.notification-dropdown .notification-dropdown__date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.688rem;
  margin-left: 4px;
}
.notification-dropdown .notification-dropdown__delete {
  align-self: start;
  padding: 2px 6px;
  background: none;
  border: 0;
  border-radius: 50%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.notification-dropdown .notification-dropdown__delete i {
  min-width: auto;
}
.notification-dropdown .notification-dropdown__delete:hover {
  color: rgba(0, 0, 0, 0.6);
}
.notification-dropdown .notification-dropdown__delete:focus {
  outline: none;
}
.notification-dropdown .dropdown-menu__item {
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.notification-dropdown .dropdown-menu__link {
  cursor: default;
  padding: 0;
  line-height: 1rem;
}

.tas-context-menu {
  position: absolute;
  display: none;
  background: #fff;
  z-index: 995;
  border-radius: 0px 6px 6px 6px;
  box-shadow: 0 4px 5px 0 rgba(60, 75, 100, 0.14), 0 1px 10px 0 rgba(60, 75, 100, 0.12), 0 2px 4px -1px rgba(60, 75, 100, 0.2);
}
.tas-context-menu__content {
  padding: 4px 0;
}
.tas-context-menu__item {
  cursor: pointer;
  display: none;
  transition: all 0.2s ease;
}
.tas-context-menu__item span {
  display: block;
  width: 100%;
  padding: 9px 15px;
  font-size: 0.75rem;
  color: #5C656C;
}
.tas-context-menu__item span i {
  min-width: 22px;
}
.tas-context-menu__item:hover {
  background-color: #ebedef;
}
.tas-context-menu__item.alt-button:first-child:before {
  display: none;
}
.tas-context-menu__alt-buttons.separator {
  border-top: 1px solid #dedede;
}
.tas-context-menu.show {
  display: block;
}
.tas-context-menu .tas-context-menu__alert {
  background-color: #deedff;
}

/*# sourceMappingURL=main.css.map */