.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

@charset "UTF-8";
.shadow-section {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.shadow-section-hard {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow-raised {
  box-shadow: 0px 2px 10px rgba(95, 95, 95, 0.141281), 0px 10px 6px rgba(0, 0, 0, 0.150186);
}

.shadow-hover {
  box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.08);
}

.shadow-nav {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12), 0px 34px 18px rgba(0, 0, 0, 0.02);
}

.shadow-card, .navbar-user-actions .trato-menu-panel {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.02), 0px 34px 18px rgba(0, 0, 0, 0.02);
}

.no-shadow {
  box-shadow: none;
}

/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

/*
    Não utilizar código abaixo! retirar na medida do possível.

    Se necessário @media utilizar o mixin mixins/breakpoints.scss

    Controle de tamanho de formulário pode ser feito com col-xs, col-md, col-lg vide tgrid.scss já com @media para os $max-sizes
*/
.display {
  --orangePrimary: #f05f32;
}

.opened {
  --orangePrimary: #f05f32;
}

.clusterClass > div > span {
  color: #fff;
  font-weight: bold;
  font-family: "Open Sans", "Helvetica", sans-serif;
}

.navbar-user-actions .trato-menu-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  top: 5.3rem;
  right: 0rem;
  width: 16rem;
  min-height: 4.4rem;
  z-index: 90;
}
@media only screen and (min-width : 540px) {
  .navbar-user-actions .trato-menu-panel {
    top: 7rem;
    width: 20rem;
    min-height: 6.4rem;
  }
}
.navbar-user-actions .trato-menu-panel .trato-menu-content .trato-menu-item {
  height: 2.8rem;
}
@media only screen and (min-width : 540px) {
  .navbar-user-actions .trato-menu-panel .trato-menu-content .trato-menu-item {
    height: 4.8rem;
  }
}

.list-empty .trato-blankslate {
  min-height: 50rem;
}

.uppercase {
  text-transform: uppercase;
}
.uppercase::-webkit-input-placeholder, .uppercase::placeholder,
.uppercase .ng-placeholder {
  text-transform: none;
}

.tooltip-batch-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 250px;
  z-index: 1000;
  pointer-events: none;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  text-align: center;
}

@media print {
  html {
    background-color: #fff !important;
  }
}
trato-modal#modalImport .trato-modal {
  z-index: 999 !important;
}
trato-modal#modalImport .trato-modal .uploaded__file-info {
  overflow: hidden;
}
trato-modal#modalImport .trato-modal trato-icon {
  align-self: center;
}

@media screen and (min-width: 541px) {
  .section {
    margin-top: 4rem;
  }
}

.over-auto {
  overflow: auto;
}

.button-action {
  justify-content: flex-end;
  gap: 2rem;
  margin-top: 4rem;
}
@media only screen and (max-width : 720px) {
  .button-action {
    justify-content: center;
  }
}

.tf-v1-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tf-v1-popup::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
}
.tf-v1-popup .tf-v1-iframe-wrapper {
  z-index: 1002;
  width: 70% !important;
  transform: translate(-50%, -50%) !important;
  position: relative;
  height: 75% !important;
  left: 50%;
  top: 50%;
}
.tf-v1-popup .tf-v1-iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}
.tf-v1-popup .tf-v1-iframe-wrapper .tf-v1-close {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 0;
  background: transparent;
  font-size: 40px;
}

.align-title-roles {
  display: flex;
  align-items: center;
}
.align-title-roles .trato-checkbox__text,
.align-title-roles .counter {
  color: #adb5bc !important;
}

trato-modal-body span.primary-highlight, trato-modal-body span.highlight {
  font-size: 2rem;
  font-weight: 700;
}

trato-modal-body span.primary-highlight {
  color: #f05f32;
}

.terminal-filter .trato-checkbox-button__container.checked {
  background: #eae1f2 !important;
  border: 1px solid #9467bd !important;
}
.terminal-filter .trato-checkbox-button__container.checked svg {
  fill: #9467bd;
}

.schedule-filter .trato-checkbox-button__container.checked {
  background: #d9ecf4 !important;
  border: 1px solid #0083b3 !important;
}
.schedule-filter .trato-checkbox-button__container.checked svg {
  fill: #0083b3;
}
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}/*# sourceMappingURL=default.theme.css.map */

@charset "UTF-8";
.shadow-section {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.shadow-section-hard {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.shadow-raised {
  box-shadow: 0px 2px 10px rgba(95, 95, 95, 0.141281), 0px 10px 6px rgba(0, 0, 0, 0.150186);
}

.shadow-hover {
  box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.08);
}

.shadow-nav {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12), 0px 34px 18px rgba(0, 0, 0, 0.02);
}

.shadow-card {
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.02), 0px 34px 18px rgba(0, 0, 0, 0.02);
}

.no-shadow {
  box-shadow: none;
}

/*
    TODO
    transferir conteúdo para variables.scss 
    $typography-text
    utilizar color-variation: (secondary:hexa,tertiary:hexa)
*/
/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.title-large {
  font-style: normal;
  font-weight: normal;
  font-size: 3.2rem;
  line-height: 4.8rem;
  color: #0083b3;
}
.title-large.secondary {
  color: #606061;
}

.title-medium {
  font-style: normal;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 3.8rem;
  color: #0083b3;
}
.title-medium.secondary {
  color: #606061;
}

.title-small {
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #0083b3;
}
.title-small.secondary {
  color: #606061;
}

.value-large {
  font-style: normal;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 4.2rem;
  color: #606061;
}
.value-large.secondary {
  color: #767676;
}

.value-medium {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #606061;
}
.value-medium.secondary {
  color: #767676;
}

.value-small, div,
span,
p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #606061;
}
.value-small.secondary, div.secondary,
span.secondary,
p.secondary {
  color: #767676;
}

.label-large {
  font-style: normal;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 4.2rem;
  color: #0083b3;
}
.label-large.secondary {
  color: #767676;
}

.label-medium, label {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #0083b3;
}
.label-medium.secondary, label.secondary {
  color: #767676;
}

.label-small {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #0083b3;
}
.label-small.secondary {
  color: #767676;
}

.feedback-large {
  font-style: normal;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 4.2rem;
  color: #27ae60;
}

.feedback-medium {
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #f2c94c;
}

.feedback-small {
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #eb5757;
}

/*
    Utilizar tgrid.scss e tcontainer.scss na medida do possível
*/
/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

/*
    Não utilizar código abaixo! retirar na medida do possível.

    Se necessário @media utilizar o mixin mixins/breakpoints.scss

    Controle de tamanho de formulário pode ser feito com col-xs, col-md, col-lg vide tgrid.scss já com @media para os $max-sizes
*/
.container {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width : 540px) {
  .container {
    width: 100%;
    overflow-x: hidden;
  }
}

.row {
  position: relative;
  width: 100%;
}

.row [class^=col] {
  float: left;
  margin: 0.5rem 1%;
  min-height: 0.125rem;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1 {
  width: 98%;
}

.col-2 {
  width: 98%;
}

.col-3 {
  width: 98%;
}

.col-4 {
  width: 98%;
}

.col-5 {
  width: 98%;
}

.col-6 {
  width: 98%;
}

.col-7 {
  width: 98%;
}

.col-8 {
  width: 98%;
}

.col-9 {
  width: 98%;
}

.col-10 {
  width: 98%;
}

.col-11 {
  width: 98%;
}

.col-12 {
  width: 98%;
}

.hidden-sm {
  display: none;
}

.col-1-sm {
  width: 6.3333333333%;
}

.col-2-sm {
  width: 14.6666666667%;
}

.col-3-sm {
  width: 23%;
}

.col-4-sm {
  width: 31.3333333333%;
}

.col-5-sm {
  width: 39.6666666667%;
}

.col-6-sm {
  width: 48%;
}

.col-7-sm {
  width: 56.3333333333%;
}

.col-8-sm {
  width: 64.6666666667%;
}

.col-9-sm {
  width: 73%;
}

.col-10-sm {
  width: 81.3333333333%;
}

.col-11-sm {
  width: 89.6666666667%;
}

.col-12-sm {
  width: 98%;
}

@media only screen and (min-width : 720px) {
  .col-1 {
    width: 6.3333333333%;
  }
  .col-2 {
    width: 14.6666666667%;
  }
  .col-3 {
    width: 23%;
  }
  .col-4 {
    width: 31.3333333333%;
  }
  .col-5 {
    width: 39.6666666667%;
  }
  .col-6 {
    width: 48%;
  }
  .col-7 {
    width: 56.3333333333%;
  }
  .col-8 {
    width: 64.6666666667%;
  }
  .col-9 {
    width: 73%;
  }
  .col-10 {
    width: 81.3333333333%;
  }
  .col-11 {
    width: 89.6666666667%;
  }
  .col-12 {
    width: 98%;
  }
  .hidden-sm {
    display: block !important;
  }
}
/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

/*
    Não utilizar código abaixo! retirar na medida do possível.

    Se necessário @media utilizar o mixin mixins/breakpoints.scss

    Controle de tamanho de formulário pode ser feito com col-xs, col-md, col-lg vide tgrid.scss já com @media para os $max-sizes
*/
.hidden-sm {
  display: none;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin-t {
  margin-top: 0 !important;
}

.mt-0 {
  margin-top: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pt-1 {
  padding-top: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pt-2 {
  padding-top: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pt-3 {
  padding-top: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.pt-5 {
  padding-top: 5rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.mt-6 {
  margin-top: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.pt-6 {
  padding-top: 6rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.pt-7 {
  padding-top: 7rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.mt-8 {
  margin-top: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.pt-8 {
  padding-top: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.mt-9 {
  margin-top: 9rem;
}

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.pt-9 {
  padding-top: 9rem;
}

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.pt-10 {
  padding-top: 10rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mt-11 {
  margin-top: 11rem;
}

.mx-11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.my-11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.pt-11 {
  padding-top: 11rem;
}

.px-11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.py-11 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.mt-12 {
  margin-top: 12rem;
}

.mx-12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.pt-12 {
  padding-top: 12rem;
}

.px-12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.mb-9 {
  margin-bottom: 9rem;
}

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.pb-9 {
  padding-bottom: 9rem;
}

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.pb-10 {
  padding-bottom: 10rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mb-11 {
  margin-bottom: 11rem;
}

.mx-11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.my-11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.pb-11 {
  padding-bottom: 11rem;
}

.px-11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.py-11 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.mb-12 {
  margin-bottom: 12rem;
}

.mx-12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.pb-12 {
  padding-bottom: 12rem;
}

.px-12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-margin-l {
  margin-left: 0 !important;
}

.ml-0 {
  margin-left: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.ml-5 {
  margin-left: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.pl-5 {
  padding-left: 5rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.ml-6 {
  margin-left: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.pl-6 {
  padding-left: 6rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.ml-7 {
  margin-left: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.pl-7 {
  padding-left: 7rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.ml-8 {
  margin-left: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.pl-8 {
  padding-left: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.ml-9 {
  margin-left: 9rem;
}

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.pl-9 {
  padding-left: 9rem;
}

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.ml-10 {
  margin-left: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.pl-10 {
  padding-left: 10rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.ml-11 {
  margin-left: 11rem;
}

.mx-11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.my-11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.pl-11 {
  padding-left: 11rem;
}

.px-11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.py-11 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.ml-12 {
  margin-left: 12rem;
}

.mx-12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.pl-12 {
  padding-left: 12rem;
}

.px-12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-margin-r {
  margin-right: 0 !important;
}

.mr-0 {
  margin-right: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.pr-4 {
  padding-right: 4rem;
}

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.pr-5 {
  padding-right: 5rem;
}

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.mr-6 {
  margin-right: 6rem;
}

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.pr-6 {
  padding-right: 6rem;
}

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.mr-7 {
  margin-right: 7rem;
}

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.pr-7 {
  padding-right: 7rem;
}

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.mr-8 {
  margin-right: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.pr-8 {
  padding-right: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.mr-9 {
  margin-right: 9rem;
}

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.pr-9 {
  padding-right: 9rem;
}

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.mr-10 {
  margin-right: 10rem;
}

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.pr-10 {
  padding-right: 10rem;
}

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mr-11 {
  margin-right: 11rem;
}

.mx-11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.my-11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.pr-11 {
  padding-right: 11rem;
}

.px-11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.py-11 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.mr-12 {
  margin-right: 12rem;
}

.mx-12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.pr-12 {
  padding-right: 12rem;
}

.px-12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.no-padding-right {
  padding-right: 0 !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

em {
  font-weight: bold;
  font-style: italic;
  color: #606061;
}
em.highlight {
  background: beige;
}
em.sm {
  font-size: 1.6rem;
}
em.md {
  font-size: 2.4rem;
}
em.lg {
  font-size: 3.2rem;
}
em.caps {
  text-transform: uppercase;
}
em.tag::before {
  content: "<";
}
em.tag::after {
  content: ">";
}

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

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hide {
  display: none !important;
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

@media only screen and (max-width : 540px) {
  .w-sm-25 {
    width: 25%;
  }
  .w-sm-50 {
    width: 50%;
  }
  .w-sm-75 {
    width: 75%;
  }
  .w-sm-100 {
    width: 100%;
  }
}
@media only screen and (min-width : 540px) {
  .w-md-25 {
    width: 25%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-75 {
    width: 75%;
  }
  .w-md-100 {
    width: 100%;
  }
}
@media only screen and (min-width : 720px) {
  .w-lg-25 {
    width: 25%;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-75 {
    width: 75%;
  }
  .w-lg-100 {
    width: 100%;
  }
}
/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

/*
    Não utilizar código abaixo! retirar na medida do possível.

    Se necessário @media utilizar o mixin mixins/breakpoints.scss

    Controle de tamanho de formulário pode ser feito com col-xs, col-md, col-lg vide tgrid.scss já com @media para os $max-sizes
*/
/* join size with base font style to extend sized font. 
 * ex: title -> title-lg, title-md
 * skips sm size as default
 */
.trato-card-wrapper .trato-card-action__wrapper:empty {
  display: none;
}

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

.trato-card-wrapper .trato-card {
  border-radius: 0.4rem;
}

/*
    TODO
    transformar arquivo em set de variáveis
    criar arquivo separado para gerar classes .background e .text
*/
.background-primary {
  background: #f05f32 !important;
}

.text-primary {
  color: #f05f32 !important;
}

.background-primary-dark {
  background: #d14c00 !important;
}

.text-primary-dark {
  color: #d14c00 !important;
}

.background-primary-light {
  background: #ec7f00 !important;
}

.text-primary-light {
  color: #ec7f00 !important;
}

.background-secondary {
  background: #0083b3 !important;
}

.text-secondary {
  color: #0083b3 !important;
}

.background-secondary-light {
  background: #d9ecf4 !important;
}

.text-secondary-light {
  color: #d9ecf4 !important;
}

.background-base-primary {
  background: #fff !important;
}

.text-base-primary {
  color: #fff !important;
}

.background-gray50 {
  background: #f9f9fa !important;
}

.text-gray50 {
  color: #f9f9fa !important;
}

.background-gray100 {
  background: #f3f4f5 !important;
}

.text-gray100 {
  color: #f3f4f5 !important;
}

.background-gray200 {
  background: #eaecee !important;
}

.text-gray200 {
  color: #eaecee !important;
}

.background-gray250 {
  background: #e5e5e5 !important;
}

.text-gray250 {
  color: #e5e5e5 !important;
}

.background-gray300 {
  background: #d9dcdf !important;
}

.text-gray300 {
  color: #d9dcdf !important;
}

.background-gray400 {
  background: #c4c4c4 !important;
}

.text-gray400 {
  color: #c4c4c4 !important;
}

.background-gray450 {
  background: #adb5bc !important;
}

.text-gray450 {
  color: #adb5bc !important;
}

.background-gray500 {
  background: #a0a0a0 !important;
}

.text-gray500 {
  color: #a0a0a0 !important;
}

.background-gray600 {
  background: #767676 !important;
}

.text-gray600 {
  color: #767676 !important;
}

.background-gray700 {
  background: #606061 !important;
}

.text-gray700 {
  color: #606061 !important;
}

.background-gray750 {
  background: #4a555f !important;
}

.text-gray750 {
  color: #4a555f !important;
}

.background-gray800 {
  background: #424343 !important;
}

.text-gray800 {
  color: #424343 !important;
}

.background-gray850 {
  background: #323a41 !important;
}

.text-gray850 {
  color: #323a41 !important;
}

.background-gray900 {
  background: #3f3f3f !important;
}

.text-gray900 {
  color: #3f3f3f !important;
}

.background-error {
  background: #eb5757 !important;
}

.text-error {
  color: #eb5757 !important;
}

.background-warn {
  background: #f2c94c !important;
}

.text-warn {
  color: #f2c94c !important;
}

.background-success {
  background: #27ae60 !important;
}

.text-success {
  color: #27ae60 !important;
}

.background-tag-blue {
  background: #d9ecf4 !important;
}

.text-tag-blue {
  color: #d9ecf4 !important;
}

.background-tag-green {
  background: #dff3e7 !important;
}

.text-tag-green {
  color: #dff3e7 !important;
}

.background-tag-red {
  background: #fce6e6 !important;
}

.text-tag-red {
  color: #fce6e6 !important;
}

.background-tag-gray {
  background: #c4c4c4 !important;
}

.text-tag-gray {
  color: #c4c4c4 !important;
}

.background-tag-silver {
  background: #eaecee !important;
}

.text-tag-silver {
  color: #eaecee !important;
}

.background-tag-orange {
  background: #fcecd9 !important;
}

.text-tag-orange {
  color: #fcecd9 !important;
}

.background-tag-purple {
  background: #eae1f2 !important;
}

.text-tag-purple {
  color: #eae1f2 !important;
}

.background-bg-primary {
  background: #fff !important;
}

.text-bg-primary {
  color: #fff !important;
}

.background-white {
  background: white !important;
}

.text-white {
  color: white !important;
}

.background-black {
  background: black !important;
}

.text-black {
  color: black !important;
}

.background-transparent {
  background: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.page-title {
  font-style: normal;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.8rem;
  color: #424343;
}

.page-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #767676;
}

.card-title-lg, .size-lg.card-title {
  font-style: normal;
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 6.4rem;
  color: #424343;
}

.card-subtitle-md, .size-md.card-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.1rem;
  color: #a0a0a0;
}

.card-title-md, .size-md.card-title {
  font-style: normal;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.8rem;
  color: #424343;
}

.card-title {
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #424343;
}

.card-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #767676;
}

.table-title {
  font-style: normal;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #767676;
}

.table-value-default {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #767676;
}

.table-value-small {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #a0a0a0;
}

.table-value-bold {
  font-style: normal;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #767676;
}

.pdf-value-medium-bold {
  font-style: normal;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #606061;
}

.pdf-table-title {
  font-style: normal;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #606061;
}

.pdf-table-value-small {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #767676;
}
.pdf-table-value-small.light {
  color: #fff;
}

.alert-box {
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #767676;
}

.phone-message-value {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #767676;
}

.phone-message-value-bold {
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #424343;
}

.trato-h1, .trato-h2, .trato-h3, .trato-h4, .trato-h5 {
  font-weight: 600;
  line-height: 120%;
  color: #424343;
}

.trato-h1 {
  font-size: 4.8rem;
}

.trato-h2 {
  font-size: 4rem;
}

.trato-h3 {
  font-size: 3.2rem;
}

.trato-h4 {
  font-size: 2.4rem;
}

.trato-h5 {
  font-size: 2rem;
}

.trato-subtitle-1, .trato-subtitle-2 {
  font-weight: 500;
  line-height: 120%;
  color: #767676;
}

.trato-subtitle-1 {
  font-size: 4.8rem;
}

.trato-subtitle-2 {
  font-size: 4rem;
}

.trato-paragraph-1, .trato-paragraph-2 {
  font-weight: 500;
  line-height: 120%;
  color: #767676;
}

.trato-paragraph-1 {
  font-size: 1.8rem;
}

.trato-paragraph-2 {
  font-size: 1.6rem;
}

.action-buttons-right {
  --action-button-gap: 1.2rem;
  --action-button-margin: 0;
  --action-button-repeat: 1;
  display: grid;
  grid-template-columns: repeat(var(--action-button-repeat), auto);
  gap: var(--action-button-gap);
  justify-content: flex-end;
  align-items: center;
  margin: var(--action-button-margin) 0;
}
.action-buttons-right.g-0, .action-buttons-right.gx-0 {
  --action-button-gap: 0;
}
.action-buttons-right.g-0, .action-buttons-right.gy-0 {
  --action-button-margin: 0;
}
.action-buttons-right.g-1, .action-buttons-right.gx-1 {
  --action-button-gap: 1rem;
}
.action-buttons-right.g-1, .action-buttons-right.gy-1 {
  --action-button-margin: 1rem;
}
.action-buttons-right.g-2, .action-buttons-right.gx-2 {
  --action-button-gap: 0.8rem;
}
.action-buttons-right.g-2, .action-buttons-right.gy-2 {
  --action-button-margin: 0.8rem;
}
.action-buttons-right.g-3, .action-buttons-right.gx-3 {
  --action-button-gap: 1.6rem;
}
.action-buttons-right.g-3, .action-buttons-right.gy-3 {
  --action-button-margin: 1.6rem;
}
.action-buttons-right.g-4, .action-buttons-right.gx-4 {
  --action-button-gap: 2.4rem;
}
.action-buttons-right.g-4, .action-buttons-right.gy-4 {
  --action-button-margin: 2.4rem;
}
.action-buttons-right.g-5, .action-buttons-right.gx-5 {
  --action-button-gap: 3.2rem;
}
.action-buttons-right.g-5, .action-buttons-right.gy-5 {
  --action-button-margin: 3.2rem;
}
.action-buttons-right.g-6, .action-buttons-right.gx-6 {
  --action-button-gap: 4rem;
}
.action-buttons-right.g-6, .action-buttons-right.gy-6 {
  --action-button-margin: 4rem;
}
.action-buttons-right.g-7, .action-buttons-right.gx-7 {
  --action-button-gap: 4.8rem;
}
.action-buttons-right.g-7, .action-buttons-right.gy-7 {
  --action-button-margin: 4.8rem;
}
.action-buttons-right.g-8, .action-buttons-right.gx-8 {
  --action-button-gap: 5.6rem;
}
.action-buttons-right.g-8, .action-buttons-right.gy-8 {
  --action-button-margin: 5.6rem;
}
.action-buttons-right.g-9, .action-buttons-right.gx-9 {
  --action-button-gap: 6.4rem;
}
.action-buttons-right.g-9, .action-buttons-right.gy-9 {
  --action-button-margin: 6.4rem;
}

@media (min-width: 576px) {
  .action-buttons-right {
    --action-button-repeat: 2;
  }
}
.textarea:-webkit-autofill::first-line, .textarea {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 150%;
  color: #767676;
}

.textarea {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  box-sizing: border-box;
  border: 0.1rem solid #a0a0a0;
  border-radius: 0.4rem;
  /*
      associar classe `invalid-when-dirty` ao input para que ele aplique o estilo de erro
      somente quando for modificado algo (dirty)
   */
}
.textarea:focus {
  outline: none;
  border-width: 0.2rem !important;
  border-color: #424343 !important;
  color: #424343;
}
.textarea::placeholder {
  color: #d9dcdf;
}
.textarea:disabled {
  border-color: #f9f9fa;
  background: #f9f9fa;
  color: #a0a0a0;
}
.ng-touched.ng-invalid.textarea:not(.invalid-when-dirty), .invalid-when-dirty.ng-dirty.ng-invalid.textarea, .ng-touched.ng-valid.has-error.textarea {
  border-width: 0.15rem;
  border-color: #eb5757;
}

.trato-form-search {
  margin-top: -4.8rem;
  padding-bottom: 3.2rem;
}

.trato-form {
  margin-top: -4.8rem;
  padding-bottom: 4.8rem;
}

.textarea {
  font-family: inherit;
  height: 10rem;
  padding: 1.2rem 0.8rem 0.8rem 1.6rem;
  resize: none;
  outline: none;
  vertical-align: bottom;
  margin: 0;
}
.textarea:focus {
  border-width: 1px;
}

.tcontainer,
.tcontainer-fluid,
.tcontainer-xl,
.tcontainer-lg,
.tcontainer-md,
.tcontainer-sm {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  .tcontainer-sm, .tcontainer {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .tcontainer-md, .tcontainer-sm, .tcontainer {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .tcontainer-lg, .tcontainer-md, .tcontainer-sm, .tcontainer {
    max-width: 960px;
  }
}
@media (min-width: 1248px) {
  .tcontainer-xl, .tcontainer-lg, .tcontainer-md, .tcontainer-sm, .tcontainer {
    max-width: 1200px;
  }
}
.trow {
  display: flex;
  flex-wrap: wrap;
  --gx: 1rem;
  --gy: 0;
  margin-right: calc(var(--gx) / -2);
  margin-left: calc(var(--gx) / -2);
}
.trow > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gx) / 2);
  padding-left: calc(var(--gx) / 2);
  margin-top: var(--gy);
}

.t-row {
  display: flex;
  flex-wrap: wrap;
}

.tcol {
  flex: 1 0 0%;
}

.tcol-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.tcol-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.tcol-3 {
  flex: 0 0 auto;
  width: 25%;
}

.tcol-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.tcol-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.tcol-6 {
  flex: 0 0 auto;
  width: 50%;
}

.tcol-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.tcol-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.tcol-9 {
  flex: 0 0 auto;
  width: 75%;
}

.tcol-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.tcol-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.tcol-12 {
  flex: 0 0 auto;
  width: 100%;
}

.g-0,
.gx-0 {
  --gx: 0;
}

.g-0,
.gy-0 {
  --gy: 0;
}

.g-1,
.gx-1 {
  --gx: 1rem;
}

.g-1,
.gy-1 {
  --gy: 1rem;
}

.g-2,
.gx-2 {
  --gx: 0.8rem;
}

.g-2,
.gy-2 {
  --gy: 0.8rem;
}

.g-3,
.gx-3 {
  --gx: 1.6rem;
}

.g-3,
.gy-3 {
  --gy: 1.6rem;
}

.g-4,
.gx-4 {
  --gx: 2.4rem;
}

.g-4,
.gy-4 {
  --gy: 2.4rem;
}

.g-5,
.gx-5 {
  --gx: 3.2rem;
}

.g-5,
.gy-5 {
  --gy: 3.2rem;
}

.g-6,
.gx-6 {
  --gx: 4rem;
}

.g-6,
.gy-6 {
  --gy: 4rem;
}

.g-7,
.gx-7 {
  --gx: 4.8rem;
}

.g-7,
.gy-7 {
  --gy: 4.8rem;
}

.g-8,
.gx-8 {
  --gx: 5.6rem;
}

.g-8,
.gy-8 {
  --gy: 5.6rem;
}

.g-9,
.gx-9 {
  --gx: 6.4rem;
}

.g-9,
.gy-9 {
  --gy: 6.4rem;
}

@media (min-width: 576px) {
  .tcol-sm {
    flex: 1 0 0%;
  }
  .tcol-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .tcol-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .tcol-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .tcol-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .tcol-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .tcol-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .tcol-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .tcol-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .tcol-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .tcol-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .tcol-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .tcol-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --gx: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --gy: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --gx: 1rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --gy: 1rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --gx: 0.8rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --gy: 0.8rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --gx: 1.6rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --gy: 1.6rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --gx: 2.4rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --gy: 2.4rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --gx: 3.2rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --gy: 3.2rem;
  }
  .g-sm-6,
  .gx-sm-6 {
    --gx: 4rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --gy: 4rem;
  }
  .g-sm-7,
  .gx-sm-7 {
    --gx: 4.8rem;
  }
  .g-sm-7,
  .gy-sm-7 {
    --gy: 4.8rem;
  }
  .g-sm-8,
  .gx-sm-8 {
    --gx: 5.6rem;
  }
  .g-sm-8,
  .gy-sm-8 {
    --gy: 5.6rem;
  }
  .g-sm-9,
  .gx-sm-9 {
    --gx: 6.4rem;
  }
  .g-sm-9,
  .gy-sm-9 {
    --gy: 6.4rem;
  }
}
@media (min-width: 768px) {
  .tcol-md {
    flex: 1 0 0%;
  }
  .tcol-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .tcol-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .tcol-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .tcol-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .tcol-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .tcol-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .tcol-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .tcol-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .tcol-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .tcol-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .tcol-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .tcol-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-md-0,
  .gx-md-0 {
    --gx: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --gy: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --gx: 1rem;
  }
  .g-md-1,
  .gy-md-1 {
    --gy: 1rem;
  }
  .g-md-2,
  .gx-md-2 {
    --gx: 0.8rem;
  }
  .g-md-2,
  .gy-md-2 {
    --gy: 0.8rem;
  }
  .g-md-3,
  .gx-md-3 {
    --gx: 1.6rem;
  }
  .g-md-3,
  .gy-md-3 {
    --gy: 1.6rem;
  }
  .g-md-4,
  .gx-md-4 {
    --gx: 2.4rem;
  }
  .g-md-4,
  .gy-md-4 {
    --gy: 2.4rem;
  }
  .g-md-5,
  .gx-md-5 {
    --gx: 3.2rem;
  }
  .g-md-5,
  .gy-md-5 {
    --gy: 3.2rem;
  }
  .g-md-6,
  .gx-md-6 {
    --gx: 4rem;
  }
  .g-md-6,
  .gy-md-6 {
    --gy: 4rem;
  }
  .g-md-7,
  .gx-md-7 {
    --gx: 4.8rem;
  }
  .g-md-7,
  .gy-md-7 {
    --gy: 4.8rem;
  }
  .g-md-8,
  .gx-md-8 {
    --gx: 5.6rem;
  }
  .g-md-8,
  .gy-md-8 {
    --gy: 5.6rem;
  }
  .g-md-9,
  .gx-md-9 {
    --gx: 6.4rem;
  }
  .g-md-9,
  .gy-md-9 {
    --gy: 6.4rem;
  }
}
@media (min-width: 992px) {
  .tcol-lg {
    flex: 1 0 0%;
  }
  .tcol-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .tcol-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .tcol-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .tcol-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .tcol-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .tcol-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .tcol-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .tcol-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .tcol-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .tcol-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .tcol-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .tcol-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --gx: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --gy: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --gx: 1rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --gy: 1rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --gx: 0.8rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --gy: 0.8rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --gx: 1.6rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --gy: 1.6rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --gx: 2.4rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --gy: 2.4rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --gx: 3.2rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --gy: 3.2rem;
  }
  .g-lg-6,
  .gx-lg-6 {
    --gx: 4rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --gy: 4rem;
  }
  .g-lg-7,
  .gx-lg-7 {
    --gx: 4.8rem;
  }
  .g-lg-7,
  .gy-lg-7 {
    --gy: 4.8rem;
  }
  .g-lg-8,
  .gx-lg-8 {
    --gx: 5.6rem;
  }
  .g-lg-8,
  .gy-lg-8 {
    --gy: 5.6rem;
  }
  .g-lg-9,
  .gx-lg-9 {
    --gx: 6.4rem;
  }
  .g-lg-9,
  .gy-lg-9 {
    --gy: 6.4rem;
  }
}
@media (min-width: 1248px) {
  .tcol-xl {
    flex: 1 0 0%;
  }
  .tcol-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .tcol-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .tcol-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .tcol-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .tcol-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .tcol-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .tcol-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .tcol-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .tcol-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .tcol-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .tcol-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .tcol-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --gx: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --gy: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --gx: 1rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --gy: 1rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --gx: 0.8rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --gy: 0.8rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --gx: 1.6rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --gy: 1.6rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --gx: 2.4rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --gy: 2.4rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --gx: 3.2rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --gy: 3.2rem;
  }
  .g-xl-6,
  .gx-xl-6 {
    --gx: 4rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --gy: 4rem;
  }
  .g-xl-7,
  .gx-xl-7 {
    --gx: 4.8rem;
  }
  .g-xl-7,
  .gy-xl-7 {
    --gy: 4.8rem;
  }
  .g-xl-8,
  .gx-xl-8 {
    --gx: 5.6rem;
  }
  .g-xl-8,
  .gy-xl-8 {
    --gy: 5.6rem;
  }
  .g-xl-9,
  .gx-xl-9 {
    --gx: 6.4rem;
  }
  .g-xl-9,
  .gy-xl-9 {
    --gy: 6.4rem;
  }
}
.trato-card-wrapper {
  width: 100%;
}
.trato-card-wrapper .trato-card {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  width: inherit;
  box-sizing: border-box;
  background: #fff;
  padding: var(--card-padding, 2.4rem);
}
.trato-card-wrapper .trato-card-action, .trato-card-wrapper .trato-card-header, .trato-card-wrapper .trato-card-content, .trato-card-wrapper .trato-card-title, .trato-card-wrapper .trato-card-subtitle {
  display: block;
}
.trato-card-wrapper .trato-card-header {
  padding-bottom: var(--header-padding, 3.2rem);
}
.trato-card-wrapper .trato-card-action {
  display: flex;
  justify-content: flex-end;
}
.trato-card-wrapper .trato-card.full-card-height {
  height: 100%;
}
@media only screen and (max-width : 540px) {
  .trato-card-wrapper .trato-card {
    box-shadow: none;
  }
}

.trato-card-wrapper.g-0 .trato-card {
  --card-padding: 0;
}

.trato-card-header.g-0 {
  --header-padding: 0;
}

.trato-card-wrapper.g-1 .trato-card {
  --card-padding: 1rem;
}

.trato-card-header.g-1 {
  --header-padding: 1rem;
}

.trato-card-wrapper.g-2 .trato-card {
  --card-padding: 0.8rem;
}

.trato-card-header.g-2 {
  --header-padding: 0.8rem;
}

.trato-card-wrapper.g-3 .trato-card {
  --card-padding: 1.6rem;
}

.trato-card-header.g-3 {
  --header-padding: 1.6rem;
}

.trato-card-wrapper.g-4 .trato-card {
  --card-padding: 2.4rem;
}

.trato-card-header.g-4 {
  --header-padding: 2.4rem;
}

.trato-card-wrapper.g-5 .trato-card {
  --card-padding: 3.2rem;
}

.trato-card-header.g-5 {
  --header-padding: 3.2rem;
}

.trato-card-wrapper.g-6 .trato-card {
  --card-padding: 4rem;
}

.trato-card-header.g-6 {
  --header-padding: 4rem;
}

.trato-card-wrapper.g-7 .trato-card {
  --card-padding: 4.8rem;
}

.trato-card-header.g-7 {
  --header-padding: 4.8rem;
}

.trato-card-wrapper.g-8 .trato-card {
  --card-padding: 5.6rem;
}

.trato-card-header.g-8 {
  --header-padding: 5.6rem;
}

.trato-card-wrapper.g-9 .trato-card {
  --card-padding: 6.4rem;
}

.trato-card-header.g-9 {
  --header-padding: 6.4rem;
}

.trato-portal__dialog {
  pointer-events: auto;
}

body.portal-open {
  overflow: hidden;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.2);
}

.trato-modal-action__title {
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: unset;
  color: #424343;
}

.trato-modal-action__subtitle {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  letter-spacing: unset;
  color: #a0a0a0;
}

.trato-modal-feedback .trato-modal-body {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0;
  color: #424343;
}

.trato-modal-action__subtitle, .trato-modal-action__title {
  overflow: hidden;
  width: inherit;
}

.trato-modal-feedback.trato-modal-feedback--restrain-body-width .trato-modal-body, .trato-modal-action.trato-modal-action--restrain-body-width .trato-modal-shell__body, .trato-modal-action .trato-modal-header {
  max-width: 50rem;
  margin: 0 auto;
}

.trato-modal-feedback .trato-modal-footer, .trato-modal-action .trato-modal-footer {
  display: grid;
  gap: 3.2rem;
  justify-content: center;
  padding-bottom: 1.6rem;
  padding-top: 3.2rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, max-content));
}

.trato-modal-feedback__footer-divider, .trato-modal-action__footer-divider {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: -3.2rem;
  color: #a0a0a0;
}

/*--------------------------*\
    #MODAL-SHELL
\*--------------------------*/
.trato-modal-shell {
  padding: 1.6rem;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  max-height: 100vh;
  max-width: 80vw;
  background: #fff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.04);
  border-radius: 0.8rem;
  width: 74.2rem;
}
.trato-modal-shell__action {
  display: flex;
  justify-content: flex-end;
}
.trato-modal-shell__close {
  display: flex;
  cursor: pointer;
}
.trato-modal-shell__close--hide {
  visibility: hidden;
}
.trato-modal-shell__body {
  max-height: 65vh;
  overflow: auto;
  overflow-x: hidden;
}

.cdk-overlay-pane--lg .trato-modal-shell {
  width: 100rem;
}

/*--------------------------*\
    #MODAL-ACTION
\*--------------------------*/
.trato-modal-action__subtitle {
  padding-top: 0.4rem;
}
.trato-modal-action .trato-modal-header {
  display: flex;
  flex-flow: column nowrap;
  text-align: center;
  box-sizing: border-box;
}
/*--------------------------*\
    #MODAL-FEEDBACK
\*--------------------------*/
.trato-modal-feedback__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.8rem;
}
.trato-modal-feedback__icon {
  padding-bottom: 4rem;
}
.trato-modal-feedback .trato-modal-body {
  text-align: center;
}
.trato-modal-feedback--success .trato-modal-feedback__icon {
  color: #27ae60;
}
.trato-modal-feedback--error .trato-modal-feedback__icon {
  color: #eb5757;
}
.trato-modal-feedback--question .trato-modal-feedback__icon {
  color: #f2c94c;
}
.trato-modal-feedback--info .trato-modal-feedback__icon {
  color: #0083b3;
}
.trato-modal-feedback--info .trato-modal-feedback__icon .trato-icon svg {
  transform: rotate(180deg);
}

/*--------------------------*\
    #ENTITY-DET

    set of classes to display entity properties with left alignment
\*--------------------------*/
.entity-det__title {
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6rem;
  color: #a0a0a0;
}

.entity-det__value {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem;
  color: #606061;
}

.entity-det__container, .entity-det__line, .entity-det__field {
  display: flex;
}
.entity-det__container {
  flex-direction: column;
  width: 100%;
}
.entity-det__line {
  flex-flow: row wrap;
  overflow: hidden;
}
.entity-det__line:first-of-type {
  margin-top: -2rem;
}
.entity-det__field {
  flex-flow: column nowrap;
  padding: 2rem 0;
  padding-right: 4rem;
}
.entity-det__field:last-of-type {
  padding-right: unset;
}
.entity-det__title {
  padding-bottom: 0.8rem;
}
.entity-det__value--limit {
  max-width: 30rem;
}

:root {
  font-size: 10px;
}

html,
body {
  font-size: 1.6rem;
  background: #f9f9fa;
  font-family: "Open Sans", "Helvetica";
  margin: 0;
  padding: 0;
}
@media only screen and (max-width : 540px) {
  html,
  body {
    background: #fff;
  }
}

label {
  display: block;
  margin: 1.5rem 0;
}

.feedback-success {
  color: #27ae60;
}

.feedback-warn {
  color: #f2c94c;
}

.feedback-error {
  color: #eb5757;
}

/*# sourceMappingURL=styles.31ca6c0b083ca71e.css.map*/